/*
Theme Name: SolidGoldBands One Click Ecommerce
Author: SolidGoldBands
Description: Jewellery ecommerce showroom theme with built-in Etsy buttons.
Version: 1.0
*/

:root {
  --gold:#c9a34e;
  --dark-gold:#967127;
  --cream:#fffaf0;
  --border:#eadfbd;
  --charcoal:#1f1f1f;
  --muted:#69655e;
}

* { box-sizing:border-box; }

body {
  margin:0;
  background:var(--cream);
  color:var(--charcoal);
  font-family:Arial, Helvetica, sans-serif;
}

a { text-decoration:none; color:inherit; }

.site-header {
  position:sticky;
  top:0;
  z-index:99;
  background:rgba(255,250,240,.97);
  border-bottom:1px solid var(--border);
  padding:16px 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.logo {
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.nav {
  display:flex;
  gap:20px;
  font-size:14px;
}

.nav a:hover { color:var(--dark-gold); }

.sg-button,
.etsy-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button {
  display:inline-block !important;
  background:linear-gradient(135deg,var(--gold),var(--dark-gold)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 24px !important;
  font-weight:700 !important;
  box-shadow:0 10px 24px rgba(150,113,39,.22);
}

.sg-button.secondary {
  background:#fff !important;
  color:var(--dark-gold) !important;
  border:1px solid var(--gold) !important;
}

.hero {
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:90px 24px;
  background:radial-gradient(circle at top right,rgba(201,163,78,.25),transparent 32%),linear-gradient(135deg,#fffaf0,#f5ecd3);
}

.hero-inner { max-width:960px; }

.eyebrow {
  color:var(--dark-gold);
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

h1,h2 {
  font-family:Georgia, 'Times New Roman', serif;
  font-weight:400;
  line-height:1.1;
}

h1 { font-size:clamp(42px,7vw,78px); margin:14px 0 20px; }
h2 { font-size:clamp(32px,4vw,48px); margin:10px 0 16px; }

.hero p,.section-heading p,.split p {
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.hero-actions {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:28px;
}

.trust-bar {
  max-width:1180px;
  margin:-45px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--border);
  border:1px solid var(--border);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(80,60,20,.1);
}

.trust-bar div {
  background:#fff;
  padding:24px;
}

.trust-bar strong { display:block; margin-bottom:6px; }
.trust-bar span { color:var(--muted); font-size:14px; }

.section,.split {
  max-width:1180px;
  margin:0 auto;
  padding:80px 24px;
}

.section-heading {
  max-width:780px;
  margin:0 auto 38px;
  text-align:center;
}

.cards,
.woocommerce ul.products {
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:24px !important;
}

.card,
.woocommerce ul.products li.product,
.woocommerce div.product div.images img,
.woocommerce div.product .summary,
.woocommerce-tabs {
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:0 14px 34px rgba(80,60,20,.07);
}

.card { padding:26px; }

.woocommerce ul.products li.product {
  width:auto !important;
  margin:0 !important;
  padding:14px !important;
  text-align:center;
}

.woocommerce ul.products li.product img {
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f5ecd3);
}

.woocommerce-loop-product__title {
  font-size:16px !important;
  line-height:1.35;
}

.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color:var(--dark-gold) !important;
  font-weight:800 !important;
}

.woocommerce div.product .product_title {
  font-family:Georgia, 'Times New Roman', serif;
  font-weight:400;
  font-size:clamp(34px,4vw,52px);
}

.woocommerce div.product .summary { padding:28px; }

.etsy-checkout-box {
  background:#fffdf6;
  border:1px solid var(--border);
  border-radius:20px;
  padding:18px;
  margin:20px 0;
}

.etsy-checkout-box p {
  color:var(--muted);
  line-height:1.5;
  margin:0 0 14px;
}

.split {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:34px;
  align-items:center;
}

.dark-card {
  background:#181714;
  color:#eee4c6;
  border:1px solid var(--gold);
  border-radius:28px;
  padding:38px;
}

.dark-card h3 { color:#f0d98a; }

.footer {
  background:#181714;
  color:#eee4c6;
  text-align:center;
  padding:34px 20px;
}

.footer a { color:#f0d98a; }

input,textarea,select {
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px 14px;
}

@media (max-width:900px) {
  .site-header { position:static; flex-direction:column; }
  .nav { flex-wrap:wrap; justify-content:center; }
  .trust-bar,.cards,.woocommerce ul.products,.split { grid-template-columns:1fr !important; }
  .trust-bar { margin:0 16px; }
  .hero { min-height:auto; padding:70px 18px; }
}