/*
Theme Name: Calgirl Elementor Child
Theme URI: https://example.com/calgirl
Description: A brown, gold, white, and cream Elementor child theme for Calgirl. Built for WooCommerce and custom merchandise stores.
Author: OpenAI
Template: hello-elementor
Version: 1.0.0
Text Domain: calgirl-elementor-child
*/

:root{
  --calgirl-brown:#4a3326;
  --calgirl-brown-dark:#2f2119;
  --calgirl-gold:#c8a96b;
  --calgirl-gold-soft:#e3c894;
  --calgirl-cream:#f8f1e7;
  --calgirl-white:#ffffff;
  --calgirl-tan:#eadbc8;
  --calgirl-text:#3b2a20;
  --calgirl-muted:#7a6657;
  --calgirl-radius:18px;
  --calgirl-shadow:0 10px 30px rgba(47,33,25,.08);
}

body{
  color:var(--calgirl-text);
  background:var(--calgirl-white);
}

a{
  color:var(--calgirl-brown);
}
a:hover{
  color:var(--calgirl-gold);
}

.calgirl-site-header{
  background:var(--calgirl-white);
  border-bottom:1px solid rgba(74,51,38,.08);
  position:sticky;
  top:0;
  z-index:100;
}
.calgirl-site-header .wrap,
.calgirl-site-footer .wrap{
  width:min(1180px,92%);
  margin:0 auto;
}
.calgirl-site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
  gap:24px;
}
.calgirl-branding{
  display:flex;
  align-items:center;
  gap:14px;
}
.calgirl-branding img{
  max-height:52px;
  width:auto;
  border-radius:8px;
}
.calgirl-brand-text{
  line-height:1.1;
}
.calgirl-brand-text strong{
  display:block;
  font-size:1.15rem;
  color:var(--calgirl-brown-dark);
}
.calgirl-brand-text span{
  display:block;
  font-size:.82rem;
  color:var(--calgirl-muted);
}
.calgirl-primary-nav ul{
  list-style:none;
  display:flex;
  gap:22px;
  padding:0;
  margin:0;
}
.calgirl-primary-nav a{
  text-decoration:none;
  font-weight:600;
}

.calgirl-btn,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce a.button.alt{
  background:var(--calgirl-brown) !important;
  color:var(--calgirl-white) !important;
  border:none !important;
  border-radius:999px !important;
  padding:14px 26px !important;
  box-shadow:var(--calgirl-shadow);
}
.calgirl-btn:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover{
  background:var(--calgirl-gold) !important;
  color:var(--calgirl-brown-dark) !important;
}

.calgirl-accent-card{
  background:linear-gradient(180deg,var(--calgirl-cream),#fff);
  border:1px solid rgba(74,51,38,.08);
  border-radius:var(--calgirl-radius);
  box-shadow:var(--calgirl-shadow);
}

.calgirl-site-footer{
  background:var(--calgirl-brown-dark);
  color:#f6eee3;
  margin-top:60px;
}
.calgirl-site-footer .wrap{
  padding:44px 0;
}
.calgirl-site-footer a{
  color:var(--calgirl-gold-soft);
  text-decoration:none;
}
.calgirl-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:32px;
}
.calgirl-site-footer h3{
  color:#fff;
  margin-bottom:12px;
}
.calgirl-site-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}
.calgirl-site-footer li + li{
  margin-top:10px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border:1px solid rgba(74,51,38,.09);
  border-radius:20px;
  padding:16px;
  background:#fff;
  box-shadow:var(--calgirl-shadow);
}
.woocommerce div.product div.summary{
  padding-top:10px;
}
.woocommerce span.onsale{
  background:var(--calgirl-gold);
  color:var(--calgirl-brown-dark);
}

.elementor-widget-heading .elementor-heading-title{
  letter-spacing:.01em;
}
.elementor-widget-button .elementor-button{
  border-radius:999px;
  box-shadow:var(--calgirl-shadow);
}
.elementor-widget-icon-box,
.elementor-widget-image-box{
  border-radius:20px;
}

.calgirl-announcement-bar{
  background:var(--calgirl-brown-dark);
  color:#fff8ef;
  text-align:center;
  padding:10px 16px;
  font-size:.92rem;
}
.calgirl-announcement-bar strong{
  color:var(--calgirl-gold-soft);
}

@media (max-width: 900px){
  .calgirl-site-header .wrap{
    flex-direction:column;
    align-items:flex-start;
  }
  .calgirl-primary-nav ul{
    flex-wrap:wrap;
    gap:14px;
  }
  .calgirl-footer-grid{
    grid-template-columns:1fr;
  }
}