/*
Theme Name: ZirconOps
Description: Custom block theme for zirconops.com — navy/gold design system. Bilingual EN/AR front page. Paddle checkout is wired as the FINAL migration step (see README).
Version: 2.0.11
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: zirconops
*/
:root{
--navy-950:#07101f;--navy-900:#0b1426;--navy-850:#111c31;--navy-800:#17243a;
--gold-500:#d4af45;--gold-400:#e0bf5f;--gold-300:#ead183;
--cream:#f4eddd;--paper:#f7f6f2;--white:#fff;--ink:#0e1829;--muted:#667184;
--line:#dce0e6;--green:#147a45}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
body.ar{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit}
/* top bar */
.zo-topbar{background:var(--navy-950);color:#fff}
.zo-topbar-inner{max-width:1240px;margin:0 auto;padding:0 24px;min-height:64px;display:flex;align-items:center;justify-content:space-between}
.zo-brand{font-weight:800;font-size:20px;letter-spacing:.04em;text-decoration:none;color:#fff;display:inline-flex;align-items:center}
.zo-brand span{color:var(--gold-500)}
.zo-brand img{display:block;width:168px;height:auto}
/* accessibility: visible keyboard focus everywhere */
:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}
.zo-topbar-right{display:flex;gap:22px;align-items:center}
.zo-navlink{margin:0;font-size:14px;font-weight:600}
.zo-navlink a{text-decoration:none;color:#fff;opacity:.92}
.zo-navlink a:hover{color:var(--gold-400)}
.lang-toggle{background:transparent;border:1px solid var(--gold-500);color:var(--gold-400);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer}
/* hero */
.zo-hero{background:linear-gradient(180deg,var(--navy-950),var(--navy-800));color:#fff;padding:72px 24px 64px}
.zo-hero-inner{max-width:1240px;margin:0 auto}
.zo-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.15;margin:0 0 16px;color:#fff}
.zo-hero h1 em{color:var(--gold-400);font-style:normal}
.zo-lead{font-size:18px;color:#c9d2e0;max-width:640px;margin:0 0 28px}
.zo-kicker{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-500);margin:0 0 10px}
/* buttons — same language as the live site */
.button{cursor:pointer;letter-spacing:.015em;border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:0 26px;font-size:14px;font-weight:800;line-height:1.2;border-radius:12px;text-decoration:none;transition:transform .18s,box-shadow .18s;margin:0 8px 8px 0}
.button-gold{border-color:var(--gold-500);background:var(--gold-500);color:var(--navy-950);box-shadow:0 12px 28px #d4af4524}
.button-gold:hover{transform:translateY(-2px)}
.button-dark{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
.button-ghost{background:transparent;color:#fff;border-color:#ffffff44}
/* content */
.zo-section{padding:56px 24px;background:linear-gradient(#0e182906 1px,transparent 1px),linear-gradient(90deg,#0e182906 1px,transparent 1px);background-size:56px 56px}
.zo-section-inner{max-width:1240px;margin:0 auto}
.zo-section h2{font-size:clamp(24px,3vw,34px);margin:0 0 14px}
.zo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}
.zo-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px}
.zo-card h3{margin:0 0 10px;font-size:20px}
.zo-card p{color:var(--muted);font-size:15px}
.zo-card .price{font-weight:800;font-size:18px}
.zo-note{margin-top:16px;color:var(--muted);font-size:14px}
.zo-shot{background:var(--navy-900);border:1px dashed var(--gold-500);color:#e8ddc0;border-radius:14px;min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;font-size:14px}
/* generic page */
.zo-main{max-width:860px;margin:0 auto;padding:56px 24px}
.zo-page-title{font-size:clamp(28px,4vw,44px);margin:0 0 20px}
/* footer */
.zo-footer{background:var(--navy-950);color:#aeb9c9;padding:40px 24px;font-size:14px}
.zo-footer-inner{max-width:1240px;margin:0 auto}
.zo-footer-links{margin:0 0 14px}
.zo-footer-links a{color:#d6dbe2;text-decoration:none;margin-right:18px}
.zo-footer-note{margin:0}
/* bilingual: hide inactive language */
html[lang="en"] .only-ar{display:none}
html[lang="ar"] .only-en{display:none}
@media(max-width:860px){.zo-topbar-inner{flex-wrap:wrap;row-gap:8px;padding-top:10px;padding-bottom:10px}.zo-topbar-right{gap:12px}.zo-navlink{font-size:13px;white-space:nowrap}}

/* ---- Shop pages (ported from phase-1 static build) ---- */
.zo-shop-page .wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.zo-shop-page .hero{background:linear-gradient(180deg,var(--navy-950),var(--navy-800));color:#fff;padding:72px 0 64px}
.zo-shop-page .hero .wrap{padding:0 24px}
.zo-shop-page .hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.15;margin:0 0 16px;letter-spacing:-.01em;color:#fff}
.zo-shop-page .hero h1 em{color:var(--gold-400);font-style:normal}
.zo-shop-page .hero p.lead{font-size:18px;color:#c9d2e0;max-width:640px;margin:0 0 28px}
.zo-shop-page .section{padding:56px 0;background:linear-gradient(#0e182906 1px,transparent 1px),linear-gradient(90deg,#0e182906 1px,transparent 1px);background-size:56px 56px}
.zo-shop-page .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.zo-shop-page .card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;text-decoration:none;display:block;color:var(--ink)}
.zo-shop-page .card:hover{border-color:var(--gold-500);box-shadow:0 14px 34px #07101f14}
.zo-shop-page .card h3{margin:0 0 8px;font-size:20px}
.zo-shop-page .card p{margin:0 0 14px;color:var(--muted);font-size:15px}
.zo-shop-page .card .price{font-weight:800;font-size:18px;color:var(--navy-900)}
.zo-shop-page .card .tag{display:inline-block;font-size:12px;font-weight:700;color:var(--navy-900);background:var(--cream);border-radius:999px;padding:4px 12px;margin-bottom:10px}
.zo-shop-page h2.st{font-size:clamp(24px,3vw,34px);margin:0 0 14px}
.zo-shop-page .kicker{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-500);margin:0 0 10px}
.zo-shop-page .grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.zo-shop-page .shot{background:var(--navy-900);border:1px dashed var(--gold-500);color:#e8ddc0;border-radius:14px;min-height:220px;display:grid;place-items:center;text-align:center;padding:24px;font-size:14px}
.zo-shop-page .specs{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px}
.zo-shop-page .specs li{margin:8px 0}
.zo-shop-page .faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:10px 0}
.zo-shop-page .faq summary{font-weight:700;cursor:pointer}
.zo-shop-page .pricebox{background:var(--navy-950);color:#fff;border-radius:18px;padding:36px;text-align:center}
.zo-shop-page .pricebox .amt{font-size:52px;font-weight:800;color:var(--gold-400)}
.zo-shop-page .pricebox .note{color:#aeb9c9;font-size:14px;margin:10px 0 22px}
.zo-shop-page .upsell{background:linear-gradient(180deg,var(--cream),#fff);border:1px solid var(--gold-300);border-radius:16px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.zo-shop-page .crumbs{font-size:13px;color:var(--muted);margin:22px 0 0}
.zo-shop-page .crumbs a{text-decoration:none}
.zo-shop-page table.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
.zo-shop-page table.compare th,.zo-shop-page table.compare td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}
.zo-shop-page table.compare th{background:var(--navy-900);color:#fff}
.zo-shop-page .badge{display:inline-block;background:var(--green);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px}
@media(max-width:860px){.zo-shop-page .grid2{grid-template-columns:1fr}}