/* Loot & Learn — adaptive header; original site content remains intact. */
:root { --llh-font: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
/* Hide only the existing Blocksy header, not the WordPress admin bar or any content. */
body:not(.wp-admin) header.ct-header,
body:not(.wp-admin) #header.ct-header,
body:not(.wp-admin) #masthead.site-header,
body:not(.wp-admin) .site-header:not(#llh-site-header) { display:none !important; }
#llh-header-shell { position:relative; z-index:300; isolation:isolate; font-family:var(--llh-font); }
#llh-site-header, #llh-site-header * { box-sizing:border-box; }
#llh-site-header { --llh-bg:#151b29;--llh-text:#eef2f8;--llh-secondary:#b4bdd0;--llh-border:#303a4e;--llh-hover:#283349;--llh-panel:#1f293a; background:var(--llh-bg) !important; color:var(--llh-text) !important; position:relative; z-index:5; box-shadow:0 1px 0 rgba(255,255,255,.04); }
#llh-site-header a { text-decoration:none !important; }
#llh-site-header button, #llh-site-header input { font:inherit; }
#llh-site-header button { cursor:pointer; }
#llh-site-header .llh-inner { max-width:1530px; margin:auto; height:78px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; column-gap:30px; }
#llh-site-header .llh-brand { flex:0 1 420px; min-width:220px; display:flex; align-items:center; color:var(--llh-text) !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#llh-site-header .llh-logo-image { display:block; height:auto; width:auto; max-width:360px; max-height:94px; object-fit:contain; }
#llh-site-header .llh-textlogo { color:var(--llh-text); font-size:24px; font-weight:800; white-space:nowrap; letter-spacing:-.5px; }
#llh-site-header .llh-textlogo span { color:#f6c155; }
#llh-site-header .llh-primary-nav { display:flex; align-items:center; justify-content:center; gap:28px; flex:1 1 auto; }
#llh-site-header .llh-nav-item { position:relative; display:inline-flex; align-items:center; gap:10px; white-space:nowrap; color:var(--llh-text) !important; font-weight:700; font-size:17px; line-height:1.2; border-radius:26px; padding:7px 3px; transition:color .2s ease,transform .2s ease; }
#llh-site-header .llh-nav-item:hover, #llh-site-header .llh-nav-item:focus-visible { color:#f6c155 !important; }
#llh-site-header .llh-nav-item.llh-active { color:#f6c155 !important; }
#llh-site-header .llh-nav-icon { display:inline-grid; place-items:center; width:40px; height:40px; flex:none; border-radius:50%; color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.24); transition:transform .2s ease; }
#llh-site-header .llh-nav-item:hover .llh-nav-icon { transform:translateY(-2px); }
#llh-site-header .llh-icon-home { background:linear-gradient(140deg,#62cf76,#3eaf5a); }
#llh-site-header .llh-icon-games { background:linear-gradient(140deg,#ff9479,#e65a45); }
#llh-site-header .llh-icon-apps { background:linear-gradient(140deg,#b77bef,#7d38ca); }
#llh-site-header .llh-icon-blog { background:linear-gradient(140deg,#75ccff,#368cce); }
#llh-site-header .llh-svg { width:20px; height:20px; display:block; }
#llh-site-header .llh-nav-icon .llh-svg { width:19px; height:19px; }
#llh-site-header .llh-actions { display:flex; align-items:center; gap:23px; flex:0 0 auto; }
#llh-site-header .llh-theme-box { position:relative; display:flex; align-items:center; gap:4px; }
#llh-site-header .llh-theme-toggle { appearance:none; display:flex; position:relative; align-items:center; justify-content:space-between; border:0; padding:0 5px; width:66px; height:32px; background:#3a475e !important; border-radius:24px; color:#f8d470 !important; transition:background .2s; }
#llh-site-header .llh-switch-sun { display:grid; place-items:center; width:20px; height:20px; }
#llh-site-header .llh-switch-sun .llh-svg { width:16px; height:16px; }
#llh-site-header .llh-switch-thumb { position:absolute; top:4px; left:36px; height:24px; width:24px; display:grid;place-items:center; border-radius:50%; background:#75a6ef; color:white; box-shadow:0 2px 6px #0004; transform:translateX(0); transition:left .2s ease,background .2s ease; }
#llh-site-header .llh-switch-thumb .llh-svg { width:15px; height:15px; }
html[data-ll-mode="light"] #llh-site-header .llh-switch-thumb { left:4px; background:#f8c65e; color:#fff; }
html[data-ll-mode="light"] #llh-site-header .llh-switch-thumb .llh-svg { display:none; }
html[data-ll-mode="light"] #llh-site-header .llh-switch-thumb:after { content:"☀";font-size:16px;line-height:1; }
#llh-site-header .llh-mini-arrow { padding:2px 0; min-width:18px; height:30px; color:var(--llh-secondary); background:transparent !important; border:0; }
#llh-site-header .llh-mini-arrow .llh-svg { width:13px;height:13px; }
#llh-site-header .llh-icon-button { background:transparent !important; color:var(--llh-text) !important; border:0 !important; padding:7px; border-radius:50%; display:grid; place-items:center; width:36px;height:36px; }
#llh-site-header .llh-icon-button:hover { background:var(--llh-hover) !important; }
#llh-site-header .llh-icon-button .llh-svg { width:23px; height:23px; stroke-width:1.9; }
#llh-site-header [hidden] { display:none !important; }
#llh-site-header .llh-theme-choices { position:absolute; top:calc(100% + 14px); right:0; min-width:160px; background:var(--llh-panel); border:1px solid var(--llh-border); border-radius:13px; padding:7px; box-shadow:0 12px 38px rgba(0,0,0,.25); z-index:500; }
#llh-site-header .llh-theme-choices:before { content:""; position:absolute; top:-7px;right:25px; width:11px;height:11px;transform:rotate(45deg); background:var(--llh-panel); border-top:1px solid var(--llh-border);border-left:1px solid var(--llh-border); }
#llh-site-header .llh-theme-choices button { display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;text-align:left;background:transparent;border:0;border-radius:8px;color:var(--llh-text);font-size:13px; }
#llh-site-header .llh-theme-choices button:hover, #llh-site-header .llh-theme-choices button[aria-checked="true"] { background:var(--llh-hover);color:#f6c155; }
#llh-site-header .llh-theme-choices .llh-svg { width:16px;height:16px; }
#llh-site-header .llh-popover-zone { position:relative;max-width:1530px;margin:auto; }
#llh-site-header .llh-search-panel { position:absolute;top:2px;right:32px;z-index:400;width:min(440px,calc(100vw - 32px));background:var(--llh-panel);border:1px solid var(--llh-border);border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.3);padding:12px;display:flex;gap:7px; }
#llh-site-header .llh-search-panel input { min-width:0;flex:1 1 auto;background:var(--llh-bg) !important;color:var(--llh-text) !important;border:1px solid var(--llh-border) !important;border-radius:8px;padding:12px;font-size:14px; }
#llh-site-header .llh-search-panel button { border:0;border-radius:8px;padding:0 18px;background:#f2bb4e !important;color:#1b2230 !important;font-size:13px;font-weight:800; }
#llh-site-header .llh-mobile-trigger { display:none; }
#llh-site-header .llh-mobile-menu { display:none; }
#llh-header-shell .llh-breadcrumb-strip { background:#222b3b; padding:19px 30px; }
#llh-header-shell .llh-breadcrumb-outer { max-width:1530px;margin:auto; }
#llh-header-shell .llh-breadcrumb { display:inline-flex;align-items:center;gap:17px;padding:13px 18px;min-width:150px;min-height:54px;border-radius:26px;background:#304257;border:1px solid #8c9bae;color:#fafbfe;font-family:var(--llh-font);font-size:15px;font-weight:750; }
#llh-header-shell .llh-breadcrumb a { color:#5cc877;display:flex;align-items:center; }
#llh-header-shell .llh-breadcrumb .llh-svg { width:20px;height:20px; }
#llh-header-shell .llh-breadcrumb > .llh-svg {width:16px;height:16px;color:#a5b1c2;}
#llh-header-shell .llh-breadcrumb span { display:block;max-width:min(460px,60vw);text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
/* The header stays deep navy in both modes because the installed white-and-gold logo
   is designed for a dark background. The page body follows the chosen theme. */
html[data-ll-mode="light"] #llh-site-header { --llh-bg:#151b29;--llh-text:#eef2f8;--llh-secondary:#b4bdd0;--llh-border:#303a4e;--llh-hover:#283349;--llh-panel:#1f293a; }
html[data-ll-mode="light"] #llh-site-header .llh-nav-item.llh-active { color:#f6c155 !important; }
html[data-ll-mode="light"] #llh-site-header .llh-nav-item:hover { color:#f6c155 !important; }
html[data-ll-mode="light"] #llh-site-header .llh-theme-toggle { background:#596780 !important; }
html[data-ll-mode="light"] #llh-header-shell .llh-breadcrumb-strip { background:#edf1f7; }
html[data-ll-mode="light"] #llh-header-shell .llh-breadcrumb { background:#ffffff;color:#253146;border-color:#c9d3e1; }
html[data-ll-mode="light"] #llh-header-shell .llh-breadcrumb a { color:#269e4a; }
#llh-site-header :focus-visible { outline:2px solid #f6c155 !important; outline-offset:3px; }
@media (max-width:1180px) {
  #llh-site-header .llh-primary-nav { gap:11px; }
  #llh-site-header .llh-nav-item { font-size:15px;gap:7px; }
  #llh-site-header .llh-inner { padding:0 22px;gap:16px; }
  #llh-site-header .llh-brand { flex-basis:320px; }
  #llh-site-header .llh-logo-image { max-width:300px; max-height:76px; }
  #llh-site-header .llh-actions { gap:10px; }
}
@media (max-width:910px) {
  #llh-site-header .llh-inner { height:70px; }
  #llh-site-header .llh-primary-nav { display:none; }
  #llh-site-header .llh-mobile-trigger { display:grid; }
  #llh-site-header .llh-brand { flex-basis:auto;min-width:0; }
  #llh-site-header .llh-logo-image {max-height:72px;max-width:300px;}
  #llh-site-header .llh-mobile-menu:not([hidden]) {display:grid;gap:7px;padding:14px 22px 20px;border-top:1px solid var(--llh-border);background:var(--llh-bg);}
  #llh-site-header .llh-mobile-menu .llh-nav-item { padding:6px; }
  #llh-site-header .llh-mobile-extra {border-top:1px solid var(--llh-border);margin-top:10px;padding-top:13px;display:flex;flex-wrap:wrap;gap:18px;}
  #llh-site-header .llh-mobile-extra a { color:var(--llh-secondary);font-size:14px; }
}
@media (max-width:480px) {
  #llh-site-header .llh-inner {padding:0 14px;gap:8px;height:66px;}
  #llh-site-header .llh-logo-image { max-width:220px;max-height:60px; }
  #llh-site-header .llh-textlogo { font-size:19px; }
  #llh-site-header .llh-actions { gap:3px; }
  #llh-site-header .llh-theme-toggle { width:55px;height:29px; }
  #llh-site-header .llh-switch-thumb { width:21px;height:21px; left:30px; }
  html[data-ll-mode="light"] #llh-site-header .llh-switch-thumb { left:4px; }
  #llh-site-header .llh-theme-box {gap:0;}
  #llh-site-header .llh-mini-arrow {min-width:12px;}
  #llh-site-header .llh-search-panel {right:10px;}
  #llh-header-shell .llh-breadcrumb-strip {padding:13px 16px;}
}
@media (prefers-reduced-motion:reduce) { #llh-site-header *, #llh-site-header *::before, #llh-site-header *::after {transition:none !important;} }

/* v1.1: Stable navigation geometry. These rules deliberately do NOT hide or
   manipulate ads. Exclude auto-ads at the source in AdSense instead. */
@media (min-width:911px) {
  #llh-site-header { min-height:88px; }
  #llh-site-header > .llh-inner {
    min-height:88px !important; height:88px !important;
    max-height:88px !important; flex-wrap:nowrap !important;
  }
}
#llh-site-header .llh-brand,
#llh-site-header .llh-primary-nav,
#llh-site-header .llh-actions { position:relative; z-index:2; }
@media (max-width:910px) {
  #llh-site-header > .llh-inner {height:70px !important;min-height:70px !important;max-height:70px !important;}
}
@media (max-width:480px) {
  #llh-site-header > .llh-inner {height:66px !important;min-height:66px !important;max-height:66px !important;}
}

/* v1.2 / Loot & Learn original identity: treasure-gold navigation, no borrowed colored bubbles.
   Header adapts to the active (system or manually selected) theme. */
#llh-site-header {
  --llh-bg:#161c27;--llh-text:#f3f0e9;--llh-secondary:#aeb5c2;
  --llh-border:#384050;--llh-hover:#292c35;--llh-panel:#222a35;
  background:var(--llh-bg) !important;
  border-bottom:1px solid rgba(244,187,79,.22);
  box-shadow:0 8px 28px rgba(0,0,0,.09);
  transition:background-color .22s ease,color .22s ease,border-color .22s ease;
}
#llh-site-header .llh-inner {max-width:1400px;}
#llh-site-header .llh-brand {flex:0 1 380px;}
#llh-site-header .llh-logo-image {max-width:340px;max-height:86px;}
#llh-site-header .llh-primary-nav {
  flex:0 1 auto;gap:4px;padding:5px;
  background:rgba(130,144,168,.075);
  border:1px solid var(--llh-border);
  border-radius:15px;
}
#llh-site-header .llh-nav-item {
  font-size:14px;font-weight:700;letter-spacing:.05px;
  gap:9px;border-radius:11px;padding:8px 15px;
  color:var(--llh-text) !important;
  transition:background-color .18s,color .18s,transform .18s;
}
#llh-site-header .llh-nav-icon {
  width:23px;height:23px;border-radius:7px;
  background:none !important;box-shadow:none !important;
  color:var(--llh-secondary);
}
#llh-site-header .llh-nav-icon .llh-svg {width:19px;height:19px;stroke-width:1.85;}
#llh-site-header .llh-nav-item:hover .llh-nav-icon {transform:none;color:#eab84f;}
#llh-site-header .llh-nav-item.llh-active {
  color:#ffd37a !important;
  background:rgba(246,193,85,.13);
}
#llh-site-header .llh-nav-item.llh-active .llh-nav-icon {color:#f6c155;}
#llh-site-header .llh-nav-item:hover {background:var(--llh-hover);color:#f6c155 !important;}
#llh-site-header .llh-actions {gap:10px;}
#llh-site-header .llh-theme-box {
  background:rgba(130,144,168,.10);border:1px solid var(--llh-border);
  border-radius:11px;padding:4px 5px;
}
#llh-site-header .llh-theme-toggle {width:55px;height:27px;background:#323d50 !important;}
#llh-site-header .llh-switch-thumb {height:21px;width:21px;top:3px;left:29px;}
#llh-site-header .llh-icon-button {border-radius:10px;}
#llh-site-header .llh-icon-button:hover {background:var(--llh-hover) !important;}
/* Warm, truly light navigation. The logo now sits directly on the light header without a dark capsule. */
html[data-ll-mode="light"] #llh-site-header {
  --llh-bg:#fbfaf7;--llh-text:#252b35;--llh-secondary:#626a78;
  --llh-border:#e2dfd7;--llh-hover:#f5eee1;--llh-panel:#ffffff;
  background:#fbfaf7 !important;color:#252b35 !important;
  border-bottom-color:#e4dbca;
  box-shadow:0 6px 22px rgba(35,38,49,.05);
}
html[data-ll-mode="light"] #llh-site-header .llh-brand {
  background:transparent;border-radius:0;padding:0;
  flex:0 1 auto;min-width:0;box-shadow:none;
}

html[data-ll-mode="light"] #llh-site-header .llh-brand,
html[data-ll-mode="light"] #llh-site-header .llh-brand * {
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}
html[data-ll-mode="light"] #llh-site-header .llh-textlogo {color:#fff;}
html[data-ll-mode="light"] #llh-site-header .llh-primary-nav {background:#f2f1ec;}
html[data-ll-mode="light"] #llh-site-header .llh-nav-item {color:#293242 !important;}
html[data-ll-mode="light"] #llh-site-header .llh-nav-item.llh-active {
  color:#79500f !important;background:#fff1d6;
}
html[data-ll-mode="light"] #llh-site-header .llh-nav-item.llh-active .llh-nav-icon {color:#a46b12;}
html[data-ll-mode="light"] #llh-site-header .llh-nav-item:hover {background:#fff1d6;color:#79500f !important;}
html[data-ll-mode="light"] #llh-site-header .llh-theme-box {background:#f3f0e9;}
html[data-ll-mode="light"] #llh-site-header .llh-theme-toggle {background:#e8decf !important;}
html[data-ll-mode="light"] #llh-site-header .llh-icon-button {color:#293242 !important;}
html[data-ll-mode="light"] #llh-site-header .llh-theme-choices button:hover,
html[data-ll-mode="light"] #llh-site-header .llh-theme-choices button[aria-checked="true"] {color:#82550f;}
html[data-ll-mode="light"] #llh-site-header .llh-search-panel input {background:#f6f5f0 !important;color:#232a35 !important;}
html[data-ll-mode="light"] #llh-site-header .llh-search-panel button {color:#1e2631 !important;}
@media (max-width:1180px){
  #llh-site-header .llh-primary-nav {gap:0;}
  #llh-site-header .llh-nav-item {padding:8px 10px;font-size:13px;}
  #llh-site-header .llh-brand {flex-basis:220px;}
}
@media (max-width:910px){
  #llh-site-header .llh-brand {flex-basis:auto;}
  #llh-site-header .llh-mobile-menu:not([hidden]) {background:var(--llh-bg);}
  #llh-site-header .llh-mobile-menu .llh-nav-item {width:100%;}
  #llh-site-header .llh-mobile-menu .llh-nav-icon {width:24px;}
  html[data-ll-mode="light"] #llh-site-header .llh-mobile-menu:not([hidden]) {background:#fbfaf7;}
}
@media (max-width:480px){
  #llh-site-header .llh-logo-image {max-width:190px; max-height:54px;}
  html[data-ll-mode="light"] #llh-site-header .llh-brand {padding:0;}
  #llh-site-header .llh-theme-toggle {width:49px;}
  #llh-site-header .llh-switch-thumb {left:24px;}
  html[data-ll-mode="light"] #llh-site-header .llh-switch-thumb {left:3px;}
}

/* v1.4: larger logo and no logo capsule/black box in light mode. */


/* v1.5: standalone treasure icon + CSS wordmark.
   Larger icon, and no dark logo box in light mode. */
#llh-site-header .llh-brand {
  flex:0 1 330px;
  min-width:240px;
}
#llh-site-header .llh-brand-mark {
  display:inline-flex;
  align-items:center;
  gap:14px;
}
#llh-site-header .llh-brand-icon {
  display:block;
  width:56px;
  height:56px;
  flex:none;
  object-fit:contain;
}
#llh-site-header .llh-brand-wordmark {
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  font-size:31px;
  font-weight:850;
  line-height:1;
  letter-spacing:-0.04em;
  white-space:nowrap;
}
#llh-site-header .llh-brand-loot,
#llh-site-header .llh-brand-learn { color:var(--llh-text); }
#llh-site-header .llh-brand-amp { color:#f6c155; }
html[data-ll-mode="light"] #llh-site-header .llh-brand-loot,
html[data-ll-mode="light"] #llh-site-header .llh-brand-learn { color:#1f2937; }
html[data-ll-mode="light"] #llh-site-header .llh-brand-amp { color:#b57a16; }
html[data-ll-mode="light"] #llh-site-header .llh-brand,
html[data-ll-mode="light"] #llh-site-header .llh-brand-mark,
html[data-ll-mode="light"] #llh-site-header .llh-brand-wordmark {
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
@media (max-width:1180px){
  #llh-site-header .llh-brand { flex-basis:290px; min-width:220px; }
  #llh-site-header .llh-brand-icon { width:50px; height:50px; }
  #llh-site-header .llh-brand-wordmark { font-size:27px; }
}
@media (max-width:910px){
  #llh-site-header .llh-brand { flex-basis:auto; min-width:0; }
  #llh-site-header .llh-brand-icon { width:46px; height:46px; }
  #llh-site-header .llh-brand-wordmark { font-size:24px; }
}
@media (max-width:480px){
  #llh-site-header .llh-brand-mark { gap:10px; }
  #llh-site-header .llh-brand-icon { width:40px; height:40px; }
  #llh-site-header .llh-brand-wordmark { font-size:20px; gap:2px; }
}