/*
Theme Name: Dream 369
Description: Acrylic suncatchers that turn window light into soft rainbows
Template: flatsome
Version: 1.0.8
Text Domain: dream369
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ASSEMBLE-BLOCKS:BEGIN — scripts/assemble-theme.mjs, không sửa tay giữa 2 marker này */
/* VARIANT: header=two-row-search (light), footer=bordered-divided (light) */
/* Khối header "two-row-search" — design tokens (đổi 4 biến dưới cho từng site, không sửa phần còn lại).
   CHỈ DẪN SỬA 23/10 mục 1 — thư viện khối, thử trên site lab trước khi quyết định áp site sống. */
:root {
  --blk-header-bg: #FCFCF7;
  --blk-header-ink: #20231A;
  --blk-header-accent: #B9A5F2;
  --blk-topbar-bg: #20231A;
}
.header-wrapper { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.flatsome-topbar { background: var(--blk-topbar-bg) !important; }
#header-main { background: var(--blk-header-bg) !important; }
#header-main .logo a, #header-main .logo { color: var(--blk-header-ink); }
.nav > li > a { color: var(--blk-header-ink); font-weight: 600; letter-spacing: 0.01em; }
.nav > li > a:hover, .nav > li.current > a { color: var(--blk-header-accent); }
#header-main .is-small .icon { color: var(--blk-header-accent); }

/* Khối footer "bordered-divided" — design tokens. CHỈ DẪN SỬA 23/10 mục 1. */
:root {
  --blk-foot-bg: #FCFCF7;
  --blk-foot-ink: #20231A;
  --blk-foot-muted: #565A4B;
  --blk-foot-accent: #B9A5F2;
}
.blk-foot--bordered { background: var(--blk-foot-bg); color: var(--blk-foot-ink); padding: 48px 0 0; }
.blk-foot--bordered .blk-foot__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; padding-bottom: 36px; }
.blk-foot--bordered .blk-foot__col { padding: 0 24px; border-left: 1px solid rgba(0, 0, 0, 0.1); }
.blk-foot--bordered .blk-foot__col:first-child { border-left: 0; padding-left: 0; }
.blk-foot--bordered .blk-foot__rule { display: block; width: 28px; height: 3px; background: var(--blk-foot-accent); margin-bottom: 14px; }
.blk-foot--bordered .blk-foot__h { font-size: 15px; font-weight: 700; margin: 0 0 12px; color: var(--blk-foot-ink); }
.blk-foot--bordered .blk-foot__list { list-style: none; margin: 0; padding: 0; }
.blk-foot--bordered .blk-foot__list li { margin-bottom: 8px; }
.blk-foot--bordered .blk-foot__list a { color: var(--blk-foot-muted); text-decoration: none; }
.blk-foot--bordered .blk-foot__list a:hover { color: var(--blk-foot-accent); text-decoration: underline; }
.blk-foot--bordered .blk-foot__base { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.blk-foot--bordered .blk-foot__base-in { padding: 16px 0; font-size: 13px; color: var(--blk-foot-muted); text-align: center; }
@media (max-width: 849px) { .blk-foot--bordered .blk-foot__row { grid-template-columns: 1fr 1fr; } .blk-foot--bordered .blk-foot__col { border-left: 0; padding: 0; } }

/* ASSEMBLE-BLOCKS:END */


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* ASSEMBLE-BLOCKS-MOBILE:BEGIN */
@media (max-width: 849px) { .whh-foot__cols, .whh-foot__row, .whh-foot__grid { grid-template-columns: 1fr 1fr; } }
/* ASSEMBLE-BLOCKS-MOBILE:END */


}