/* Tiên Giới Truyện 3D V16.29.12 — Premium Header & Navigation.
   PRESENTATION ONLY: keeps #searchBox, original nav links, dropdowns,
   admin-configurable menu icons, notification badge and account routes. */
@media(min-width:1161px){
 .site-header{background:linear-gradient(180deg,#080e17 0%,#0b1421 72%,#0b111b 100%)!important;border:0!important;box-shadow:0 9px 24px #000a!important}
 .site-header .header-inner{position:relative;max-width:1600px!important;grid-template-columns:minmax(265px,1.05fr) minmax(215px,.98fr) auto auto!important;grid-template-rows:88px 55px!important;column-gap:16px!important;padding:0 26px 9px!important;overflow:visible}
 body.tg26-scrolled .site-header .header-inner{grid-template-rows:67px 50px!important}
 .site-header .header-inner>.brand{position:relative;align-self:center;display:flex!important;gap:12px!important;white-space:nowrap;max-width:100%;min-width:0}
 .site-header .header-inner>.brand img{width:70px!important;height:70px!important;filter:drop-shadow(0 0 11px #edb34b78);transition:width .2s,height .2s}
 body.tg26-scrolled .site-header .header-inner>.brand img{width:51px!important;height:51px!important}
 .site-header .header-inner>.brand .tg2912-brand-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-shadow:0 0 12px #bf853b80;letter-spacing:.005em;font-size:clamp(21px,2.12vw,32px)!important;font-weight:700;line-height:1.1!important;color:#f6d593!important}
 .site-header .header-inner>.brand .tg2912-brand-wordmark em{font-size:inherit!important;font-style:normal}
 .tg2912-brand-tagline{display:flex;gap:8px;align-items:center;justify-content:center;letter-spacing:.13em!important;color:#e7c487!important;font-size:clamp(8px,.82vw,12px)!important;font-weight:600;line-height:1.6;margin-top:5px;text-shadow:0 1px 2px #000;white-space:nowrap}
 .tg2912-brand-tagline:before,.tg2912-brand-tagline:after{content:'✦';font-size:7px;color:#dfaa53}
 .tg2912-brand-tagline i{width:22px;height:1px;background:linear-gradient(90deg,transparent,#d9a35a);display:inline-block}
 .tg2912-brand-tagline i:last-child{transform:rotate(180deg)}
 .site-header .header-inner>.search{position:relative;border:1.5px solid #e7c17b!important;border-radius:28px!important;background:radial-gradient(ellipse at 97% 95%,#4b3924 0,transparent 29%),linear-gradient(100deg,#111b29,#1a2231)!important;box-shadow:0 0 0 2px #0008,inset 0 1px 4px #f5dba622,0 3px 14px #000a!important;height:48px!important;width:min(490px,100%)!important;padding:0 16px!important;overflow:hidden}
 .site-header .header-inner>.search:after{content:'❧';color:#e8b660;font-size:36px;line-height:1;position:absolute;right:8px;top:1px;opacity:.85;pointer-events:none;filter:drop-shadow(0 0 5px #d19b42a1)}
 .site-header .header-inner>.search:focus-within{border-color:#ffe1a2!important;box-shadow:0 0 0 3px #c5944b2b!important}
 .site-header .header-inner>.search input{position:relative;z-index:1;flex:1;padding-right:33px!important;font-size:15px!important;color:#fff0cd!important;background:transparent!important}
 .site-header .header-inner>.search input::placeholder{color:#e3d6c0!important}
 .tg2912-search-icon{display:inline-flex;align-items:center;justify-content:center}
 .tg2912-search-icon svg{width:24px;height:24px;display:block}
 .tg26-tools{gap:10px!important}
 .tg26-tools .tg26-tool{border:1.5px solid #b99252!important;background:linear-gradient(135deg,#73501d,#f4c86e 45%,#bd8837)!important;color:#211b13!important;min-height:46px!important;border-radius:28px!important;font-size:15px!important;padding:0 18px!important;box-shadow:inset 0 1px 2px #fff7bf73,0 4px 11px #0009!important}
 .tg26-tools .tg26-tool:hover{filter:brightness(1.12)}
 .tg26-tools .tg26-tool.tg26-notify{min-width:48px!important;width:48px!important;border-radius:13px!important;padding:0!important;color:#f2ca7a!important;background:linear-gradient(170deg,#181a20,#0c111b)!important;border:1.3px solid #ae8449!important;box-shadow:inset 0 1px 3px #f9dc8220!important}
 .tg26-tools .tg26-notify .tg2912-tool-icon{width:27px;height:27px}
 .tg2912-tool-icon,.tg2912-tool-icon svg{display:inline-flex;width:22px;height:22px}
 .tg26-tools .tg26-notify-dot{width:9px;height:9px;background:#f83b40;top:3px;right:4px;box-shadow:0 0 0 2px #0b101a}
 .tg26-tools .tg26-account>summary{padding:0 3px!important;min-height:54px!important;gap:7px!important;border-radius:28px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#f5d79b!important}
 .tg2912-avatar-face{width:51px;height:51px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;border:2px solid #eec77b;color:#e6c17b;background:linear-gradient(160deg,#26354a,#17141c);overflow:hidden;box-shadow:0 0 0 3px #534021,0 0 12px #ca8c38b7}
 .tg2912-avatar-face svg{width:27px;height:27px}
 .tg2912-avatar-face img:not([hidden]){width:100%;height:100%;object-fit:cover;display:block}
 .tg2912-avatar-face:has(img:not([hidden])) svg{display:none}
 .tg2912-account-word{font-size:12px!important}
 .tg2912-chevron{font-size:15px}
 .site-header .header-inner>.tg-mode-toggle{height:45px!important;min-width:40px!important;border-color:#a9854e!important;background:#161b25!important;border-radius:12px!important;opacity:.88}
 .site-header .header-inner>.tg-v141-nav{border:1px solid #e3b66b!important;border-radius:29px!important;box-shadow:0 0 0 2px #1f1c17,inset 0 2px 8px #d69a4644,0 4px 18px #000a!important;background:linear-gradient(180deg,#201c1b 0%,#101520 56%,#0a0f17 100%)!important;padding:3px 10px!important;min-height:49px!important;gap:0!important;position:relative}
 .site-header .header-inner>.tg-v141-nav:before,.site-header .header-inner>.tg-v141-nav:after{content:'❦';position:absolute;top:50%;transform:translateY(-50%);color:#eac376;font-size:27px;text-shadow:0 0 8px #d4a35f;pointer-events:none;z-index:0}
 .site-header .header-inner>.tg-v141-nav:before{left:-15px}
 .site-header .header-inner>.tg-v141-nav:after{right:-15px;transform:translateY(-50%) scaleX(-1)}
 .site-header .header-inner>.tg-v141-nav .tg-v141-cluster{gap:0!important}
 .site-header .header-inner>.tg-v141-nav a,.site-header .header-inner>.tg-v141-nav .tg-genre-trigger,.site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{min-height:42px!important;padding:6px clamp(6px,.75vw,13px)!important;border:0!important;border-radius:8px!important;color:#f2dfbd!important;background:transparent!important;font-size:clamp(11px,.94vw,14px)!important;font-weight:700!important}
 .site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{color:#efd7ad!important}
 .site-header .header-inner>.tg-v141-nav a:not(.tg-v141-flyout a):hover,.site-header .header-inner>.tg-v141-nav a.active,.site-header .header-inner>.tg-v141-nav .tg-genre-trigger:hover,.site-header .header-inner>.tg-v141-nav .tg-v141-dropdown[open]>summary{background:linear-gradient(180deg,#a57a38,#614620 56%,#382719)!important;color:#fff2c7!important;text-shadow:0 1px 4px #000;border-radius:18px!important;box-shadow:0 0 10px #d4a14a60!important}
 .site-header .header-inner>.tg-v141-nav .tg-v141-symbol{color:#e9bd68!important}
 .site-header .header-inner>.tg-v141-nav .tg-v141-icon{stroke:#e9bd68!important}
 .site-header .header-inner>.tg-v141-nav .tg-v141-flyout{border:1px solid #ac854e!important;border-radius:12px!important;background:#121a26!important;box-shadow:0 15px 32px #000c!important}
 .site-header .header-inner>.tg-v141-nav .tg-v141-flyout a{font-size:13px!important;justify-content:flex-start!important}
}
@media(min-width:1161px) and (max-width:1390px){
 .site-header .header-inner{grid-template-columns:minmax(248px,.93fr) minmax(210px,1fr) auto auto!important;column-gap:9px!important;padding:0 12px 7px!important}
 .site-header .header-inner>.brand img{width:61px!important;height:61px!important}
 .site-header .header-inner>.brand .tg2912-brand-wordmark{font-size:clamp(19px,2vw,27px)!important}
 .tg26-tools{gap:7px!important}
 .tg26-tools .tg26-tool{padding:0 12px!important;font-size:13px!important}
 .tg2912-account-word{display:none}
 .site-header .header-inner>.tg-v141-nav a,.site-header .header-inner>.tg-v141-nav .tg-genre-trigger,.site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{padding:6px clamp(5px,.65vw,10px)!important}
}
/* The mobile/tablet layout is the existing single header + drawer + bottom navigation;
   this stylesheet only adds gold trim and the new brand tagline styling. */
@media(max-width:1160px){
 .site-header{background:linear-gradient(180deg,#080f19,#101722)!important;border-bottom:1px solid #b48745!important;box-shadow:0 4px 24px #0009!important}
 .site-header .header-inner>.brand{align-items:center;gap:7px!important}
 .site-header .header-inner>.brand .tg2912-brand-wordmark{display:flex;flex-direction:column;min-width:0;font-size:clamp(16px,2.6vw,21px)!important;font-weight:700;color:#efd19b;line-height:1.12}
 .site-header .header-inner>.brand .tg2912-brand-wordmark em{font-size:inherit!important}
 .tg2912-brand-tagline{display:none}
 .site-header .header-inner>.search{border:1.3px solid #d7b16d!important;border-radius:22px!important;background:#172132!important;box-shadow:inset 0 0 0 1px #f2c77d16!important}
 .site-header .header-inner>.search input{font-size:14px!important}
 .tg2912-search-icon svg{width:22px;height:22px;display:block}
 .site-header .tg26-mobile-toggle,.site-header .tg26-mobile-account{border-color:#bd914f!important;border-radius:11px!important;background:#241d1b!important;color:#f2d192!important}
 .tg26-bottom-nav{border-top:1px solid #b48745!important;box-shadow:0 -7px 25px #000a!important}
 .tg26-bottom-nav>a.active{background:linear-gradient(180deg,#9a702e,#3c2b1b)!important;border-color:#ddb76c!important;color:#f7dea5!important}
}
@media(max-width:390px){.site-header .header-inner>.brand .tg2912-brand-wordmark{font-size:15px!important;letter-spacing:-.03em}}
/* Preserve legibility for light-mode users. */
html[data-tg-mode="light"] .site-header{background:#fbf3e6!important}
html[data-tg-mode="light"] .site-header .header-inner>.brand .tg2912-brand-wordmark{color:#69471b!important;text-shadow:none}
html[data-tg-mode="light"] .site-header .header-inner>.search{background:#fffdf8!important}
html[data-tg-mode="light"] .site-header .header-inner>.tg-v141-nav{background:linear-gradient(#fff5dd,#f4e2c1)!important}
html[data-tg-mode="light"] .site-header .header-inner>.tg-v141-nav a,html[data-tg-mode="light"] .site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{color:#583b1e!important;text-shadow:none!important}
@media(prefers-reduced-motion:reduce){.site-header .header-inner>.brand img{transition:none!important}}

/* Final brand and edge refinements */
@media(min-width:1161px){
.site-header .header-inner>.brand .tg2912-brand-wordmark{font-size:clamp(20px,2.1vw,32px)!important}
.site-header .header-inner>.brand .tg2912-brand-name{font-size:inherit!important;line-height:1.12;white-space:nowrap}
.site-header .header-inner>.tg-v141-nav:before{left:2px}
.site-header .header-inner>.tg-v141-nav:after{right:2px}
.site-header .header-inner>.tg-v141-nav .tg-v141-cluster>a:first-child{position:relative}
}
@media(min-width:1161px) and (max-width:1390px){.site-header .header-inner>.brand .tg2912-brand-wordmark{font-size:clamp(19px,1.8vw,25px)!important}}
@media(max-width:1160px){.site-header .header-inner>.brand .tg2912-brand-name{font-size:inherit!important;white-space:nowrap;letter-spacing:-.01em}}
@media(max-width:390px){.site-header .header-inner>.brand .tg2912-brand-wordmark{font-size:14px!important}}
@media(min-width:1161px){
 .site-header .header-inner>.tg-v141-nav{justify-content:space-between!important}
 .site-header .header-inner>.tg-v141-nav>.tg-v141-cluster{flex:1 1 auto!important;justify-content:space-evenly!important;min-width:0}
 .site-header .header-inner>.tg-v141-nav .tg-v141-dropdown{flex:0 0 auto}
 .site-header .header-inner>.tg-v141-nav .tg-v141-cluster>a,
 .site-header .header-inner>.tg-v141-nav .tg-v141-cluster>.tg-genre-trigger{flex:0 0 auto}
 .site-header .header-inner>.tg-v141-nav a,.site-header .header-inner>.tg-v141-nav .tg-genre-trigger,.site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{font-size:clamp(12px,.98vw,14px)!important}
}
@media(min-width:1161px) and (max-width:1390px){
 .site-header .header-inner>.tg-v141-nav a,.site-header .header-inner>.tg-v141-nav .tg-genre-trigger,.site-header .header-inner>.tg-v141-nav .tg-v141-dropdown>summary{font-size:12.5px!important;padding:6px 7px!important}
}