/* Looks: Light, Dark, Gold shine. Shared by the store, blog, shop and policy pages. */
html:root[data-theme="dark"]{--bg:#10202f;--bg2:#162b3f;--card:#1a3149;--text:#f3f5f8;--muted:#a9b6c6;--gold:#c9a45c;--line:#2a4560;--ok:#4cc38a;--gt:#c9a45c;color-scheme:dark}
html:root[data-theme="light"]{--bg:#f4f1ea;--bg2:#ebe6da;--card:#fff;--text:#14263a;--muted:#55677b;--line:#d8d0bf;--gt:#8a6a22;color-scheme:light}
/* ---- Gold shine ---- */
html:root[data-theme="gold"]{--bg:#0d0a04;--bg2:#17110a;--card:#1c1609;--text:#fff4d6;--muted:#cdb98a;--gold:#e8b93e;--line:#5b4818;--ok:#4cc38a;--gt:#f2c94c;color-scheme:dark}
html[data-theme="gold"] body{background-image:radial-gradient(70vw 40vh at 85% -5%,#e8b93e24,transparent 70%),radial-gradient(60vw 40vh at 0% 100%,#e8b93e14,transparent 70%);background-attachment:fixed}
html[data-theme="gold"] h1,html[data-theme="gold"] h2{background:linear-gradient(100deg,#b8892a 0%,#fff0b0 38%,#e8b93e 55%,#b8892a 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:goldsh 7s linear infinite}
html[data-theme="gold"] .btn.p,html[data-theme="gold"] .btn.primary{background:linear-gradient(100deg,#c99a2e,#ffe08a 45%,#e8b93e 60%,#c99a2e);background-size:220% auto;color:#1a1204;border-color:#e8b93e;font-weight:800;animation:goldsh 6s linear infinite;box-shadow:0 0 16px #e8b93e55}
html[data-theme="gold"] .prod,html[data-theme="gold"] .svc,html[data-theme="gold"] .card,html[data-theme="gold"] .pcx{border-color:#e8b93e66;box-shadow:0 0 0 1px #e8b93e22,0 8px 26px #0008,inset 0 1px 0 #ffe08a33}
html[data-theme="gold"] .dock,html[data-theme="gold"] .hd{border-color:#e8b93e88}
html[data-theme="gold"] .price,html[data-theme="gold"] .kicker{color:#ffd35c;text-shadow:0 0 12px #e8b93e66}
@keyframes goldsh{from{background-position:0% 0}to{background-position:220% 0}}
@media (prefers-reduced-motion:reduce){html[data-theme="gold"] h1,html[data-theme="gold"] h2,html[data-theme="gold"] .btn.p{animation:none}}
/* ---- theme switcher ---- */
.hr .thm,.hd .thm{position:relative;display:inline-block}
.thm-btn{position:relative;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--gold);background:#10202fcc;backdrop-filter:blur(6px);cursor:pointer;display:grid;place-items:center;color:#fff;padding:0;font:inherit}
.thm-btn svg{width:24px;height:24px}
.hd .thm-btn{width:38px;height:38px;background:var(--card);color:var(--text)}.hd .thm-btn svg{width:20px;height:20px}
.thm-menu{position:fixed;z-index:80;top:calc(env(safe-area-inset-top,0px) + 70px);right:max(16px,env(safe-area-inset-right,0px));width:min(280px,calc(100vw - 32px));background:#10202ff7;color:#f3f5f8;border:1.5px solid var(--gold,#c9a45c);border-radius:18px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.5);display:none}
.thm-menu.on{display:block}
.thm-menu h5{font:700 .68rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a9b6c6;padding:8px 10px 6px}
.thm-menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;color:inherit;border-radius:12px;padding:9px 10px;font:600 .95rem system-ui,sans-serif;cursor:pointer}
.thm-menu button:hover,.thm-menu button:focus-visible{background:#ffffff14;outline:0}
.thm-menu button[aria-checked="true"]{background:#c9a45c26}
.thm-menu button[aria-checked="true"]::after{content:"✓";margin-left:auto;color:#c9a45c;font-weight:900}
.thm-sw{flex:none;width:30px;height:30px;border-radius:9px;border:1.5px solid #ffffff55}
.thm-menu small{display:block;color:#a9b6c6;font-weight:500;font-size:.74rem}

/* ---- footer: shared by the home page and every inner page ---- */
.ft{position:relative;margin-top:40px;padding:0;border:0;text-align:left;font-size:1rem;color:var(--text);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 18%,#ecd9a8 50%,var(--gold) 82%,transparent)}
.ft-w{max-width:1180px;margin:0 auto;padding:46px max(18px,env(safe-area-inset-right,0px)) 30px max(18px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1.5fr) repeat(5,minmax(0,1fr));gap:34px 24px;font-size:.94rem;line-height:1.5}
.ft-brand p{color:var(--muted);max-width:36ch;margin:14px 0 0}
.ft a.ft-logo{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0;color:var(--text);width:max-content;max-width:100%}
.ft-logo img{width:52px;height:52px;border-radius:12px;display:block;flex:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 55%,transparent)}
.ft-logo b{display:block;font-size:1.2rem;line-height:1.15;letter-spacing:.01em}
.ft-logo small{display:block;margin-top:2px;color:var(--gt);font-weight:700;font-size:.82rem}
.ft a.ft-mail{display:inline-block;margin-top:12px;padding:4px 0;color:var(--gt);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.ft a.ft-mail:hover{text-decoration:underline;text-underline-offset:3px}
.ft-soc{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0}
.ft .ft-soc a{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;color:#10202f;background:linear-gradient(145deg,#f7cf5a,#b8861b);box-shadow:0 2px 10px rgba(0,0,0,.25);transition:transform .15s,box-shadow .15s}
.ft .ft-soc a:hover{color:#10202f;transform:translateY(-2px);box-shadow:0 6px 16px rgba(201,164,92,.45)}
.ft-soc svg{width:20px;height:20px;fill:currentColor;display:block}
.ft-soc .st svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ft-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ft .ft-col h4{margin:0 0 8px;padding:0 0 8px;font-size:.95rem;font-weight:800;letter-spacing:.01em;text-transform:none;color:var(--text);border-bottom:2px solid var(--gold);width:max-content;max-width:100%}
.ft .ft-col a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;transition:color .15s}
.ft .ft-col a:hover{color:var(--gt);text-decoration:underline;text-underline-offset:4px}
.ft-bar{border-top:1px solid var(--line)}
.ft-bar>div{max-width:1120px;margin:0 auto;padding:16px max(18px,env(safe-area-inset-right,0px)) 22px max(18px,env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;color:var(--muted);font-size:.84rem;line-height:1.5}
.ft-bar .priv{opacity:1}
.ft a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
@media(max-width:1020px){.ft-w{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-brand{grid-column:1/-1}.ft-brand p{max-width:48ch}}
@media(max-width:820px){.ft-w{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:36px}}
@media(max-width:859.98px){.ft.ft-home .ft-bar>div{padding-bottom:calc(22px + 84px + env(safe-area-inset-bottom,0px))}}
@media(max-width:380px){.ft-w{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ft .ft-soc a{transition:none}.ft .ft-soc a:hover{transform:none}}

/* footer stays dark navy in the standard themes (other theme packs keep their own colours) */
html:not([data-theme="blueprint"]):not([data-theme="contrast"]):not([data-theme="matrix"]):not([data-theme="neon"]) .ft{--bg:#0b1520;--bg2:#10202f;--card:#1a3149;--text:#f3f5f8;--muted:#a9b6c6;--gt:#d9b56a;--line:#2a4560;color-scheme:dark}

/* ---- product reactions + share (dc-content/themes/davao-corporate/assets/reactions.js) ---- */
.prx{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);min-height:47px}
.prx .rxg{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.prx .rx{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:4px 10px;border-radius:20px;border:1.5px solid var(--line);background:var(--bg);color:var(--muted);font:700 .82rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.prx .rx .e{font-size:1.15rem;line-height:1}
.prx .rx .n:empty{display:none}
.prx .rx:hover{border-color:var(--gold)}
.prx .rx[aria-pressed="true"]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gt)}
.prx .rx.pop .e{animation:rxpop .35s ease-out}
@keyframes rxpop{0%{transform:scale(1)}45%{transform:scale(1.5)}100%{transform:scale(1)}}
.prx .shr{margin-left:auto;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;padding:0;transition:border-color .15s,color .15s}
.prx .shr svg{width:18px;height:18px}
.prx .shr:hover{border-color:var(--gold);color:var(--gt)}
.prx button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.card.pcx .pcl{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.card.pcx .prx{margin:0 16px 14px;padding-top:10px}
#rxt{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);z-index:95;max-width:min(92vw,420px);background:#10202f;color:#f3f5f8;border:1px solid #c9a45c;border-radius:24px;padding:10px 18px;font:600 .9rem system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;overflow-wrap:anywhere}
#rxt.on{opacity:1;transform:translate(-50%,0)}
@media(min-width:860px){#rxt{bottom:28px}}
@media(prefers-reduced-motion:reduce){.prx .rx.pop .e{animation:none}#rxt{transition:none}}

/* ---- modern skeleton loading (YouTube / Facebook style shimmer) ---- */
:root{--sk1:color-mix(in srgb,var(--muted,#55677b) 16%,transparent);--sk2:color-mix(in srgb,var(--muted,#55677b) 30%,transparent)}
.skb,.skd,.skr b,.skl b,.skl i,.sk,.skp,.skt1,.skt2,.skt3,.skx{background:linear-gradient(100deg,var(--sk1) 30%,var(--sk2) 50%,var(--sk1) 70%) 0 0/300% 100%;animation:sksh 1.4s linear infinite}
@keyframes sksh{from{background-position:100% 0}to{background-position:-100% 0}}
.skg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}
.skc{display:block;min-width:0}
.skb{display:block;aspect-ratio:16/9;border-radius:14px}
.skr{display:flex;gap:10px;margin-top:12px}
.skd{display:block;width:36px;height:36px;border-radius:50%;flex:none}
.skr>div{flex:1;display:grid;gap:8px;align-content:start;padding-top:3px}
.skr b{display:block;height:12px;border-radius:6px}.skr b+b{width:62%}
.skl{display:grid;gap:14px}
.skl>div{display:flex;align-items:center;gap:12px}
.skl i{display:block;width:40px;height:40px;border-radius:50%;flex:none}
.skl span{flex:1;display:grid;gap:8px}
.skl b{display:block;height:12px;border-radius:6px}.skl b+b{width:58%}
.skt{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.skx{display:block;height:92px;border-radius:16px}
/* page sections below the hero: skeleton until they scroll into view */
.skov{position:absolute;inset:0;z-index:6;display:grid;align-content:start;justify-items:center;padding:clamp(90px,14vh,130px) clamp(18px,5vw,64px) 40px;background:var(--bg);opacity:1;transition:opacity .35s ease;overflow:hidden}
.s.alt>.skov{background:var(--bg2)}
#games>.skov{background:#0b1520}
.skov.out{opacity:0;pointer-events:none}
.skw{width:100%;max-width:1100px;display:grid;gap:14px;justify-items:start}
.skp{display:block;width:120px;height:26px;border-radius:14px}
.skt1{display:block;width:min(60%,420px);height:46px;border-radius:12px}
.skt2{display:block;width:min(86%,560px);height:14px;border-radius:7px}
.skt3{display:block;width:min(54%,360px);height:14px;border-radius:7px;margin-bottom:12px}
.skw .skg{width:100%}
@media(prefers-reduced-motion:reduce){.skb,.skd,.skr b,.skl b,.skl i,.sk,.skp,.skt1,.skt2,.skt3,.skx{animation:none}.skov{transition:none}}
/* image placeholders shimmer until the picture arrives */
.sxi,.bi,.card .im,.hero2 .im{background:linear-gradient(100deg,var(--sk1) 30%,var(--sk2) 50%,var(--sk1) 70%) 0 0/300% 100%;animation:sksh 1.4s linear infinite}
.sxi.ld,.bi.ld,.card .im.ld,.hero2 .im.ld{animation:none;background:var(--bg2)}
@media(prefers-reduced-motion:reduce){.sxi,.bi,.card .im,.hero2 .im{animation:none}}

/* ---- favorites (bookmark) button ---- */
.fav{position:absolute;top:10px;right:12px;z-index:2;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s}
.fav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;display:block}
.fav:hover{border-color:var(--gold);color:var(--gt)}
.fav:active{transform:scale(.92)}
.fav[aria-pressed="true"]{color:var(--gt);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 20%,var(--bg))}
.fav[aria-pressed="true"] svg{fill:currentColor}
.fav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---- blog: homepage cards, read-more, article reactions ---- */
.sxb .bh{display:grid;gap:10px;justify-items:start;margin-bottom:26px}
.kick2{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#f7cf5a,#c9a45c);color:#10202f;font-weight:800;font-size:.74rem;letter-spacing:.14em}
.kick2 i{width:7px;height:7px;border-radius:50%;background:#e0345c;animation:kpulse 1.6s infinite}
@keyframes kpulse{50%{opacity:.35}}
.sxb .bh h2{font-size:clamp(2rem,6vw,3.2rem);line-height:1.05;margin:0}
.sxb .bh .sxs{max-width:60ch;margin:0;font-size:1.05rem}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}
.bcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}
.bcard[hidden]{display:none}
.bcard:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 22px 44px -20px #000a}
.bcard .bl{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}
.bcard .bi{position:relative;display:block;aspect-ratio:1200/630;overflow:hidden}
.bcard .bi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.bcard:hover .bi img{transform:scale(1.06)}
.bcard .bpill{position:absolute;left:12px;bottom:12px;background:#10202fe6;color:#f3f5f8;font-size:.72rem;font-weight:700;border-radius:20px;padding:4px 12px}
.bcard .bnew{position:absolute;left:12px;top:12px;background:#e0345c;color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:12px;padding:4px 10px}
.bcard .bb{display:flex;flex-direction:column;gap:8px;padding:16px 18px 6px;flex:1}
.bcard .bm{color:var(--muted);font-size:.8rem;font-weight:600}
.bcard .bb b{font-size:1.15rem;line-height:1.3;padding:0}
.bcard .be{color:var(--muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard .br,.rd{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--gt);font-weight:800;font-size:.92rem;padding-top:6px}
.bcard .br em,.rd em{font-style:normal;transition:transform .2s}
.bcard:hover .br em,.card:hover .rd em{transform:translateX(5px)}
.bcard .prx{margin:8px 18px 14px}
.bmore{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sxh2{margin-top:56px}
.sxcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.rxbar{display:grid;gap:4px;margin:26px 0;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.rxbar b{font-size:1.05rem}.rxbar>span{color:var(--muted);font-size:.92rem}
.rxbar .prx{margin:8px 0 0;padding:0;border:0;min-height:0}
.hero2 .prx{margin-top:4px}
.card.pcx .rd{padding-top:8px}
@keyframes rxin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---- author box (bottom of articles, from Admin > Profile) ---- */
.author{display:flex;gap:16px;align-items:flex-start;margin:28px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.author>i{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;font-style:normal;font-weight:800;font-size:1.5rem;color:#10202f;background:linear-gradient(135deg,#c9a45c,#ecd9a8)}
.author .aimg{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);display:block}
.author .abody{min-width:0}
.author b{display:block;font-size:1.1rem}
.author .arole{display:block;color:var(--gt);font-weight:700;font-size:.88rem;margin-top:1px}
.author .abio{color:var(--muted);font-size:.94rem;margin-top:6px}
.author .alinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.author .alinks a{display:inline-block;padding:6px 14px;border:1.5px solid var(--gold);border-radius:20px;color:var(--text);text-decoration:none;font-weight:700;font-size:.84rem}
.author .alinks a:hover{background:var(--gold);color:#10202f}
@media(max-width:520px){.author{flex-direction:column;align-items:flex-start}}

/* ---- customer account page ---- */
.acct{max-width:720px}
.acf{display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--card)}
.acf label,.acc label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.acf input,.acc input{padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font:inherit}
.acf input:focus,.acc input:focus{outline:2px solid var(--gold);outline-offset:1px}
.acf h2{margin:0}.acf .lead{margin:0}
.ach{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.acc{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
.acc h3{margin:0}.acc blockquote{margin:0;padding:10px 14px;border-left:3px solid var(--gold);color:var(--muted);white-space:pre-wrap}
.acf .lnk{background:none;border:0;color:var(--gt);text-decoration:underline;cursor:pointer;font:inherit;justify-self:start;padding:4px 0}
.steps2{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.steps2 li{flex:1 1 90px;display:grid;gap:6px;justify-items:center;text-align:center;font-size:.8rem;color:var(--muted);font-weight:600}
.steps2 i{width:100%;height:6px;border-radius:4px;background:var(--line)}
.steps2 li.on{color:var(--text)}.steps2 li.on i{background:linear-gradient(90deg,#c9a45c,#ecd9a8)}
.ort{display:grid;gap:8px}.ort div{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.ort b{margin-right:auto}.ort em{font-style:normal;font-weight:700;color:var(--gt)}

/* links to the About page: profile name, avatar, "view profile" */
.abt{color:inherit;text-decoration:none}.abt:hover{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.abt-av{display:contents}.abt-av:focus-visible img,.abt-av:focus-visible i{outline:2px solid var(--gold);outline-offset:3px}
.abt-vp{display:inline-block;margin-top:12px;color:var(--gt);font-weight:800;font-size:.9rem;text-decoration:none}.abt-vp:hover{text-decoration:underline}
.author .abt-vp{margin-top:10px}