/*
Theme Name: GiftHive
Theme URI: https://gifthive.online
Author: Muhammad Awais
Description: GiftHive is a fast, animated theme for game code and gaming guide sites. It includes a live honeycomb hero and page banners, a custom hexagon cursor, copy-to-clipboard code tables, a reading progress bar, light and dark modes, a built-in contact form, newsletter sign-ups, and styles for SEO-friendly article blocks (quick answer, at-a-glance tables, key takeaways and FAQs).
Version: 1.0.9
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gifthive
Tags: blog, news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/
/* Layout: honeycomb hero + ticket-stub codes; violet-ink neutrals, honey accent; single column articles with sticky TOC */
:root{
  --bg:#F5F4FA; --surface:#FFFFFF; --surface-2:#EDEAF6; --ink:#1A1530; --muted:#5D5775; --line:#DDD8EA;
  --honey:#F2A900; --honey-soft:#FFF1C9; --honey-ink:#6A4700; --on-honey:#1A1530;
  --ok:#0B8F6E; --ok-soft:#DDF5EC; --warn:#A86200; --warn-soft:#FFEFD6; --bad:#B8323F;
  --hex:rgba(26,21,48,.07); --shadow:0 1px 2px rgba(26,21,48,.06),0 8px 24px -12px rgba(26,21,48,.18);
  --f-display:"Unbounded","Arial Black",system-ui,sans-serif; --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif; --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:14px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#110E1C; --surface:#1A1629; --surface-2:#231E36; --ink:#F1EEF9; --muted:#A8A1C0; --line:#302A47;
  --honey:#FFBE2E; --honey-soft:#3A2C0B; --honey-ink:#FFD57A; --on-honey:#1A1530;
  --ok:#3FD3A6; --ok-soft:#10342B; --warn:#FFB54D; --warn-soft:#3A2A10; --bad:#FF7383;
  --hex:rgba(255,190,46,.07); --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#110E1C; --surface:#1A1629; --surface-2:#231E36; --ink:#F1EEF9; --muted:#A8A1C0; --line:#302A47;
  --honey:#FFBE2E; --honey-soft:#3A2C0B; --honey-ink:#FFD57A; --on-honey:#1A1530;
  --ok:#3FD3A6; --ok-soft:#10342B; --warn:#FFB54D; --warn-soft:#3A2A10; --bad:#FF7383;
  --hex:rgba(255,190,46,.07); --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -14px rgba(0,0,0,.6); color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);line-height:1.15;text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(1.7rem,4.4vw,2.6rem);font-weight:800}
h2{font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600}
h3{font-size:1rem;font-weight:600}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:760px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:50;background:var(--honey);color:var(--on-honey);padding:6px 10px;border-radius:8px}
:focus-visible{outline:3px solid var(--honey);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--f-mono);font-size:.86rem;word-break:break-word}
.small{font-size:.78rem;color:var(--muted)}
.lbl{display:block;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sel{user-select:all;background:var(--surface-2);padding:2px 6px;border-radius:6px}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:600;font-size:1.15rem}
.brand b{font-weight:800;color:var(--honey-ink)}
.logo-mark{width:30px;height:33px;flex:none}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav a{text-decoration:none;font-weight:600;font-size:.93rem;padding:8px 12px;border-radius:999px;white-space:nowrap;color:var(--muted)}
.nav a:hover,.nav a.on{color:var(--ink);background:var(--surface-2)}
.nav .bp-link{border:1px dashed var(--line)}
.theme{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.theme svg{width:18px;height:18px}
.menu-btn{display:none}
@media (max-width:820px){
  .top-in{flex-wrap:nowrap;height:60px;gap:10px}
  .theme{margin-left:auto}
  .menu-btn{flex:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-content:center;gap:5px;padding:0}
  .menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
  .top.open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .top.open .menu-btn span:nth-child(2){opacity:0}
  .top.open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;gap:4px;padding:12px 16px 18px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.35);max-height:calc(100dvh - 60px);overflow-y:auto}
  .top.open .nav{display:flex;animation:ghMenuIn .22s ease both}
  .nav a{font-size:1.02rem;padding:14px 16px;border-radius:12px;color:var(--ink);background:var(--surface-2)}
  .nav a.nav-cta{text-align:center;margin-top:6px}
}
@keyframes ghMenuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:380px){.brand{font-size:1.05rem}.top-in{gap:8px}}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg))}
.hex-bg{position:absolute;inset:0;background:var(--hex);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1 54 16v30L28 61 2 46V16ZM28 61v35M2 97V80M54 97V80' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0 0/56px 97px;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1 54 16v30L28 61 2 46V16ZM28 61v35M2 97V80M54 97V80' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0 0/56px 97px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding-block:56px 64px;align-items:center}
.hero-copy{min-width:0;display:grid;gap:18px}
.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:clamp(2rem,5.6vw,3.6rem)}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--honey) 62% 92%,transparent 92%);padding:0 .08em}
.lede{font-size:1.12rem;color:var(--muted);max-width:52ch}
.gh-search{position:relative;max-width:520px}
.gh-search input{width:100%;font:inherit;font-size:1.05rem;padding:15px 18px 15px 46px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%238a84a3' stroke-width='2.2'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 4 4'/%3E%3C/svg%3E") no-repeat 17px center;color:var(--ink);box-shadow:var(--shadow)}
.gh-search input:focus{outline:none;border-color:var(--honey)}
.results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);z-index:5;overflow:hidden}
.results a{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;text-decoration:none;border-bottom:1px solid var(--line)}
.results a:last-child{border:0}.results a:hover{background:var(--surface-2)}
.results small{color:var(--muted);flex:none}
.results p{padding:12px 16px;color:var(--muted)}
.stats{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0;color:var(--muted);font-size:.93rem}
.stats b{color:var(--ink);font-variant-numeric:tabular-nums}

/* tickets */
.tickets{display:grid;gap:12px;min-width:0}
.ticket{display:grid;grid-template-columns:1fr auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);position:relative;transition:transform .2s}
.ticket:nth-child(3){transform:translateX(18px)}.ticket:nth-child(4){transform:translateX(-8px)}
.ticket:hover{transform:translateX(0) translateY(-2px)}
.t-left{padding:14px 18px;display:grid;gap:2px;min-width:0}
.t-right{display:grid;align-content:center;gap:6px;padding:12px 16px;border-left:2px dashed var(--line);text-align:center;position:relative}
.t-right::before,.t-right::after{content:"";position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.t-right::before{top:-9px}.t-right::after{bottom:-9px}
.t-right a{font-size:.8rem;color:var(--muted);font-weight:600}
.t-game{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.t-reward{font-size:.88rem;color:var(--muted)}
.code{font-family:var(--f-mono);font-weight:700;letter-spacing:.03em;word-break:break-all}
.code.big{font-size:1.25rem}
.code.ghost{color:var(--muted);border:1.5px dashed var(--line);padding:2px 8px;border-radius:6px;font-weight:500}
.code.dead{text-decoration:line-through;color:var(--muted);background:var(--surface-2);padding:3px 8px;border-radius:6px;font-size:.85rem;display:inline-block;margin:0 6px 6px 0}
.copy{font:inherit;font-weight:700;font-size:.85rem;padding:8px 14px;border-radius:999px;border:0;background:var(--honey);color:var(--on-honey);cursor:pointer;transition:transform .12s}
.copy:hover{transform:scale(1.04)}.copy.done{background:var(--ok);color:#fff}

/* sections */
.block{padding-block:48px 8px;display:grid;gap:22px}
.block-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:999px}
.tabs button{font:inherit;font-weight:600;font-size:.88rem;border:0;background:none;color:var(--muted);padding:7px 14px;border-radius:999px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.cards.three{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.card{display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-body{padding:14px 16px 16px;display:grid;gap:6px;flex:1;align-content:start}
.card h3{font-family:var(--f-body);font-weight:700;font-size:1.02rem;line-height:1.35}
.card-meta{font-size:.78rem;font-weight:700;color:var(--honey-ink);letter-spacing:.02em}
.card-date{font-size:.8rem;color:var(--muted);margin-top:auto}

/* thumbnails */
.thumb{position:relative;aspect-ratio:16/9;max-width:100%;background:linear-gradient(135deg,var(--t1),var(--t2));color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px}
.thumb-hex{position:absolute;right:-30px;top:-40px;width:180px;height:200px;background:rgba(255,255,255,.14);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.thumb-hex::after{content:"";position:absolute;inset:30px;background:rgba(255,255,255,.12);clip-path:inherit}
.thumb-cat{position:relative;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.thumb-game{position:relative;font-family:var(--f-display);font-weight:800;font-size:1.45rem;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.thumb.big{border-radius:var(--r);aspect-ratio:3/1}
.thumb.big .thumb-game{font-size:clamp(1.6rem,4vw,2.6rem)}
.thumb.big .thumb-hex{width:320px;height:360px;right:-40px;top:-80px}

.news-band .news-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 6px);padding:16px}
.news-feature>div{display:grid;gap:10px;min-width:0}
.news-feature p{color:var(--muted)}
.more{font-weight:700;color:var(--honey-ink)}
.chip{display:inline-block;justify-self:start;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--honey-soft);color:var(--honey-ink);padding:4px 10px;border-radius:999px}
.chip.sm{font-size:.66rem;padding:3px 8px;flex:none}

.split{grid-template-columns:1fr 1fr;gap:40px}
.split>div{min-width:0;display:grid;gap:14px;align-content:start}
.list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.list a{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600}
.list a span:nth-child(2){flex:1}.list .arr{color:var(--muted);transition:transform .15s}.list a:hover .arr{transform:translateX(4px);color:var(--honey-ink)}
.process{background:var(--ink);color:var(--bg);border-radius:calc(var(--r) + 6px);padding:26px}
.process ol{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:16px}
.process li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:2px 14px}
.process li::before{content:counter(s);grid-row:span 2;width:40px;height:44px;display:grid;place-items:center;background:var(--honey);color:var(--on-honey);font-family:var(--f-display);font-weight:800;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.process li span{opacity:.75;font-size:.95rem}

.faqblock{max-width:820px}
.faq{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.4rem;color:var(--honey-ink);transition:transform .2s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 0 16px;color:var(--muted);max-width:68ch}

.sub-band{grid-template-columns:1fr auto;align-items:center;background:var(--honey);color:var(--on-honey);border-radius:calc(var(--r) + 6px);padding:28px;margin-block:48px}
.sub-band>div{display:grid;gap:6px;min-width:0}
.mini-sub{display:flex;gap:8px;flex-wrap:wrap}
.mini-sub input{flex:1;min-width:0;font:inherit;padding:11px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.mini-sub button,.contact button{font:inherit;font-weight:700;padding:11px 18px;border-radius:999px;border:0;background:var(--ink);color:var(--bg);cursor:pointer}
.mini-sub.big input{min-width:240px;border-color:transparent}

/* category + crumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--muted);padding-block:22px 6px}
.crumbs a{text-decoration:none;font-weight:600}.crumbs a:hover{color:var(--ink)}
.cat-head{display:grid;gap:10px;padding-block:8px 28px;max-width:760px}
.cat-head p{color:var(--muted);font-size:1.08rem}
.view>.wrap{padding-bottom:56px}

/* article */
.a-head{display:grid;gap:12px;padding-block:6px 20px;max-width:860px}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:.9rem;color:var(--muted)}
.byline b{color:var(--ink)}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--honey);color:var(--on-honey);display:inline-grid;place-items:center;font-weight:800;font-size:.72rem;flex:none}
.avatar.lg{width:52px;height:52px;font-size:1rem}
.a-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:44px;margin-top:28px;align-items:start}
.a-main{min-width:0;display:grid;gap:30px}
.a-main>section{display:grid;gap:14px}
.a-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px);display:grid;gap:16px}
.toc{border-left:2px solid var(--line);padding-left:16px}
.toc ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;font-size:.9rem}
.toc a{text-decoration:none;color:var(--muted)}.toc a:hover{color:var(--ink)}
.side-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:8px}
.side-box p{font-size:.9rem;color:var(--muted)}
.answer{background:var(--honey-soft);border-radius:var(--r);padding:18px 20px;display:grid;gap:6px;position:relative}
.answer .lbl{color:var(--honey-ink)}
.answer p{font-size:1.08rem;line-height:1.6;max-width:68ch}
.table-wrap{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%}
.facts caption{text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.facts th,.facts td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top}
.facts th{font-weight:600;color:var(--muted);width:38%}
.facts thead th{color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.codes{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:20px}
.codes-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.checked{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--ok)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.codetable th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.codetable td{padding:12px 10px;border-bottom:1px dashed var(--line);font-size:.95rem;vertical-align:middle}
.codetable tr:last-child td{border-bottom:0}
.codetable td:last-child{text-align:right}
.pill{display:inline-block;font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.slot{background:var(--surface-2);color:var(--muted)}
.editor{font-size:.84rem;color:var(--warn);background:var(--warn-soft);padding:8px 12px;border-radius:10px}
.sub{font-family:var(--f-body);font-weight:700;font-size:.95rem;margin-top:6px}
.steps{list-style:none;counter-reset:st;padding:0;margin:0;display:grid;gap:12px}
.steps li{counter-increment:st;display:grid;grid-template-columns:38px 1fr;gap:2px 14px;align-items:start}
.steps li::before{content:counter(st);grid-row:span 2;width:34px;height:38px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:800;font-family:var(--f-display);font-size:.9rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.steps li span{color:var(--muted)}
.steps.compact li span{font-size:.92rem}
.prose{display:grid;gap:14px;max-width:72ch}
.prose h2{margin-top:14px}
.prose ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.prose a{color:var(--ink);text-decoration-color:var(--honey);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}
.prose code{font-family:var(--f-mono);font-size:.88em;background:var(--surface-2);padding:1px 6px;border-radius:5px}
.callout{background:var(--surface-2);border-radius:var(--r);padding:14px 16px}
.callout.warn{background:var(--warn-soft);color:var(--ink)}.callout.warn b{color:var(--warn)}
.gh-author{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:20px}
.gh-author p{color:var(--muted);font-size:.95rem}
.seo{border:1.5px dashed var(--line);border-radius:var(--r);padding:4px 16px}
.seo summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--muted)}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:14px}
.seo-grid>div{min-width:0;display:grid;gap:4px}.seo-grid .wide{grid-column:1/-1}
.jsonld,.tree{font-family:var(--f-mono);font-size:.76rem;line-height:1.5;background:var(--surface-2);padding:14px;border-radius:10px;overflow:auto;max-height:340px;margin:0 0 14px;white-space:pre}
.tree{max-height:none;font-size:.8rem}
.related{margin-top:48px;display:grid;gap:18px}
.page-h{padding-block:6px 20px}
.contact{display:grid;gap:8px;max-width:520px}
.contact input,.contact select,.contact textarea{font:inherit;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.contact button{justify-self:start;margin-top:8px}
.formnote{color:var(--ok);font-weight:600}

/* footer + toast */
.foot{background:var(--surface);border-top:1px solid var(--line);margin-top:24px}
.foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;padding-block:40px 24px}
.foot-in>div{display:grid;gap:8px;align-content:start;min-width:0}
.foot-in p{color:var(--muted);font-size:.92rem;max-width:42ch}
.foot-in a:not(.brand){text-decoration:none;color:var(--muted);font-size:.94rem}.foot-in a:hover{color:var(--ink)}
.copyline{padding-block:16px 28px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:600;z-index:40;box-shadow:var(--shadow)}

/* view transitions */
.view:not([hidden]){animation:in .35s ease}
@keyframes in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:32px;padding-block:36px 44px}
  .ticket:nth-child(n){transform:none}
  .a-grid{grid-template-columns:1fr}.a-side{position:static;order:-1}.a-side .side-box{display:none}
  .split,.news-band .news-feature,.bp{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr 1fr}.foot-in>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .sub-band{grid-template-columns:1fr}.mini-sub.big input{min-width:0}
  .seo-grid{grid-template-columns:1fr}
  .thumb.big{aspect-ratio:16/9}
  .codetable th:nth-child(3),.codetable td:nth-child(3){display:none}
  .t-left{padding:12px 14px}.code.big{font-size:1.05rem}
}

/* ===== Motion layer: cursor, hive canvas, ticker, reveal, tilt ===== */
canvas.hive{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.hero h1.split span{display:inline-block;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.hero h1.split span:nth-child(2){animation-delay:.06s}.hero h1.split span:nth-child(3){animation-delay:.12s}
.hero h1.split em span{animation-delay:.2s}.hero h1.split span:nth-child(5){animation-delay:.28s}.hero h1.split span:nth-child(6){animation-delay:.34s}
.hero h1 em{background-size:0% 100%;background-repeat:no-repeat;background-image:linear-gradient(transparent 62%,var(--honey) 62% 92%,transparent 92%);animation:ink 0.9s .55s ease forwards}
@keyframes ink{to{background-size:100% 100%}}
@keyframes rise{from{transform:translateY(.45em) rotate(2deg);opacity:.25;filter:blur(3px)}to{transform:none;opacity:1;filter:none}}
.ticket{animation:bob 6s ease-in-out infinite}
.ticket:nth-of-type(2){animation-delay:-2s}.ticket:nth-of-type(3){animation-delay:-4s}
@keyframes bob{50%{translate:0 -5px}}

.ticker{border-block:1px solid var(--line);background:var(--surface);overflow:hidden;padding-block:12px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:flex;gap:14px;width:max-content;animation:marquee 40s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.tick{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:6px 14px;border-radius:999px;background:var(--surface-2);font-size:.88rem;white-space:nowrap}
.tick b{font-weight:600;color:var(--muted)}.tick .code{color:var(--honey-ink)}
.tick:hover{background:var(--honey-soft)}

.more-row{display:flex;flex-wrap:wrap;gap:10px}
.btn-ghost{text-decoration:none;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);transition:border-color .2s,background .2s}
.btn-ghost:hover{border-color:var(--honey);background:var(--honey-soft)}
.list a.all{color:var(--honey-ink)}
.hub-filter{margin-bottom:22px;max-width:420px}
.hub-filter input{width:100%;font:inherit;padding:12px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}
.hub-filter input:focus{outline:none;border-color:var(--honey)}

/* reveal: only applied by JS to elements below the fold */
.pre{opacity:.15;transform:translateY(26px) scale(.985)}
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);opacity:1;transform:none}

/* card tilt + shine */
.card{transform-style:preserve-3d;will-change:transform;position:relative}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,190,46,.18),transparent 60%);opacity:0;transition:opacity .3s}
.card:hover::after{opacity:1}
.thumb::before{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .7s ease;left:-60%}
.card:hover .thumb::before{left:130%}

/* takeaways */
.takeaways{border:1.5px solid var(--honey);border-radius:var(--r);padding:16px 18px;background:linear-gradient(135deg,var(--honey-soft),transparent 70%)}
.takeaways .lbl{color:var(--honey-ink)}
.takeaways ul{margin:8px 0 0;padding-left:1.2em;display:grid;gap:6px}

/* reading progress */
.progress{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:25;pointer-events:none}
.progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--honey),#ff7a1a);transform-origin:0 50%;transform:scaleX(var(--p,0))}

/* copy burst */
.burst{position:fixed;width:10px;height:11px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);pointer-events:none;z-index:60;animation:burst .7s ease-out forwards}
@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(220deg) scale(.3);opacity:0}}

/* custom cursor (fine pointers only, JS adds .has-cursor) */
.cursor{position:fixed;left:0;top:0;z-index:70;pointer-events:none;display:none}
.has-cursor .cursor{display:block}
.has-cursor body, .has-cursor a, .has-cursor button, .has-cursor summary, .has-cursor [data-copy]{cursor:none}
.cursor-ring{position:absolute;width:40px;height:44px;margin:-22px 0 0 -20px;fill:none;stroke:var(--honey);stroke-width:2.2;transition:width .25s,height .25s,margin .25s,opacity .25s;opacity:.9}
.cursor-ring path{transition:fill .25s}
.cursor-dot{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--ink)}
.cursor-label{position:absolute;left:18px;top:14px;font:700 .7rem var(--f-body);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--bg);padding:3px 8px;border-radius:999px;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s}
.cursor.hover .cursor-ring{width:64px;height:70px;margin:-35px 0 0 -32px}
.cursor.hover .cursor-ring path{fill:color-mix(in srgb,var(--honey) 18%,transparent)}
.cursor.copy .cursor-label{opacity:1;transform:none}
.cursor.down .cursor-ring{width:30px;height:33px;margin:-16.5px 0 0 -15px}
.has-cursor input, .has-cursor textarea{cursor:text}
.magnet{transition:transform .25s cubic-bezier(.2,.8,.2,1)}

@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.pre{opacity:1;transform:none}.hero h1 em{background-size:100% 100%}}
@media (max-width:560px){.ticker{padding-block:8px}}

/* ===== page bands with live honeycomb ===== */
.band{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg))}
.band canvas.hive{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.band::before{content:"";position:absolute;inset:0;background:var(--hex);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1 54 16v30L28 61 2 46V16ZM28 61v35M2 97V80M54 97V80' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0 0/56px 97px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1 54 16v30L28 61 2 46V16ZM28 61v35M2 97V80M54 97V80' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") 0 0/56px 97px;opacity:.7}
.band-in{position:relative;padding-block:4px 30px}
.band .cat-head{padding-bottom:18px}
.band .hub-filter{margin-bottom:0}
.band .a-head{padding-bottom:4px}
.band .page-h{padding-block:6px 4px}
.view.article .band + .wrap{padding-top:26px}
.view > .wrap, .view > .wrap.narrow{padding-top:28px}
.eyebrow{display:block}
.band h1{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
.nav .nav-cta{background:var(--honey);color:var(--on-honey)}
.nav .nav-cta:hover,.nav .nav-cta.on{background:var(--honey);color:var(--on-honey);filter:brightness(1.05)}

/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;padding-bottom:56px}
.contact.card-ish{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:24px;max-width:none;box-shadow:var(--shadow)}
.contact .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact .two>div{display:grid;gap:8px;min-width:0}
.contact label{font-weight:600;font-size:.92rem}
.topics{display:flex;flex-wrap:wrap;gap:8px}
.topics label{cursor:pointer}
.topics input{position:absolute;opacity:0;pointer-events:none}
.topics span{display:inline-block;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:.88rem;transition:all .2s}
.topics input:checked + span{background:var(--honey-soft);border-color:var(--honey);color:var(--honey-ink)}
.topics input:focus-visible + span{outline:3px solid var(--honey);outline-offset:2px}
.contact button[type=submit]{background:var(--honey);color:var(--on-honey)}
.formerr{color:var(--bad);font-weight:600}
.contact-side{display:grid;gap:14px}
.contact-side .copy{justify-self:start}
.keep-reading{background:var(--surface-2);border-radius:var(--r);padding:12px 16px}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}.contact .two{grid-template-columns:1fr}}

/* ===== WordPress additions ===== */
body{margin:0}
img{max-width:100%;height:auto}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.label{font-weight:600;font-size:.92rem}
.avatar{border-radius:50%;object-fit:cover}
.thumb.has-img{padding:0;background:var(--surface-2)}
.thumb.has-img img{width:100%;height:100%;object-fit:cover;display:block}
.thumb.has-img::before{z-index:1}
.cat-desc{color:var(--muted);font-size:1.08rem;max-width:62ch}
.cat-desc p{margin:0}
.hub-search{max-width:520px}
.empty{color:var(--muted);padding-block:24px}
.sub-msg{font-weight:700;margin-top:6px}
.chip{text-decoration:none}
.byline a{color:inherit;text-decoration:none}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px}
.nav-links .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);text-decoration:none;font-weight:700}
.nav-links .page-numbers.current,.nav-links .page-numbers:hover{background:var(--honey);border-color:var(--honey);color:var(--on-honey)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wp-block-image,.wp-caption{max-width:100%}
.wp-caption-text,figcaption{font-size:.85rem;color:var(--muted);text-align:center}
.alignleft{float:left;margin:0 18px 12px 0}.alignright{float:right;margin:0 0 12px 18px}.aligncenter{margin-inline:auto;display:block}
.toc a.on{color:var(--ink);font-weight:700}

/* article body blocks produced by the GiftHive import */
.entry-content{display:grid;gap:16px;max-width:none}
.entry-content > *{margin:0}
.entry-content h2{margin-top:18px;scroll-margin-top:90px}
.entry-content h3{font-family:var(--f-body);font-size:1.08rem;font-weight:700;scroll-margin-top:90px}
.entry-content p,.entry-content li{max-width:72ch}
.entry-content ul,.entry-content ol{padding-left:1.2em;display:grid;gap:6px}
.entry-content a{color:var(--ink);text-decoration-color:var(--honey);text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600}
.entry-content code{font-family:var(--f-mono);font-size:.9em;background:var(--surface-2);padding:1px 6px;border-radius:5px}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content figure.wp-block-table,.entry-content .tbl{overflow-x:auto}
.gh-answer{background:var(--honey-soft);border-radius:var(--r);padding:18px 20px}
.gh-answer p{font-size:1.08rem;max-width:68ch}
.gh-answer strong:first-child{display:block;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--honey-ink);margin-bottom:4px}
.gh-glance caption{text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.gh-glance th,.gh-glance td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top}
.gh-glance th{font-weight:600;color:var(--muted);width:38%}
.gh-codes{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:20px;display:grid;gap:12px;overflow-x:auto}
.gh-codes h2{margin-top:0}
.gh-checked{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--ok)}
.gh-checked::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.gh-codetable th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.gh-codetable td{padding:12px 10px;border-bottom:1px dashed var(--line);font-size:.95rem;vertical-align:middle}
.gh-codetable tr:last-child td{border-bottom:0}
.gh-codetable td:first-child code{font-weight:700;font-size:1rem;background:none;padding:0;letter-spacing:.03em;word-break:break-all}
.gh-codetable td:nth-child(3){white-space:nowrap}
.gh-codetable td:nth-child(3)::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px;vertical-align:middle}
.gh-codetable .copy{margin-left:10px;padding:6px 12px;font-size:.8rem;vertical-align:middle}
.gh-editor{font-size:.84rem;color:var(--warn);background:var(--warn-soft);padding:8px 12px;border-radius:10px}
.gh-expired code{text-decoration:line-through;color:var(--muted);display:inline-block;margin:0 6px 6px 0}
.gh-steps{list-style:none;counter-reset:st;padding:0!important;gap:12px!important}
.gh-steps li{counter-increment:st;display:grid;grid-template-columns:38px 1fr;gap:2px 14px;max-width:none}
.gh-steps li::before{content:counter(st);grid-row:span 2;width:34px;height:38px;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:800;font-family:var(--f-display);font-size:.9rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.gh-callout{background:var(--surface-2);border-radius:var(--r);padding:14px 16px}
.gh-callout.gh-warn{background:var(--warn-soft)}.gh-callout.gh-warn b{color:var(--warn)}
.gh-takeaways{border:1.5px solid var(--honey);border-radius:var(--r);padding:16px 18px;background:linear-gradient(135deg,var(--honey-soft),transparent 70%);display:grid;gap:8px}
.gh-takeaways h2{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--honey-ink);margin:0;font-family:var(--f-body);font-weight:700}
.gh-faq{display:grid;gap:0}
.gh-faq h2{margin-bottom:8px}
.gh-faq h3{padding:16px 36px 16px 0;border-top:1px solid var(--line);cursor:pointer;position:relative;margin:0}
.gh-faq h3::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.4rem;color:var(--honey-ink);transition:transform .2s}
.gh-faq h3.open::after{transform:rotate(45deg)}
.gh-faq p{color:var(--muted);padding-bottom:14px}
.gh-faq.js h3:not(.open) + p{display:none}
.gh-keep-reading{background:var(--surface-2);border-radius:var(--r);padding:12px 16px}
@media (max-width:560px){.gh-codetable th:nth-child(3),.gh-codetable td:nth-child(3){display:none}}
main > .wrap{padding-top:28px;padding-bottom:56px}
main > .band + .wrap{padding-top:26px}
main > .hero + .ticker + .wrap, main > .hero + .wrap{padding-top:0}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.a-side{min-width:0}
.a-side .mini-sub input{flex:1 1 120px}
.contact-side ul{margin:6px 0 0;padding-left:1.1em;display:grid;gap:6px}

/* 1.0.3: anything the script hides must stay hidden, whatever its display rule */
[hidden]{display:none!important}
#gamecards .card:not([hidden]){animation:ghCardIn .35s ease both}
@keyframes ghCardIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#gamecards .card{animation:none!important}}

/* 1.0.6: author picture shows the GiftHive logo on the dark brand tile */
img.avatar{background:var(--bg);object-fit:contain;padding:6px;border:1px solid var(--line);border-radius:14px;box-sizing:border-box}
.gh-author img.avatar{flex:0 0 auto;width:56px;height:56px}

/* 1.0.9: notice shown on code pages with no confirmed codes yet */
.gh-nocodes{margin:14px 0 6px;padding:16px 18px 16px 52px;border:1.5px dashed var(--line);border-radius:16px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='24' viewBox='0 0 40 44'%3E%3Cpath d='M20 2 37 11.5v21L20 42 3 32.5v-21Z' fill='none' stroke='%23F2A900' stroke-width='3.5'/%3E%3C/svg%3E") no-repeat 18px 18px;color:var(--muted)}
.gh-nocodes strong{display:block;color:var(--ink);margin-bottom:2px}