/* 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; }
}


/* v1.6: separate dark/light header logos from WordPress media URLs, no extra text. */
#llh-site-header .llh-brand {
  flex:0 1 360px;
  min-width:230px;
}
#llh-site-header .llh-brand-mark {
  display:inline-flex;
  align-items:center;
}
#llh-site-header .llh-brand-logo {
  display:block;
  width:auto;
  height:auto;
  max-width:320px;
  max-height:72px;
  object-fit:contain;
}
#llh-site-header .llh-brand-logo-light { display:none; }
html[data-ll-mode="light"] #llh-site-header .llh-brand-logo-dark { display:none; }
html[data-ll-mode="light"] #llh-site-header .llh-brand-logo-light { display:block; }
html[data-ll-mode="dark"] #llh-site-header .llh-brand-logo-dark { display:block; }
html[data-ll-mode="dark"] #llh-site-header .llh-brand-logo-light { display:none; }
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-logo {
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
@media (max-width:1180px){
  #llh-site-header .llh-brand { flex-basis:310px; min-width:210px; }
  #llh-site-header .llh-brand-logo { max-width:280px; max-height:64px; }
}
@media (max-width:910px){
  #llh-site-header .llh-brand { flex-basis:auto; min-width:0; }
  #llh-site-header .llh-brand-logo { max-width:250px; max-height:58px; }
}
@media (max-width:480px){
  #llh-site-header .llh-brand-logo { max-width:210px; max-height:48px; }
}


/* v1.7: center navigation independently of logo image proportions.
   Both theme logos can be different widths without shifting the navigation. */
@media (min-width: 911px) {
  #llh-site-header > .llh-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 20px;
    justify-content: normal;
    align-items: center;
  }
  #llh-site-header .llh-brand {
    grid-column: 1;
    justify-self: start;
    min-width: 0;
    max-width: 100%;
  }
  #llh-site-header .llh-primary-nav {
    grid-column: 2;
    justify-self: center;
    flex: none;
    width: max-content;
  }
  #llh-site-header .llh-actions {
    grid-column: 3;
    justify-self: end;
    flex: none;
  }
  #llh-site-header .llh-brand-logo { max-width: 100%; }
}
@media (max-width: 910px) {
  #llh-site-header > .llh-inner { display: flex !important; }
}

/* v1.8: Align breadcrumb inner container with the Blocksy content grid.
   The strip spans the viewport, but the pill shares the main content max width. */
#llh-header-shell .llh-breadcrumb-strip {padding-left:24px;padding-right:24px;}
#llh-header-shell .llh-breadcrumb-outer {
  box-sizing:border-box;
  width:100%;
  max-width:var(--theme-container-width, 1100px);
  margin-inline:auto;
}
@media(max-width:767px) {
  #llh-header-shell .llh-breadcrumb-strip {padding-left:16px;padding-right:16px;}
}

/* v1.9: precise content-grid alignment and search heading removal. */
#llh-header-shell .llh-breadcrumb-outer {
  max-width:940px; /* fallback before grid measurement */
}
#llh-header-shell .llh-breadcrumb {
  transition:none;
}
body.search h1.llh-visually-hidden-search-heading {
  display:none !important;
}


/* v2.0 — Keep the breadcrumb pill, remove the redundant full-width colored band. */
#llh-header-shell .llh-breadcrumb-strip,
html[data-ll-mode="light"] #llh-header-shell .llh-breadcrumb-strip {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
#llh-header-shell .llh-breadcrumb {
  min-height:40px;
  padding:8px 13px;
  border-radius:20px;
}

/* Blocksy search archives: reduce oversized whitespace below the breadcrumb.
   The breadcrumb stays in the normal document flow; no ad regions are hidden. */
body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container {
  margin-top:-32px !important;
}
@media (max-width:767px) {
  #llh-header-shell .llh-breadcrumb-strip,
  html[data-ll-mode="light"] #llh-header-shell .llh-breadcrumb-strip {
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container {
    margin-top:-18px !important;
  }
}

/* v2.1: Fix actual Blocksy archive/search content spacing.
   The large gap is from Blocksy's vertically padded content container,
   not the breadcrumb. Scope the adjustment to search results pages. */
body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container {
  margin-top:0 !important;
}
body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .ct-container,
body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .ct-container-full,
body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .site-main,
body.search:has(#llh-header-shell .llh-breadcrumb-strip) .site-main > .ct-container,
body.search:has(#llh-header-shell .llh-breadcrumb-strip) .site-main > .ct-container-full {
  padding-top:16px !important;
}
body.search:has(#llh-header-shell .llh-breadcrumb-strip) [data-vertical-spacing="top"] {
  padding-top:16px !important;
}
@media(max-width:767px) {
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .ct-container,
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .ct-container-full,
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) #main-container > .site-main,
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) .site-main > .ct-container,
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) .site-main > .ct-container-full,
  body.search:has(#llh-header-shell .llh-breadcrumb-strip) [data-vertical-spacing="top"] {
    padding-top:12px !important;
  }
}

/* v2.2: Blocksy archive spacing uses a CSS custom property as well as padding.
   Override only search-page results, and only with this header active. */
body.search:has(#llh-header-shell) {
  --theme-content-vertical-spacing: 12px !important;
}
body.search:has(#llh-header-shell) #main-container,
body.search:has(#llh-header-shell) #main-container > .ct-container,
body.search:has(#llh-header-shell) #main-container > .ct-container-full,
body.search:has(#llh-header-shell) #main-container .site-main {
  --theme-content-vertical-spacing: 12px !important;
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
body.search:has(#llh-header-shell) #main-container > .ct-container,
body.search:has(#llh-header-shell) #main-container > .ct-container-full,
body.search:has(#llh-header-shell) #main-container .site-main > .ct-container {
  padding-block-start: 12px !important;
}
body.search:has(#llh-header-shell) #llh-header-shell .llh-breadcrumb-strip {
  padding-bottom: 4px !important;
}
@media(max-width:767px) {
  body.search:has(#llh-header-shell) { --theme-content-vertical-spacing: 8px !important; }
  body.search:has(#llh-header-shell) #main-container,
  body.search:has(#llh-header-shell) #main-container > .ct-container,
  body.search:has(#llh-header-shell) #main-container > .ct-container-full { --theme-content-vertical-spacing: 8px !important; }
}

/* v2.3: confirmed from DevTools: Blocksy search header lives in its own
   .hero-section before .entries. Hiding just H1 left this wrapper's spacing. */
body.search #main-container .hero-section:has(> header.entry-header > h1.llh-visually-hidden-search-heading) {
  display:none !important;
}
body.search #main-container section > .entries {
  margin-block-start:0 !important;
}

/* v2.4 — Category archives: breadcrumb already names the category.
   Remove Blocksy's redundant archive heading and its wrapper, not post titles. */
body.category #main-container .hero-section:has(> header.entry-header) {
  display:none !important;
}
body.category #main-container section > .entries {
  margin-block-start:0 !important;
}


/* v2.5 — Single post full-content layout without a sidebar.
   Scoped to single blog posts only; archives, homepage and pages are unchanged. */
@media (min-width: 1000px) {
  body.single-post {
    --theme-narrow-container-max-width: 1050px;
    --theme-normal-container-max-width: 1050px;
  }
  body.single-post #main-container .ct-container,
  body.single-post #main-container .ct-container-full,
  body.single-post #main-container .ct-container[data-sidebar],
  body.single-post #main-container [data-sidebar] {
    max-width: 1050px !important;
    width: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.single-post #main-container [data-sidebar] {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    --theme-sidebar-width: 0px;
  }
  body.single-post #main-container #primary,
  body.single-post #main-container .content-area,
  body.single-post #main-container .site-main,
  body.single-post #main-container article {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.single-post #main-container .entry-content,
  body.single-post #main-container .entry-content > .ct-container,
  body.single-post #main-container .hero-section {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* Hide the widget column on single posts without deleting any widgets. */
body.single-post #main-container aside.ct-sidebar,
body.single-post #main-container aside#secondary,
body.single-post #main-container .ct-sidebar,
body.single-post #main-container .widget-area.sidebar,
body.single-post #main-container #secondary {
  display: none !important;
}
@media (max-width: 999px) {
  body.single-post #main-container [data-sidebar] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v2.6: Make single blog posts use the same maximum content width as the homepage
   article grid. No layout changes to home, archives, pages or mobile. */
@media (min-width:1000px) {
  body.single-post {
    --theme-container-width: 1290px;
    --theme-content-width: 1290px;
    --theme-narrow-container-max-width: 1290px;
    --theme-normal-container-max-width: 1290px;
  }
  body.single-post #main-container .ct-container,
  body.single-post #main-container .ct-container-full,
  body.single-post #main-container .ct-container[data-sidebar],
  body.single-post #main-container [data-sidebar] {
    width: min(1290px, calc(100% - 40px)) !important;
    max-width:1290px !important;
    margin-inline:auto !important;
  }
  body.single-post #main-container article,
  body.single-post #main-container .entry-content,
  body.single-post #main-container .entry-content > *,
  body.single-post #main-container .hero-section,
  body.single-post #main-container .entry-header {
    max-width:100% !important;
  }
  body.single-post #main-container .entry-content {
    width:100% !important;
    margin-inline:0 !important;
  }
}


/* v2.7 — Comfortable inner gutters for individual post content.
   Keep the wide single-post layout but stop text touching the content panel edges. */
body.single-post #main-container .entry-content {
  box-sizing: border-box !important;
  padding-inline: clamp(18px, 2.4vw, 36px) !important;
}
/* Media respects the new inner width on wide articles. */
body.single-post #main-container .entry-content img,
body.single-post #main-container .entry-content iframe,
body.single-post #main-container .entry-content video {
  max-width: 100%;
}
@media (max-width: 600px) {
  body.single-post #main-container .entry-content {
    padding-inline: 16px !important;
  }
}


/* v2.8 – Single-post article polish only. */
body.single-post #main-container .entry-content {
  padding-block-start: clamp(22px, 2.4vw, 34px) !important;
}
/* Remove the author/date/categories metadata below a single article title,
   not the title itself or metadata displayed within the article body. */
body.single-post #main-container .hero-section .entry-header .entry-meta,
body.single-post #main-container .hero-section .entry-header .ct-meta-element,
body.single-post #main-container .hero-section .entry-header .post-meta,
body.single-post #main-container .hero-section .entry-header [data-type="author"],
body.single-post #main-container .hero-section .entry-header [data-type="published"] {
  display:none !important;
}
body.single-post #main-container .hero-section .entry-header {row-gap:0 !important;}
/* Fallback alignment before JS measures the actual article edge. */
body.single-post #llh-header-shell .llh-breadcrumb-outer { max-width:1290px; }


/* v2.8.1 — Consistent 16:9 YouTube players in posts, responsive to screen width.
   Scope to YouTube only; do not resize maps, ad frames or unrelated embeds. */
body.single-post #main-container .entry-content iframe[src*="youtube.com/embed/"],
body.single-post #main-container .entry-content iframe[src*="youtube-nocookie.com/embed/"],
body.single-post #main-container .entry-content iframe[src*="youtube.com/live/"],
body.single-post #main-container .entry-content iframe[data-src*="youtube.com/embed/"],
body.single-post #main-container .entry-content iframe[data-src*="youtube-nocookie.com/embed/"] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  border: 0;
}
/* Gutenberg YouTube embeds may reserve their own wrapper aspect ratio. */
body.single-post #main-container .entry-content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper,
body.single-post #main-container .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
}
body.single-post #main-container .entry-content .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper iframe,
body.single-post #main-container .entry-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important;
}

/* v2.8.2 — linked Games / Apps ancestry, using the existing pill styles */
#llh-header-shell .llh-breadcrumb a {text-decoration:none!important;white-space:nowrap;}
#llh-header-shell .llh-breadcrumb a:hover {color:#f6c155;}

/* v2.8.3: Match the custom Games/Apps Manager page's actual width, not the prior 940px breadcrumb fallback. */
body.single-ll_game #llh-header-shell .llh-breadcrumb-outer,
body.single-ll_app #llh-header-shell .llh-breadcrumb-outer,
body.post-type-archive-ll_game #llh-header-shell .llh-breadcrumb-outer,
body.post-type-archive-ll_app #llh-header-shell .llh-breadcrumb-outer {
  width: min(1290px, calc(100vw - 36px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
body.single-ll_game #llh-header-shell .llh-breadcrumb-strip,
body.single-ll_app #llh-header-shell .llh-breadcrumb-strip,
body.post-type-archive-ll_game #llh-header-shell .llh-breadcrumb-strip,
body.post-type-archive-ll_app #llh-header-shell .llh-breadcrumb-strip { padding-inline: 0 !important; }
@media(max-width:560px){
 body.single-ll_game #llh-header-shell .llh-breadcrumb-outer,
 body.single-ll_app #llh-header-shell .llh-breadcrumb-outer,
 body.post-type-archive-ll_game #llh-header-shell .llh-breadcrumb-outer,
 body.post-type-archive-ll_app #llh-header-shell .llh-breadcrumb-outer { width:calc(100vw - 24px) !important; }
}