/* Style Glamz v1.2 — white header/footer, purple topbar, blog, dashboard */

/* ── Topbar (#1a0533) ── */
.topbar{
  background:#1a0533 !important;
  color:#fff;
  height:auto;
  min-height:36px;
  padding:8px 16px;
  flex-wrap:wrap;
}
.topbar .tb-text{color:rgba(255,255,255,.92)!important}
.topbar .tb-dot{color:rgba(255,255,255,.35)!important}

/* ── White navbar ── */
.navbar{
  background:#ffffff !important;
  border-bottom:1px solid var(--bd) !important;
  box-shadow:none !important;
  position:relative !important;
}
.logo-name{color:var(--dp)!important}
.logo-name span{color:var(--pur)!important}
.logo-sub{color:rgba(26,5,51,.4)!important}
.nav-links a{
  color:rgba(26,5,51,.62)!important;
  border-bottom-color:transparent!important;
}
.nav-links a:hover,
.nav-links a.active{color:var(--pur)!important;border-bottom-color:var(--pur)!important}
.nav-links a.sale-link{color:var(--mag)!important}
.nav-links a.sale-link:hover{color:var(--dp)!important;border-bottom-color:var(--mag)!important}
.nav-icon{color:rgba(26,5,51,.55)!important}
.nav-icon:hover{color:var(--pur)!important}
.nav-toggle{color:var(--dp)!important}
.logo-img{background:transparent!important}
@media(max-width:980px){
  .nav-links{
    background:#fff!important;
    border-bottom:1px solid var(--bd)!important;
  }
}

/* ── White footer ── */
footer{
  background:#ffffff !important;
  border-top:1px solid var(--bd) !important;
}
.footer-logo-name{color:var(--dp)!important}
.footer-logo-name span{color:var(--pur)!important}
.footer-tagline{color:var(--mt)!important}
.footer-col h4{color:rgba(26,5,51,.45)!important}
.footer-col a{color:rgba(26,5,51,.65)!important}
.footer-col a:hover{color:var(--pur)!important}
.footer-copy{color:rgba(26,5,51,.4)!important}
.social-btn{
  border-color:var(--bd)!important;
  background:#fff!important;
}
.social-btn i{color:var(--mt)!important}
.social-btn:hover{border-color:var(--pur)!important;background:var(--pale)!important}
.social-btn:hover i{color:var(--pur)!important}
.pay-badge{
  background:var(--pale)!important;
  border-color:var(--bd)!important;
  color:var(--mt)!important;
}
.footer-grid{
  border-bottom-color:var(--bd)!important;
}

/* ── Product images 1:1 ── */
.prod-img,
.gallery-main,
.woocommerce div.product div.images img,
.woocommerce-product-gallery__image img{
  aspect-ratio:1/1 !important;
  object-fit:cover;
}
.prod-img{overflow:hidden}
.prod-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* ── Blog cards 16:9 ── */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.blog-card{
  background:#fff;
  border:1px solid var(--bd);
  border-radius:14px;
  overflow:hidden;
  transition:box-shadow .3s,transform .3s;
  text-decoration:none;
  color:inherit;
  display:block;
}
.blog-card:hover{
  box-shadow:0 16px 40px rgba(124,47,168,.14);
  transform:translateY(-4px);
}
.blog-card-img{
  aspect-ratio:16/9;
  width:100%;
  object-fit:cover;
  display:block;
  background:linear-gradient(135deg,#f5eeff,#e9d5ff);
}
.blog-card-body{padding:18px 20px 22px}
.blog-card-cat{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--pur);font-weight:600;margin-bottom:8px;
}
.blog-card-title{
  font-family:'Playfair Display',serif;
  font-size:20px;color:var(--tx);line-height:1.3;margin-bottom:8px;
}
.blog-card-excerpt{font-size:13px;color:var(--mt);line-height:1.7;margin-bottom:12px}
.blog-card-meta{font-size:11px;color:var(--mt);letter-spacing:.5px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}

/* Blog archive / single */
.blog-hero-img{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:14px;margin-bottom:28px;display:block}
.blog-single{max-width:820px;margin:0 auto}
.blog-single .entry-content{font-size:15px;line-height:1.9;color:var(--tx)}
.blog-single .entry-content img{max-width:100%;height:auto;border-radius:10px;aspect-ratio:16/9;object-fit:cover}
.blog-single h1{font:600 clamp(32px,4vw,48px) 'Playfair Display';margin:0 0 12px;color:var(--tx)}

/* Category hero with featured image right */
.category-hero.has-feature{
  padding:0;
}
.category-hero-grid{
  max-width:1240px;margin:auto;
  display:grid;grid-template-columns:1.05fr .95fr;
  align-items:stretch;min-height:320px;
  position:relative;z-index:1;
}
.category-hero-content{padding:64px 48px 58px}
.category-hero-media{
  min-height:300px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  position:relative;
}
.category-hero-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(26,5,51,.55),transparent 55%);
}
@media(max-width:980px){
  .category-hero-grid{grid-template-columns:1fr}
  .category-hero-media{min-height:220px}
  .category-hero-content{padding:42px 22px}
}

/* Customer dashboard */
.sg-account{max-width:1100px;margin:40px auto 70px;padding:0 22px}
.sg-account-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}
.sg-account-nav{
  background:#fff;border:1px solid var(--bd);border-radius:14px;padding:18px;height:max-content;position:sticky;top:100px
}
.sg-account-nav a{
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-radius:8px;text-decoration:none;
  color:var(--mt);font-size:13px;margin-bottom:4px;transition:all .2s
}
.sg-account-nav a:hover,.sg-account-nav a.is-active{
  background:var(--pale);color:var(--pur);font-weight:600
}
.sg-account-panel{
  background:#fff;border:1px solid var(--bd);border-radius:14px;padding:28px
}
.sg-account-panel h2{font:600 28px 'Playfair Display';margin:0 0 8px;color:var(--tx)}
.sg-account-panel p.lead{color:var(--mt);font-size:13px;margin-bottom:22px}
.sg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sg-form-grid .full{grid-column:1/-1}
.sg-field label{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:7px;color:var(--tx)}
.sg-field input,.sg-field select,.sg-field textarea{
  width:100%;padding:12px;border:1px solid var(--bd);border-radius:8px;font:13px Montserrat;background:#fff
}
.sg-phone-row{display:grid;grid-template-columns:110px 1fr;gap:8px}
.sg-btn{
  display:inline-block;border:0;border-radius:8px;
  background:linear-gradient(90deg,var(--pur),var(--mag));
  color:#fff!important;padding:13px 24px;font:700 11px Montserrat;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-decoration:none
}
.sg-btn-outline{
  background:#fff;color:var(--pur)!important;border:1.5px solid var(--pur);padding:12px 22px;border-radius:8px;
  font:700 11px Montserrat;letter-spacing:1px;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block
}
.sg-btn-danger{background:#fff;color:#c026a8!important;border:1.5px solid #c026a8;padding:10px 16px;border-radius:8px;font:700 10px Montserrat;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.sg-orders-table{width:100%;border-collapse:collapse;font-size:13px}
.sg-orders-table th{text-align:left;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mt);padding:10px 8px;border-bottom:1px solid var(--bd)}
.sg-orders-table td{padding:14px 8px;border-bottom:1px solid #f0eaf8;vertical-align:middle;color:var(--tx)}
.sg-status{
  display:inline-block;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase
}
.sg-status-processing,.sg-status-pending{background:#fff0f9;color:var(--mag)}
.sg-status-completed{background:#f0fdf4;color:#16a34a}
.sg-status-cancelled,.sg-status-failed{background:#fef2f2;color:#dc2626}
.sg-status-on-hold{background:var(--pale);color:var(--pur)}
.sg-auth-wrap{max-width:920px;margin:50px auto;padding:0 22px}
.sg-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sg-auth-card{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:28px}
.sg-auth-card h2{font:600 26px 'Playfair Display';margin:0 0 18px}
.sg-track-box{background:var(--pale);border:1px solid var(--bd);border-radius:12px;padding:18px;margin-top:16px}
.sg-track-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sg-track-step{flex:1;min-width:120px;background:#fff;border:1px solid var(--bd);border-radius:8px;padding:12px;text-align:center;font-size:11px;color:var(--mt)}
.sg-track-step.done{border-color:var(--pur);color:var(--pur);font-weight:600}
.sg-notice{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}
.sg-notice-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.sg-notice-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
@media(max-width:800px){
  .sg-account-grid,.sg-auth-grid,.sg-form-grid{grid-template-columns:1fr}
  .sg-account-nav{position:static}
}

/* WooCommerce my-account skin */
.woocommerce-account .woocommerce{max-width:1100px;margin:40px auto;padding:0 22px}
.woocommerce-MyAccount-navigation{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:12px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li a{
  display:block;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--mt);font-size:13px
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{background:var(--pale);color:var(--pur);font-weight:600}
.woocommerce-MyAccount-content{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:28px}
