/*
Theme Name: Golden Dune Trades
Theme URI: https://goldendunetrades.com
Author: OpenAI
Description: Custom WooCommerce-ready WordPress theme for Golden Dune General Trading L.L.C - FZ.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: golden-dune-trades
*/

:root{
  --gd-navy:#06264f;
  --gd-navy-2:#031a37;
  --gd-gold:#d9a321;
  --gd-gold-2:#f2bd35;
  --gd-text:#172033;
  --gd-muted:#6b7280;
  --gd-bg:#f7f8fb;
  --gd-white:#fff;
  --gd-border:#e5e7eb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--gd-text);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1180px,92%);margin:0 auto}
.topbar{background:linear-gradient(90deg,var(--gd-gold),#f1c55a);color:#111;font-size:14px;padding:8px 0}
.topbar .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}
.site-header{background:linear-gradient(90deg,var(--gd-navy-2),var(--gd-navy));color:#fff;border-bottom:1px solid rgba(217,163,33,.5)}
.header-main{display:grid;grid-template-columns:270px 1fr auto;gap:28px;align-items:center;padding:18px 0}
.brand img{max-height:92px;width:auto;display:block}
.search-wrap form{display:flex;background:#fff;border-radius:6px;overflow:hidden}
.search-wrap input{flex:1;border:0;padding:15px 16px;font-size:15px;outline:0}
.search-wrap button{border:0;background:var(--gd-gold);padding:0 22px;font-weight:700;cursor:pointer}
.header-actions{display:flex;gap:18px;font-size:14px;align-items:center}
.header-actions a{opacity:.95}
.main-nav{border-top:1px solid rgba(255,255,255,.1)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px}
.main-nav a{display:block;padding:14px 17px;font-size:13px;font-weight:700;text-transform:uppercase}
.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--gd-gold);color:#111}
.hero{background:radial-gradient(circle at 80% 45%,#154987 0,#082b57 28%,#031a37 72%);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:-140px;width:520px;height:520px;border:1px solid rgba(217,163,33,.2);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;min-height:520px;padding:60px 0}
.eyebrow{color:var(--gd-gold-2);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.03;margin:12px 0 20px;max-width:760px}
.hero h1 span{color:var(--gd-gold-2)}
.hero p{font-size:19px;max-width:680px;color:#e6edf7}
.hero-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px;min-height:150px;backdrop-filter:blur(6px)}
.hero-card strong{display:block;font-size:18px;margin-bottom:6px;color:#fff}
.hero-card span{color:#cdd8e8}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:6px;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.02em}
.btn-gold{background:var(--gd-gold);color:#111}
.btn-outline{border:2px solid var(--gd-gold);color:#fff}
.benefits{background:var(--gd-navy-2);color:#fff;border-top:1px solid rgba(217,163,33,.5);border-bottom:1px solid rgba(217,163,33,.5)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit{padding:22px 20px;border-right:1px solid rgba(255,255,255,.12)}
.benefit:last-child{border-right:0}
.benefit strong{display:block;color:var(--gd-gold-2);margin-bottom:3px}
.section{padding:68px 0}
.section.alt{background:var(--gd-bg)}
.section-title{text-align:center;margin-bottom:38px}
.section-title h2{font-size:34px;margin:0 0 8px;color:var(--gd-navy-2)}
.section-title p{margin:0;color:var(--gd-muted)}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.category-card{background:#fff;border:1px solid var(--gd-border);border-radius:12px;overflow:hidden;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.04);transition:.2s}
.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.category-art{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#edf2f7);font-size:58px}
.category-card h3{margin:18px 10px 8px;font-size:16px;color:var(--gd-navy-2)}
.category-card .link{display:block;color:#b27d00;font-weight:700;font-size:13px;padding-bottom:20px}
.wholesale{background:linear-gradient(90deg,#041b38,#0a356a);color:#fff;border-radius:18px;padding:42px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.wholesale h2{font-size:36px;margin:8px 0 10px}
.wholesale ul{columns:2;margin:18px 0 0;padding-left:20px}
.wholesale li{margin:8px 0}
.quote-box{text-align:center;border-left:1px solid rgba(255,255,255,.18);padding-left:30px}
.quote-box strong{font-size:28px;color:var(--gd-gold-2);display:block;margin:8px 0 18px}
.products ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0!important}
.products ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--gd-border);border-radius:10px;padding:14px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.woocommerce ul.products li.product .price{color:var(--gd-navy);font-weight:700}
.woocommerce ul.products li.product .button{background:var(--gd-gold);color:#111;border-radius:5px;font-weight:700}
.cta-contact{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:#fff;border:1px solid var(--gd-border);border-radius:14px;padding:30px}
.site-footer{background:var(--gd-navy-2);color:#dbe5f3;padding:55px 0 0}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}
.footer-title{color:var(--gd-gold-2);font-weight:800;margin-bottom:14px;text-transform:uppercase;font-size:14px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin:7px 0}
.footer-bottom{margin-top:38px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}
.woocommerce-page .site-main,.page .site-main,.single .site-main{min-height:55vh}
.content-area{padding:55px 0}
@media(max-width:1000px){
.header-main{grid-template-columns:220px 1fr}.header-actions{display:none}.hero-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.products ul.products{grid-template-columns:repeat(2,1fr)!important}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
.topbar .wrap{display:block;text-align:center}.topbar .wrap>*+*{margin-top:4px}.header-main{grid-template-columns:1fr}.brand{text-align:center}.brand img{margin:auto;max-height:78px}.search-wrap{order:2}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr)}.main-nav a{text-align:center;padding:12px 8px}.hero-grid{padding:40px 0;min-height:auto}.hero h1{font-size:42px}.hero-visual{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.category-grid{grid-template-columns:1fr 1fr}.wholesale{grid-template-columns:1fr;padding:28px}.wholesale ul{columns:1}.quote-box{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:25px 0 0}.products ul.products{grid-template-columns:1fr!important}.cta-contact{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;text-align:center}.footer-bottom>*+*{margin-top:8px}
}
