/* ===== NO TEARS MASTER DESIGN SYSTEM ===== */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
    --bg: #0A0A0A;
    --bg-card: #111111;
    --gold: #D4AF37;
    --gold-light: #E8C547;
    --white: #FFFFFF;
    --gray: #888888;
    --border: #222222;
}

body {
    background-color: var(--bg) !important;
    color: var(--white) !important;
    font-family: 'Inter', sans-serif !important;
}

/* REPLACE LOGO TEXT WITH OFFICIAL IMAGE LOGO IN HEADER & FOOTER */
header a.brand,
.site-header a.brand,
a.brand,
.site-title a,
.custom-logo-link,
.brand-logo-link {
    background-image: url('https://divafits.com/wp-content/uploads/2026/08/notears_official_logo.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    width: 220px !important;
    height: 48px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}

header a.brand *,
.site-header a.brand *,
a.brand *,
.site-title a * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    font-size: 0 !important;
}

/* Hide WP default onsale badge */
span.onsale {
    display: none !important;
}

/* Global Buttons */
.btn-pill,
.button,
button,
a.button {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-gold,
.single-product button.single_add_to_cart_button,
.single-product .button.alt,
.woocommerce button.single_add_to_cart_button {
    background: var(--gold) !important;
    background-color: var(--gold) !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 25px rgba(212,175,55,0.4) !important;
}

.btn-gold:hover,
.single-product button.single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover {
    background: var(--gold-light) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 0 35px rgba(212,175,55,0.6) !important;
}

.btn-outline,
a.btn-outline,
.elementor-button {
    background: transparent !important;
    color: var(--white) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* Single Product WooCommerce Styling */
.single-product div.product {
    background: var(--bg) !important;
    color: var(--white) !important;
    max-width: 1200px !important;
    margin: 100px auto 60px !important;
    padding: 0 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: start !important;
}

.single-product div.product .product_title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 56px !important;
    letter-spacing: 2px !important;
    color: var(--white) !important;
    text-transform: uppercase !important;
}

.single-product div.product p.price {
    color: var(--gold) !important;
    font-size: 34px !important;
    font-weight: 700 !important;
}

.single-product div.product form.cart .variations select {
    background: #111111 !important;
    border: 1px solid var(--gold) !important;
    color: var(--white) !important;
    padding: 16px 20px !important;
    border-radius: 14px !important;
}

/* ===== SINGLE PRODUCT — MATCH HTML REFERENCE DESIGN ===== */
.single-product div.product{
  display:grid; grid-template-columns:1fr 1fr; gap:60px;
  align-items:start !important;
  max-width:1200px; margin:90px auto 60px; padding:0 24px;
}

/* breadcrumb */
.woocommerce-breadcrumb{margin:0 0 2.5rem;font-size:.85rem;color:var(--gray);}
.woocommerce-breadcrumb a{color:var(--gold);text-decoration:none;}

/* gallery --> .gallery rounded card (FULL COLUMN) */
.single-product div.images{margin:0;}
.single-product div.images .woocommerce-product-gallery__image:first-child img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border:1px solid var(--border); border-radius:1.5rem;
}
.single-product div.images .flex-control-thumbs{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;}
.single-product div.images .flex-control-thumbs img{
  width:4.5rem;height:4.5rem;object-fit:cover;border:1px solid var(--border);
  border-radius:.5rem;opacity:.7;cursor:pointer;}
.single-product .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--gold);}

/* label eyebrow + title */
.single-product .summary{position:relative;}
.single-product .summary .product_title::before{
  content:"BEST SELLER";
  display:block; font-family:var(--font-display); letter-spacing:.35em;
  font-size:.85rem; color:var(--gold); margin-bottom:1.25rem;
}
.single-product .summary .product_title{
  font-family:'Bebas Neue',sans-serif; font-size:clamp(2.8rem,6vw,4.5rem);
  line-height:.92; letter-spacing:.01em; text-transform:uppercase; color:#fff; margin:0;border-bottom:none;
}
.single-product .summary .price{
  font-family:'Bebas Neue',sans-serif; font-size:2.2rem; color:var(--gold);
  margin:1.25rem 0; order:2; display:flex; gap:.75rem; align-items:baseline;
}
.single-product .summary .price del{color:#888;font-size:1.3rem;opacity:1;text-decoration:line-through;}
.single-product .summary .price ins{text-decoration:none;}
.single-product .woocommerce-product-details__short-description{margin-top:1.5rem;color:var(--gray);line-height:1.7;max-width:34rem;}

/* variation selector --> .variation-options cards feel */
.single-product form.cart .variations{margin:2rem 0 1.5rem;}
.single-product form.cart .variations th{display:none;}
.single-product form.cart .variations label{
  font-family:'Bebas Neue',sans-serif;letter-spacing:.25em;text-transform:uppercase;
  color:var(--gray);font-size:.85rem;margin-bottom:.6rem;
}
.single-product form.cart .variations select{
  width:100%;background:#111;border:1px solid var(--gold);color:#fff;
  padding:1rem 1.2rem;border-radius:.9rem;font-size:1rem;
}

/* quantity stepper */
.single-product .quantity{margin-top:.5rem;display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;width:max-content;background:#111;}
.single-product .quantity .qty{width:3.2rem;text-align:center;background:none;border:none;color:#fff;font-size:1rem;font-weight:600;}
.single-product .quantity .minus,.single-product .quantity .plus{
  width:2.6rem;height:2.6rem;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;}

/* buy button --> .buy-btn pill */
.single-product .single_add_to_cart_button{
  display:block;width:100%;margin-top:1.5rem;
  background:var(--gold);color:#000;font-family:'Bebas Neue',sans-serif;
  letter-spacing:.18em;font-size:1.15rem;text-transform:uppercase;
  padding:1rem 2rem;border:none;border-radius:999px;box-shadow:0 0 25px rgba(212,175,55,.4);
}

/* info blocks (tabs) --> .info-block */
.single-product .woocommerce-tabs{margin-top:3.5rem;border-top:1px solid var(--border);padding-top:2.5rem;clear:both;}
.single-product .woocommerce-tabs ul.tabs{border:none;margin:0 0 1.5rem;padding:0;}
.single-product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--border);}
.single-product .woocommerce-tabs ul.tabs li{border:none;background:none;margin:0;}
.single-product .woocommerce-tabs ul.tabs li a{color:var(--gray);font-family:'Bebas Neue',sans-serif;letter-spacing:.15em;text-transform:uppercase;font-size:1rem;}
.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--gold);}
.single-product .woocommerce-tabs .panel{color:var(--gray);line-height:1.7;}
.single-product .woocommerce-tabs .panel h2{font-family:'Bebas Neue',sans-serif;color:#fff;font-size:1.6rem;letter-spacing:.05em;text-transform:uppercase;}
.single-product .woocommerce-tabs .panel table th,.single-product .woocommerce-tabs .panel table td{color:var(--gray);border-color:var(--border);padding:.7rem;}

/* related -- HTML uses .product-detail default, keep grid tidy */
.single-product .related.products{margin-top:3.5rem;border-top:1px solid var(--border);padding-top:2.5rem;clear:both;}
.single-product .related.products>h2{font-family:'Bebas Neue',sans-serif;color:#fff;letter-spacing:.05em;font-size:1.8rem;margin-bottom:1.5rem;}
@media(max-width:900px){
  .single-product div.product{grid-template-columns:1fr;gap:2.5rem;}
}