/*
Theme Name: Gold Rate Dubai
Theme URI: https://goldratedubaiuae.com
Author: Gold Rate Dubai
Description: Custom theme for a live Dubai gold-rate tracker with an admin-managed rate feed, karat calculator and price history.
Version: 3.6.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: gcog
*/

:root{
  --paper:#FCFBF7; --panel:#FFFFFF; --ink:#1E1A12; --ink-soft:#6B6355; --ink-faint:#9A9280;
  --gold:#A6752C; --gold-deep:#7A5420; --gold-pale:#F1E4CC; --rule:#E6E1D3;
  --up:#2F5D3A; --up-bg:#EAF1EA; --down:#9C3B2E; --down-bg:#F6E9E6;
  --radius:10px; --shadow:0 1px 2px rgba(30,26,18,.05), 0 10px 28px -14px rgba(30,26,18,.18);
  --font-display:'Fraunces', serif; --font-body:'IBM Plex Sans', sans-serif; --font-mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased;}
img,svg{display:block; max-width:100%;}
a{color:inherit;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
h1,h2,h3{font-family:var(--font-display); margin:0 0 .4em; font-weight:600; letter-spacing:-.01em;}
.mono{font-family:var(--font-mono); font-variant-numeric:tabular-nums;}
.eyebrow{font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-deep); font-weight:500;}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.ticker{background:var(--ink); color:var(--gold-pale); overflow:hidden; white-space:nowrap; position:relative;}
.ticker-track{display:inline-flex; align-items:center; gap:2.5rem; padding:.5rem 0; animation:scroll 32s linear infinite;}
.ticker span{font-family:var(--font-mono); font-size:.78rem; letter-spacing:.02em; display:inline-flex; gap:.5rem; align-items:center;}
.ticker .up{color:#C9DDC9;} .ticker .down{color:#E7C3BB;}
@keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion: reduce){ .ticker-track{animation:none;} }
header.site{background:var(--paper); border-bottom:1px solid var(--rule); position:sticky; top:0; z-index:20;}
.nav-row{display:flex; align-items:center; justify-content:space-between; padding:16px 0;}
.brand{display:flex; align-items:baseline; gap:.5rem; text-decoration:none;}
.brand-mark{font-family:var(--font-display); font-weight:700; font-size:1.3rem; letter-spacing:-.01em;}
.brand-mark em{font-style:normal; color:var(--gold);}
nav.primary{display:flex; align-items:center; gap:1.75rem;}
nav.primary ul{list-style:none; display:flex; gap:1.75rem; margin:0; padding:0; align-items:center;}
nav.primary a{text-decoration:none; font-size:.92rem; color:var(--ink-soft); font-weight:500;}
nav.primary a:hover{color:var(--ink);}
.cta{background:var(--ink); color:var(--paper); text-decoration:none; padding:.6rem 1.1rem; border-radius:100px; font-size:.85rem; font-weight:600; white-space:nowrap;}
.mobile-toggle{display:none;}
@media (max-width: 860px){
  nav.primary{display:none;}
  .mobile-toggle{display:block;}
  .mobile-toggle summary{list-style:none; cursor:pointer; font-family:var(--font-mono); font-size:.78rem; border:1px solid var(--rule); padding:.5rem .8rem; border-radius:100px;}
  .mobile-toggle summary::-webkit-details-marker{display:none;}
  .mobile-toggle .menu{display:flex; flex-direction:column; gap:2px; padding:12px 0 20px;}
  .mobile-toggle .menu a{padding:10px 4px; text-decoration:none; color:var(--ink); border-bottom:1px solid var(--rule); font-size:.95rem; display:block;}
}
.hero{padding:64px 0 48px; border-bottom:1px solid var(--rule);}
.hero-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:start;}
@media (max-width:900px){ .hero-grid{grid-template-columns:1fr; gap:32px;} }
.hero h1{font-size:clamp(1.7rem, 3.2vw, 2.5rem); max-width:20ch; margin-top:.35rem;}
.hero p.lede{color:var(--ink-soft); max-width:50ch; font-size:1.02rem;}
.price-block{margin-top:1.6rem; display:flex; align-items:flex-end; gap:1rem; flex-wrap:wrap;}
.price-figure{font-family:var(--font-mono); font-weight:600; font-size:clamp(2.8rem, 7vw, 4.6rem); line-height:1; letter-spacing:-.02em;}
.price-unit{font-family:var(--font-mono); font-size:1rem; color:var(--ink-faint); margin-bottom:.5rem;}
.price-usd{font-family:var(--font-mono); color:var(--ink-soft); font-size:1.05rem;}
.delta-row{display:flex; align-items:center; gap:.7rem; margin-top:.85rem; flex-wrap:wrap;}
.chip{font-family:var(--font-mono); font-size:.8rem; padding:.3rem .6rem; border-radius:100px; font-weight:500;}
.chip.up{background:var(--up-bg); color:var(--up);} .chip.down{background:var(--down-bg); color:var(--down);}
.live-dot{width:8px; height:8px; border-radius:50%; background:var(--up); position:relative; display:inline-block;}
.live-dot::after{content:''; position:absolute; inset:-4px; border-radius:50%; border:1px solid var(--up); animation:pulse 2.2s ease-out infinite;}
@media (prefers-reduced-motion: reduce){ .live-dot::after{animation:none;} }
@keyframes pulse{ 0%{opacity:.9; transform:scale(.6);} 100%{opacity:0; transform:scale(2.1);} }
.updated{font-family:var(--font-mono); font-size:.78rem; color:var(--ink-faint); display:flex; align-items:center; gap:.5rem;}
.hero-aside{border-left:1px solid var(--rule); padding-left:32px;}
@media (max-width:900px){ .hero-aside{border-left:none; padding-left:0; border-top:1px solid var(--rule); padding-top:24px;} }
.peg-note{font-family:var(--font-mono); font-size:.78rem; color:var(--ink-soft); margin-top:1rem;}
section{padding:56px 0;}
section.alt{background:var(--panel); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; flex-wrap:wrap;}
.section-head h2{font-size:1.5rem;}
.section-head p{color:var(--ink-soft); margin:0; max-width:44ch; font-size:.94rem;}
.karat-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
@media (max-width:900px){ .karat-grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:560px){ .karat-grid{grid-template-columns:repeat(2,1fr);} }
.karat-card{background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow);}
.karat-card.current{border-color:var(--gold); box-shadow:0 0 0 1px var(--gold), var(--shadow);}
.karat-card .k{font-family:var(--font-display); font-weight:600; font-size:1.05rem;}
.karat-card .purity{font-family:var(--font-mono); font-size:.7rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.06em;}
.karat-card .aed{font-family:var(--font-mono); font-size:1.3rem; font-weight:600; margin-top:.6rem;}
.karat-card .usd{font-family:var(--font-mono); font-size:.78rem; color:var(--ink-soft);}
.karat-card .delta{margin-top:.5rem; font-family:var(--font-mono); font-size:.75rem;}
.karat-card .delta.up{color:var(--up);} .karat-card .delta.down{color:var(--down);}
table{width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden;}
th,td{text-align:left; padding:12px 16px; font-size:.9rem; border-bottom:1px solid var(--rule);}
th{font-family:var(--font-mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); font-weight:500; background:var(--gold-pale);}
td.num{font-family:var(--font-mono); font-variant-numeric:tabular-nums;}
tbody tr:last-child td{border-bottom:none;}
tbody tr.current td{background:#FBF3DF;}
tbody tr:hover td{background:#FBF7EE;}
.table-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch;}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
@media (max-width:800px){ .two-col{grid-template-columns:1fr;} }
.calc-card{background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius); box-shadow:var(--shadow); padding:28px; display:grid; grid-template-columns:1fr 1fr; gap:28px;}
@media (max-width:800px){ .calc-card{grid-template-columns:1fr;} }
.field{margin-bottom:16px;}
.field label{display:block; font-family:var(--font-mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft); margin-bottom:6px;}
.field select, .field input{width:100%; padding:.7rem .8rem; border:1px solid var(--rule); border-radius:8px; font-family:var(--font-mono); font-size:.95rem; background:var(--paper); color:var(--ink);}
.field select:focus, .field input:focus{border-color:var(--gold);}
.calc-out{background:var(--paper); border:1px dashed var(--rule); border-radius:8px; padding:20px; display:flex; flex-direction:column; justify-content:center; gap:.2rem;}
.calc-out .label{font-family:var(--font-mono); font-size:.72rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.06em;}
.calc-out .aed-out{font-family:var(--font-mono); font-size:1.9rem; font-weight:600; margin-top:.2rem;}
.calc-out .usd-out, .calc-out .inr-out{font-family:var(--font-mono); color:var(--ink-soft); font-size:.92rem;}
.chart-card{background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius); box-shadow:var(--shadow); padding:24px;}
.chart-toggle{display:flex; gap:8px; margin-bottom:18px; flex-wrap:wrap;}
.chart-toggle button{font-family:var(--font-mono); font-size:.78rem; padding:.4rem .9rem; border-radius:100px; border:1px solid var(--rule); background:var(--paper); color:var(--ink-soft); cursor:pointer;}
.chart-toggle button.active{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.chart-wrap{height:320px;position:relative;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:#26221D;color:#fff;border-radius:6px;padding:7px 9px;font:500 .72rem var(--font-mono);white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;box-shadow:0 4px 14px rgba(0,0,0,.14)}.chart-tooltip.show{opacity:1;transform:translateY(0)}
.prose{max-width:68ch;}
.prose h3{font-size:1.15rem; margin-top:1.6rem;}
.prose p{color:var(--ink-soft); font-size:.98rem;}
.faq details{border-bottom:1px solid var(--rule); padding:16px 0;}
.faq summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; font-weight:500; font-size:1rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+'; font-family:var(--font-mono); color:var(--gold-deep); font-size:1.2rem;}
.faq details[open] summary::after{content:'\2013';}
.faq p{color:var(--ink-soft); margin:10px 0 0; font-size:.94rem;}
footer.site{background:var(--ink); color:#D9D3C4; padding:48px 0 28px;}
.foot-grid{display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px; padding-bottom:28px; border-bottom:1px solid #3A3323;}
@media (max-width:700px){ .foot-grid{grid-template-columns:1fr;} }
footer h4{font-family:var(--font-mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:#9A9280; margin:0 0 12px;}
footer a{display:block; text-decoration:none; color:#D9D3C4; font-size:.9rem; margin-bottom:8px;}
footer a:hover{color:var(--gold-pale);}
footer .brand-mark{color:#F4EFE1;}
footer .brand-mark em{color:var(--gold-pale);}
.fine{font-size:.78rem; color:#9A9280; margin-top:20px; line-height:1.6; max-width:70ch;}
.copyright{font-size:.78rem; color:#7C7563; margin-top:16px;}
.entry-content{padding:56px 0;}
.entry-content .wrap{max-width:760px;}


/* v2 market dashboard */
.market-strip{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin-top:28px}
.market-stat,.market-primary{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.market-primary{background:linear-gradient(135deg,#211c13,#3a2b17);color:#fff;border-color:#4b3a20}
.market-label{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}
.market-primary .market-label{color:#d9c79d}
.market-value{font-family:var(--font-mono);font-size:1.35rem;font-weight:600;margin-top:6px}
.market-primary .market-value{font-size:1.65rem}
.market-meta{font-size:.76rem;color:var(--ink-soft);margin-top:4px}
.market-primary .market-meta{color:#d9d3c4}
.market-change{font-family:var(--font-mono);font-size:.72rem;margin-top:8px}
.market-change.up{color:var(--up)} .market-change.down{color:var(--down)}
.market-primary .market-change.up{color:#bfe0c1}.market-primary .market-change.down{color:#efc4bd}
.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.section-kicker .link{font-family:var(--font-mono);font-size:.76rem;color:var(--gold-deep);text-decoration:none}
.rate-tools{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
@media(max-width:900px){.market-strip{grid-template-columns:repeat(2,1fr)}.market-primary{grid-column:1/-1}.rate-tools{grid-template-columns:1fr}}
@media(max-width:560px){.market-strip{grid-template-columns:1fr 1fr}.market-value{font-size:1.05rem}.market-primary .market-value{font-size:1.4rem}}
.compare-table .current td{font-weight:600}
.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.quick-links a{border:1px solid var(--rule);background:var(--panel);padding:.55rem .75rem;border-radius:100px;text-decoration:none;font:500 .72rem var(--font-mono);color:var(--ink-soft)}
.freshness{display:inline-flex;align-items:center;gap:7px;font:500 .72rem var(--font-mono);color:var(--ink-soft)}
.refresh-link{border:1px solid var(--rule);border-radius:100px;padding:.45rem .7rem;text-decoration:none;font:500 .72rem var(--font-mono);color:var(--ink-soft);background:var(--panel)}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hero-actions a{border:1px solid var(--rule);padding:.58rem .85rem;border-radius:100px;text-decoration:none;font:500 .74rem var(--font-mono)}
.hero-actions a.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.notice-card{background:var(--gold-pale);border:1px solid #dfcfaa;border-radius:var(--radius);padding:16px 18px;color:var(--gold-deep);font-size:.88rem}

/* v2.1 weight, tola, currency and history sections */
.weight-table td:first-child small{display:block;color:var(--ink-faint);font:400 .68rem var(--font-mono);margin-top:3px}.weight-table td,.currency-table td,.history-table td{white-space:nowrap}.tola-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tola-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.tola-card strong{display:block;font:600 1.35rem var(--font-mono);margin:9px 0}.tola-card span:last-child{display:block;color:var(--ink-soft);font:400 .72rem var(--font-mono);line-height:1.6}.chart-fallback{height:280px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px dashed var(--rule);border-radius:8px;color:var(--ink-soft);font:.8rem var(--font-mono)}
@media(max-width:1050px){.tola-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.tola-grid{grid-template-columns:1fr 1fr}.weight-table,.currency-table,.history-table{font-size:.82rem}}

/* v2.3 competitor-gap upgrades: 30-day chart, detailed 15-day table and calculator presets */
.chart-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.chart-range-toggle{display:flex;gap:6px}.chart-range-toggle button{font:500 .72rem var(--font-mono);padding:.4rem .7rem;border:1px solid var(--rule);border-radius:100px;background:var(--paper);color:var(--ink-soft);cursor:pointer}.chart-range-toggle button.active{background:var(--gold-pale);border-color:#d8c391;color:var(--ink)}.chart-subtitle{font:400 .72rem var(--font-mono);color:var(--ink-faint);margin:-4px 0 14px}.quick-weights{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:8px}.quick-weights span{width:100%;font:500 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.quick-weights button{border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);border-radius:100px;padding:.42rem .62rem;font:500 .7rem var(--font-mono);cursor:pointer}.quick-weights button:hover{border-color:var(--gold);color:var(--ink);background:var(--gold-pale)}
.history-price-panel{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.history-karat-toggle{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.history-karat-btn{font:500 .75rem var(--font-mono);padding:.42rem .78rem;border:1px solid var(--rule);border-radius:100px;background:var(--paper);color:var(--ink-soft);cursor:pointer}.history-karat-btn.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.history-table-view{display:none}.history-table-view.active{display:block}.history-caption{font:600 .76rem var(--font-mono);color:var(--ink);margin-bottom:10px}.history-price-table th,.history-price-table td{white-space:nowrap}.history-price-table td.up{color:var(--up)}.history-price-table td.down{color:var(--down)}.history-price-table td.flat{color:var(--ink-soft)}.history-price-table .direction{font-family:var(--font-mono);font-size:.78rem}.history-price-table tbody tr:first-child td{font-weight:600}.history-price-table tbody tr:first-child td:first-child{color:var(--ink)}
@media(max-width:700px){.chart-header-row{display:block}.chart-range-toggle{margin-bottom:10px}.history-price-panel{padding:14px}.history-price-table th,.history-price-table td{padding:10px 12px;font-size:.78rem}}

/* v2.4 automatic live-rate update banner */
.update-bar{background:#f7f5ee;border-bottom:1px solid var(--rule);color:var(--ink-soft);font:400 .72rem var(--font-mono)}.update-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px}.update-bar strong{color:var(--ink)}.update-source{color:var(--ink-faint)}@media(max-width:650px){.update-bar .wrap{display:block}.update-source{display:block;margin-top:3px}}


.chart-range-toggle{display:flex;gap:4px;flex-wrap:wrap}.chart-range-toggle button{white-space:nowrap}


/* Dedicated calculator page */
.calculator-page-hero{padding-bottom:48px;}
.calculator-page-hero .fine{margin-top:18px;}
@media (max-width:820px){.calculator-page-hero{padding-bottom:28px;}}


/* Article publishing / SEO-friendly editorial cards */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.article-card{background:var(--panel);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.article-thumb{display:block;aspect-ratio:16/9;background:#eee;overflow:hidden}
.article-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.article-card-body{padding:20px}
.article-meta{font:500 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:8px}
.article-card h3{font-size:1.18rem;line-height:1.25;margin:0 0 10px}
.article-card h3 a{color:var(--ink);text-decoration:none}
.article-card h3 a:hover{text-decoration:underline}
.article-card p{color:var(--ink-soft);font-size:.9rem;line-height:1.6;margin:0 0 14px}
.article-read{font:500 .72rem var(--font-mono);color:var(--gold-deep);text-decoration:none}
.article-read:hover{text-decoration:underline}
.post-single{padding:56px 0}
.post-single .post-header{max-width:820px;margin:0 auto 28px}
.post-single .post-header h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:.4rem 0 1rem}
.post-single .post-meta{font:500 .72rem var(--font-mono);color:var(--ink-faint)}
.post-single .post-content{max-width:760px;margin:0 auto}
.post-single .post-content p,.post-single .post-content li{color:var(--ink-soft);font-size:1rem;line-height:1.8}
.post-single .post-content h2,.post-single .post-content h3{margin-top:2rem}
.article-archive{padding:56px 0}
@media(max-width:900px){.article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-card-body{padding:16px}}