/*
Theme Name: Balaji Lights Divadandi
Theme URI: https://www.balajilights.com
Author: Balaji Lights
Author URI: https://www.balajilights.com
Description: Custom dark "Divadandi" e-commerce theme for Balaji Lights. WooCommerce-ready, with rotating-beam hero and amber accents.
Version: 3.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: balaji-divadandi
WC requires at least: 6.0
WC tested up to: 8.0
*/

:root{
  --night:#091310;--night-2:#0E1B15;--panel:#13241D;--line:#21372C;
  --beam:#FFE6A0;--amber:#FFB627;--crop:#5BC07E;
  --cream:#ECF3EC;--muted:#8FA89B;--muted-dim:#5E7568;--card-bg:#F6EFE0;--maxw:1180px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--cream);font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
h1,h2,h3,h4{font-family:"Bricolage Grotesque","Manrope",sans-serif;font-weight:800;line-height:1.06;letter-spacing:-.02em}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-weight:700}
::selection{background:var(--amber);color:#10180f}

.btn,.button,a.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce .button.alt{
  display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;
  padding:.78rem 1.4rem;border-radius:12px;cursor:pointer;border:1px solid transparent;
  background:var(--amber)!important;color:#16170c!important;transition:transform .2s,box-shadow .2s}
.btn:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(255,182,39,.6)}
.btn-ghost{background:transparent!important;color:var(--cream)!important;border-color:var(--line)}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber)!important}

/* header / nav */
header.nav{position:sticky;top:0;z-index:60;background:linear-gradient(to bottom,rgba(9,19,16,.96),rgba(9,19,16,.78));backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:18px}
.brand{display:flex;align-items:center;gap:.7rem}
.brand .mark{width:34px;height:34px;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(255,182,39,.55))}
.brand .name{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.22rem;line-height:1}
.brand .sub{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.nav-links{display:flex;gap:1.5rem;align-items:center;list-style:none;margin:0;padding:0}
.nav-links a{font-size:.92rem;color:var(--muted)}
.nav-links a:hover,.nav-links .current-menu-item>a{color:var(--cream)}

/* hero with rotating beam */
.hero{position:relative;overflow:hidden;padding:88px 0 92px;border-bottom:1px solid var(--line)}
.hero .field{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 50% 120%,#0c2017 0%,transparent 60%),linear-gradient(180deg,#07110D,#091611 55%,#0A1A12)}
.beacon{position:absolute;left:50%;bottom:-220px;transform:translateX(-50%);width:1300px;height:1300px;z-index:1;pointer-events:none;border-radius:50%;filter:blur(3px);mix-blend-mode:screen;animation:sweep 9s linear infinite;background:conic-gradient(from 0deg,rgba(255,230,160,0) 0deg,rgba(255,230,160,.32) 9deg,rgba(255,230,160,0) 26deg,rgba(255,230,160,0) 180deg,rgba(255,230,160,.22) 189deg,rgba(255,230,160,0) 206deg,rgba(255,230,160,0) 360deg)}
@keyframes sweep{to{transform:translateX(-50%) rotate(360deg)}}
.torch-source{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:90px;height:90px;border-radius:50%;z-index:2;background:radial-gradient(circle,#FFF6DE 0%,var(--beam) 35%,rgba(255,230,160,0) 70%);filter:blur(1px)}
.hero .wrap{position:relative;z-index:5}
.hero h1{font-size:clamp(2.5rem,6vw,4.4rem);margin:14px 0 0}
.hero h1 .hl{color:var(--beam)}
.hero p.lede{font-size:1.16rem;color:var(--cream);opacity:.9;max-width:42ch;margin:20px 0 28px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}

.trust{background:#06100C;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.tc{background:#06100C;padding:22px 18px;text-align:center}
.tc b{display:block;font-family:"Bricolage Grotesque";font-size:1.05rem}
.tc span{font-size:.8rem;color:var(--muted)}

section{padding:80px 0}
.sec-head{max-width:64ch}
.sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem)}
.sec-head p{color:var(--muted);font-size:1.06rem;margin-top:12px}
.page-head{position:relative;overflow:hidden;padding:64px 0 8px;border-bottom:1px solid var(--line);background:#06100C}
.page-head h1{font-size:clamp(2rem,5vw,3.2rem)}
.prose{max-width:720px}
.prose p{color:#cfddd3;margin:0 0 16px}
.prose h2,.prose h3{margin:28px 0 10px}

/* WooCommerce product grid -> themed cards */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;align-items:stretch;gap:20px;margin:40px 0 0}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{display:flex;flex-direction:column;width:auto!important;margin:0!important;float:none!important;
  border:1px solid var(--line);border-radius:16px;background:var(--night-2);padding:0;overflow:hidden;text-align:left}
.woocommerce ul.products li.product a img{background:#ffffff;margin:0 0 6px;padding:16px;object-fit:contain;width:100%;aspect-ratio:1/1;height:auto;border-radius:12px;display:block;box-sizing:border-box}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.05rem;line-height:1.3;color:var(--cream);padding:14px 18px 4px;min-height:calc(1.3em * 2 + 18px)}
.woocommerce ul.products li.product .price{display:block;color:var(--cream)!important;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.25rem;padding:0 18px 8px}
.woocommerce ul.products li.product .price del{color:var(--muted-dim)!important}
.woocommerce ul.products li.product .button{margin:auto 18px 18px}
.woocommerce .star-rating{color:var(--amber);margin:0 18px}

/* Quantity stepper shown on tiles after Add to cart */
.bld-qty{display:flex;align-items:center;justify-content:space-between;margin:auto 18px 8px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--night-2)}
.bld-qty button{flex:0 0 42px;height:38px;border:0;background:var(--amber);color:#141414;font-size:20px;font-weight:800;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:0}
.bld-qty button:active{filter:brightness(.92)}
.bld-qty .bld-qty-num{flex:1;text-align:center;color:var(--cream);font-family:"Bricolage Grotesque";font-weight:800;font-size:1.05rem;min-width:2ch}
.bld-qty-busy .bld-qty{opacity:.6;pointer-events:none}
/* Small, centered View cart button under the stepper */
ul.products li.product .bld-view-cart{display:block;width:max-content;margin:0 auto 16px;padding:6px 16px;font-size:.85rem;font-weight:700;color:var(--amber);background:transparent;border:1px solid var(--amber);border-radius:999px;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}
ul.products li.product .bld-view-cart:hover{background:var(--amber);color:#141414}
/* Hide WooCommerce's default inline "View cart" link if it ever appears */
ul.products li.product .added_to_cart{display:none!important}

/* Mobile + Android normalization: consistent rendering across devices */
.woocommerce ul.products li.product .button,.bld-qty button,.bld-view-cart{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.2;box-sizing:border-box}
@media (max-width:768px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.95rem;padding:10px 12px 2px;min-height:calc(1.3em * 2 + 12px)}
  .woocommerce ul.products li.product .price{padding:0 12px}
  .woocommerce ul.products li.product .button{margin:auto 12px 12px;padding:10px 12px;font-size:.9rem}
  .bld-qty{margin:auto 12px 6px}
  .bld-qty button{flex-basis:38px;height:34px;font-size:18px}
  ul.products li.product .bld-view-cart{margin-bottom:12px;padding:5px 14px;font-size:.8rem}
}
@media (max-width:400px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important}
}

/* "Newest Products" block (the "New in store" strip on the Cart page and elsewhere).
   This block uses .wc-block-grid__* classes — NOT ul.products — and by default it
   shrink-wraps each image, so the white tiles come out different sizes. Force the
   white image box to one fixed width + height and let the image fill it. */
.wc-block-grid__product .wc-block-grid__product-link{display:block!important;width:100%;text-decoration:none}
.wc-block-grid__product .wc-block-grid__product-image{display:flex!important;align-items:center;justify-content:center;width:100%!important;aspect-ratio:1/1!important;height:auto!important;box-sizing:border-box;background:#ffffff!important;border-radius:12px;padding:16px;margin:0 0 10px}
.wc-block-grid__product .wc-block-grid__product-image img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;background:transparent!important;padding:0!important;margin:0!important;border-radius:0}
.wc-block-grid__product .wc-block-grid__product-title{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.02rem;line-height:1.3;color:var(--cream);padding:2px 14px;min-height:calc(1.3em * 2 + 6px)}
.wc-block-grid__product .wc-block-grid__product-price{display:block;color:var(--cream)!important;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.2rem;padding:6px 14px 10px}
.wc-block-grid__product .wc-block-grid__product-add-to-cart a,.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link{display:block;width:auto;box-sizing:border-box;text-align:center;margin:0 14px 16px}

/* single product + cart on dark */
.woocommerce div.product .product_title{color:var(--cream)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--amber)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--night-2);border-top:3px solid var(--amber);color:var(--cream)}
.woocommerce table.shop_table,.woocommerce-cart table.cart{background:var(--night-2);border-color:var(--line)}

footer.site{border-top:1px solid var(--line);padding:48px 0 36px;background:#06100C;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot a{color:var(--cream)}
.foot a:hover{color:var(--amber)}
.copyright{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted-dim);font-size:.83rem}

/* base: hamburger hidden on desktop, nav grouped right */
.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:.45rem .5rem;color:var(--cream);cursor:pointer;line-height:0}
.nav-collapse{display:flex;align-items:center;gap:22px}
.mobile-search{display:none!important}

@media(max-width:900px){
  .menu-toggle{display:inline-flex}
  .nav-collapse{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:14px;
    background:var(--night-2);border-bottom:1px solid var(--line);padding:16px 22px 22px;box-shadow:0 24px 40px -16px rgba(0,0,0,.6)}
  header.nav.nav-open .nav-collapse{display:flex}
  .nav-links{display:flex!important;flex-direction:column;gap:4px;width:100%}
  .nav-links a{padding:10px 4px;display:block;color:var(--cream)}
  /* submenus: shown when parent tapped open */
  .nav-links .sub-menu,.nav-links ul.dd{position:static;opacity:1;visibility:visible;background:transparent;border:none;
    box-shadow:none;padding:2px 0 6px 14px;min-width:0;display:none}
  .nav-links li.open>.sub-menu,.nav-links li.open>ul.dd{display:block}
  .nav-links .sub-menu a,.nav-links ul.dd a{padding:8px 4px;color:var(--muted)}
  .nav-cta{flex-direction:column;align-items:stretch;width:100%;gap:10px;border-top:1px solid var(--line);padding-top:14px}
  .hsearch,.hsearch input[type=search]{width:100%}
  .nav-login,.nav-cart{width:100%;justify-content:center}

  .trust-grid{grid-template-columns:1fr 1fr}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}
  .hero{padding:60px 0 64px}
  .hero h1{font-size:clamp(2rem,9vw,3rem)}
  .page-head{padding:48px 0 6px;min-height:96px}
  section{padding:56px 0}

  /* search bar stays in the top bar, outside the hamburger menu */
  .mobile-search{display:flex!important;flex:1;min-width:0;margin:0 10px}
  .mobile-search input[type=search]{width:100%}
  .desktop-search{display:none!important}
  .nav-cta{flex-direction:column;align-items:stretch;width:100%;gap:10px;border-top:none;padding-top:0}

  /* keep the hero product card beside the text on mobile (desktop-style) */
  .hero-grid{grid-template-columns:1.5fr .8fr!important;gap:14px;align-items:center}
  .hero-imgwrap{position:relative;width:100%;max-width:140px;aspect-ratio:1/1;height:auto;padding:0;margin:0 auto;overflow:hidden}
  .hero-imgwrap img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:calc(100% - 22px);max-height:calc(100% - 22px);width:auto;height:auto;object-fit:contain}
}
@media(max-width:560px){
  .trust-grid{grid-template-columns:1fr 1fr}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}
  .hero h1{font-size:1.7rem}
  .hero p.lede{font-size:.98rem;margin:12px 0 18px}
  .hero-imgwrap{max-width:115px}
  .hero-cta{gap:8px}
  .hero-card{padding:12px}
  .hero-card-tag{font-size:.92rem}
  .hero-card-price{font-size:.9rem}
}
@media(max-width:560px){.woocommerce ul.products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* ===== v1.2 additions: dropdown nav, search, login, hero product card ===== */
.nav-links li{position:relative}
.nav-links .sub-menu,.nav-links ul.dd{
  position:absolute;top:100%;left:0;min-width:230px;list-style:none;margin:0;padding:12px 8px 8px;
  background:var(--night-2);border:1px solid var(--line);border-radius:12px;
  opacity:0;visibility:hidden;transition:opacity .18s;
  z-index:90;box-shadow:0 24px 50px -12px rgba(0,0,0,.6)}
.nav-links li:hover>.sub-menu,.nav-links li:hover>ul.dd,
.nav-links li:focus-within>.sub-menu,.nav-links li:focus-within>ul.dd{opacity:1;visibility:visible}
.nav-links .sub-menu a,.nav-links ul.dd a{display:block;padding:9px 12px;border-radius:8px;color:var(--cream);font-size:.9rem}
.nav-links .sub-menu a:hover,.nav-links ul.dd a:hover{background:rgba(255,182,39,.1);color:var(--amber)}

.nav-cta{display:flex;align-items:center;gap:10px}
.hsearch{display:flex;align-items:center}
.hsearch input[type=search]{
  background:var(--night-2);border:1px solid var(--line);border-radius:10px;color:var(--cream);
  padding:.5rem .75rem;font-size:.88rem;width:150px;transition:width .2s,border-color .2s}
.hsearch input[type=search]::placeholder{color:var(--muted-dim)}
.hsearch input[type=search]:focus{outline:none;border-color:var(--amber);width:200px}
.nav-login,.nav-cart{padding:.55rem 1.05rem!important;font-size:.9rem!important}

/* hero product card */
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero-card{display:block;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,var(--night-2),var(--night));padding:22px;text-align:center;transition:transform .25s,border-color .25s}
.hero-card:hover{transform:translateY(-4px);border-color:#33564455}
.hero-imgwrap{background:#ffffff;border-radius:14px;height:300px;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.hero-imgwrap img{max-height:100%;max-width:100%;object-fit:contain}
.hero-card-tag{margin-top:16px;font-family:"Bricolage Grotesque";font-weight:700;font-size:1.15rem;color:var(--cream)}
.hero-card-price{color:var(--amber);font-weight:700;margin-top:4px}
.hero-card-price del{color:var(--muted-dim)}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
}

/* prose link/strong colors for About & Contact pages */
.prose a{color:var(--amber)}
.prose a:hover{text-decoration:underline}
.prose strong{color:var(--cream)}
.prose h3{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.3rem;margin:26px 0 8px;color:var(--cream)}

/* ===== v1.4: rotating-beam banner on every page ===== */
.ph-field{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 130% at 50% 135%,#0c2017 0%,transparent 62%),linear-gradient(180deg,#07110D,#091611)}
.ph-beacon{position:absolute;left:50%;bottom:-560px;transform:translateX(-50%);width:1150px;height:1150px;z-index:0;pointer-events:none;border-radius:50%;filter:blur(3px);mix-blend-mode:screen;animation:sweep 10s linear infinite;background:conic-gradient(from 0deg,rgba(255,230,160,0) 0deg,rgba(255,230,160,.20) 8deg,rgba(255,230,160,0) 24deg,rgba(255,230,160,0) 180deg,rgba(255,230,160,.14) 188deg,rgba(255,230,160,0) 203deg,rgba(255,230,160,0) 360deg)}
.ph-torch{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:78px;height:78px;border-radius:50%;z-index:0;pointer-events:none;background:radial-gradient(circle,#FFF6DE 0%,var(--beam) 36%,rgba(255,230,160,0) 70%);filter:blur(1px)}
.page-head{min-height:120px}

/* ===== v1.5: dealer / business form ===== */
.bld-form{max-width:520px;margin-top:8px}
.bld-field{margin-bottom:15px}
.bld-field label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:7px}
.bld-field input,.bld-field textarea{width:100%;background:var(--night-2);border:1px solid var(--line);border-radius:11px;color:var(--cream);padding:.78rem .9rem;font-family:inherit;font-size:.96rem}
.bld-field input:focus,.bld-field textarea:focus{outline:none;border-color:var(--amber)}
.bld-note{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:.95rem}
.bld-note-ok{background:rgba(91,192,126,.12);border:1px solid #2f5c3a;color:#bfe9cd}
.bld-note-err{background:rgba(255,120,90,.12);border:1px solid #6b3a2f;color:#f0c9be}

/* ============ Premium single product page (Amazon/Flipkart style) ============ */
.single-product .page-head{display:none}
.woocommerce .woocommerce-breadcrumb{max-width:1180px;margin:22px auto 0;padding:0 22px;color:var(--muted-dim);font-size:.85rem}
.woocommerce .woocommerce-breadcrumb a{color:var(--muted)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--amber)}

.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:46px;max-width:1180px;margin:26px auto 60px;padding:0 22px;position:relative}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}

/* image panel */
.woocommerce div.product div.images .woocommerce-product-gallery{position:sticky;top:96px}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:26px;margin:0}
.woocommerce div.product div.images img{border-radius:10px}
.woocommerce div.product div.images .flex-control-thumbs{margin-top:14px;display:flex;gap:10px;padding:0}
.woocommerce div.product div.images .flex-control-thumbs li{width:64px;margin:0}
.woocommerce div.product div.images .flex-control-thumbs img{border:1px solid var(--line);border-radius:8px;background:#fff;padding:4px;aspect-ratio:1/1;object-fit:contain;width:100%;height:auto;box-sizing:border-box}
.woocommerce span.onsale{background:var(--amber);color:#16170c;border-radius:999px;font-weight:700;min-height:auto;min-width:auto;padding:.35rem .8rem;top:14px;left:14px;line-height:1.4}

/* summary */
.woocommerce div.product .product_title{font-family:"Bricolage Grotesque";font-weight:800;font-size:clamp(1.6rem,3vw,2.25rem);color:var(--cream);margin:0 0 10px;line-height:1.12}
.woocommerce div.product .woocommerce-product-rating{margin:0 0 14px}
.woocommerce .star-rating span::before,.woocommerce div.product .stars a{color:var(--amber)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--cream);font-family:"Bricolage Grotesque";font-weight:800;font-size:2rem;margin:4px 0 6px}
.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{color:var(--amber);text-decoration:none}
.woocommerce div.product p.price del{color:var(--muted-dim);font-size:1.15rem;font-weight:400;margin-right:8px}
.woocommerce div.product .price .woocommerce-Price-currencySymbol{font-weight:700}
.tax-incl-note{color:var(--muted);font-size:.78rem;margin:-2px 0 16px}
.woocommerce-product-details__short-description{color:#cfddd3;margin:14px 0 20px;line-height:1.65;border-top:1px solid var(--line);padding-top:18px}

/* quantity + add to cart */
.woocommerce div.product form.cart{margin:18px 0 6px;display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.woocommerce div.product form.cart .quantity{display:flex}
.woocommerce .quantity .qty{background:var(--night-2);border:1px solid var(--line);color:var(--cream);border-radius:12px;padding:.8rem;width:82px;height:100%;font-size:1rem}
.woocommerce div.product form.cart .button{font-size:1.02rem;padding:.95rem 2rem;border-radius:12px;flex:1;min-width:180px;justify-content:center}
.woocommerce div.product form.cart .button:hover{transform:translateY(-2px)}

/* meta */
.woocommerce div.product .product_meta{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}
.woocommerce div.product .product_meta>span{display:block;margin-bottom:6px}
.woocommerce div.product .product_meta a{color:var(--amber)}

/* trust badges */
.bld-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 4px}
.bld-badges .b{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--night-2)}
.bld-badges .b b{display:block;font-size:.82rem;color:var(--cream);font-weight:700}
.bld-badges .b span{font-size:.72rem;color:var(--muted)}

/* tabs */
.woocommerce div.product .woocommerce-tabs{grid-column:1 / -1;margin-top:34px}
.woocommerce div.product .woocommerce-tabs ul.tabs{border:none;padding:0;margin:0 0 22px;display:flex;gap:8px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--night-2);border:1px solid var(--line);border-radius:10px;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted);padding:.7rem 1.2rem;display:block;font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:rgba(255,182,39,.12);border-color:var(--amber)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--amber)}
.woocommerce div.product .woocommerce-tabs .panel{color:#cfddd3;line-height:1.7}
.woocommerce div.product .woocommerce-tabs .panel h2{color:var(--cream);font-family:"Bricolage Grotesque"}
.woocommerce table.shop_attributes{border:1px solid var(--line)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-color:var(--line);color:var(--cream)}

/* related / upsells */
.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1 / -1;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-family:"Bricolage Grotesque";color:var(--cream);font-size:1.6rem;margin-bottom:20px}

/* reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text{border:1px solid var(--line);border-radius:12px;background:var(--night-2)}
.woocommerce #review_form #respond textarea,.woocommerce #review_form #respond input[type=text],.woocommerce #review_form #respond input[type=email]{background:var(--night-2);border:1px solid var(--line);color:var(--cream);border-radius:10px;padding:.7rem}

@media(max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr;gap:22px;margin:16px auto 40px}
  .woocommerce div.product div.images .woocommerce-product-gallery{position:static}
  .bld-badges{grid-template-columns:1fr}
  .woocommerce div.product form.cart .button{min-width:140px}
}

/* ===== v2.9: readable sign-up & checkout fields ===== */
/* white input fields with dark text (like Amazon/Flipkart) */
.woocommerce-checkout .input-text,.woocommerce-checkout textarea,.woocommerce-checkout select,
.woocommerce form.register .input-text,
.wc-block-components-text-input input,.wc-block-components-textarea textarea,.wc-block-components-select select{
  background:#ffffff!important;color:#1c1c1c!important;border:1px solid #c9d2cb!important;border-radius:10px!important;padding:.8rem!important}
/* placeholders + block floating labels: dark & readable on white */
.woocommerce-checkout ::placeholder,.wc-block-components-text-input input::placeholder{color:#555!important;opacity:1!important}
.wc-block-components-text-input label,.wc-block-components-checkout-step label,.wc-block-checkout .wc-block-components-text-input label,.wc-block-components-combobox label{color:#4a4a4a!important;font-weight:500}
/* classic labels sit on the dark page background → keep them light */
.woocommerce-checkout > form .form-row > label,.woocommerce form.register > .form-row > label{color:var(--cream)!important;font-weight:600}
.woocommerce-checkout .required,.woocommerce form.register .required{color:var(--amber)}
/* sign-up: two-column names, spacing */
.woocommerce form.register .form-row{margin-bottom:14px}
.woocommerce form.register .form-row-first{width:48%;float:left}
.woocommerce form.register .form-row-last{width:48%;float:right}
.woocommerce form.register .clear{clear:both}
.woocommerce form.register .woocommerce-form__label-for-checkbox{color:var(--muted)}

/* ================= v3.0 ================= */

/* 1) Product suggestion lists (related / upsells / cross-sells): 3 col desktop, 2 col mobile */
.woocommerce .related ul.products,.woocommerce .up-sells ul.products,.woocommerce .cross-sells ul.products{grid-template-columns:repeat(3,1fr)!important}

/* 4) Single product main image = white 1:1 SQUARE, image contained.
   The gallery slider is disabled (see functions.php), so markup is plain and
   static. We square the image itself with aspect-ratio (no height chains, no
   flexslider viewport), and show only the main image. */
.woocommerce div.product .woocommerce-product-gallery{position:relative!important;height:auto!important;overflow:hidden!important;background:#ffffff!important;border:1px solid var(--line);border-radius:16px;margin:0;max-width:100%}
.woocommerce div.product .woocommerce-product-gallery__wrapper{position:static!important;display:block!important;width:100%!important;height:auto!important;transform:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.woocommerce div.product .woocommerce-product-gallery__image{position:static!important;float:none!important;display:block!important;width:100%!important;height:auto!important;margin:0!important}
.woocommerce div.product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child),
.woocommerce div.product .woocommerce-product-gallery__image ~ .woocommerce-product-gallery__image{display:none!important}
.woocommerce div.product .woocommerce-product-gallery__image a{display:block!important;width:100%!important;height:auto!important}
.woocommerce div.product .woocommerce-product-gallery__image img{position:static!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#ffffff!important;padding:22px!important;box-sizing:border-box!important;display:block!important;max-width:100%!important}
.woocommerce div.product .flex-viewport{height:auto!important;max-height:none!important;overflow:visible!important}
.woocommerce div.product .woocommerce-product-gallery__trigger{z-index:6}

/* shop/grid tiles already square+white — reinforce "contain" so 16:9 fits with white blanks */
.woocommerce ul.products li.product a img{object-fit:contain!important;background:#ffffff!important}

/* 3) My Account — premium, responsive dashboard */
.woocommerce-account .woocommerce{max-width:1180px;margin:0 auto;padding:0 22px}
.woocommerce-account .woocommerce-MyAccount-navigation{width:26%;float:left}
.woocommerce-account .woocommerce-MyAccount-content{width:70%;float:right}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--night-2)}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:none}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:13px 18px;color:var(--muted);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:rgba(255,182,39,.12);color:var(--amber)}
.woocommerce-account .woocommerce-MyAccount-content{color:#cfddd3}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--amber)}
.woocommerce-account .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce-MyAccount-content h3{font-family:"Bricolage Grotesque";color:var(--cream)}
.woocommerce-account table.shop_table{border:1px solid var(--line)!important;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--night-2);width:100%}
.woocommerce-account table.shop_table thead th{background:#06100C;color:var(--cream);padding:13px 14px;font-weight:700;border:none}
.woocommerce-account table.shop_table td{color:#cfddd3;border-top:1px solid var(--line);padding:13px 14px;vertical-align:middle}
.woocommerce-account table.shop_table td .button,.woocommerce-account .button,.woocommerce-account .woocommerce-button{background:var(--amber)!important;color:#16170c!important;border-radius:10px;padding:.5rem .95rem;margin:2px;display:inline-block}
.woocommerce-account .woocommerce-Address{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--night-2)}
.woocommerce-account .woocommerce-Address address{color:#cfddd3}

@media(max-width:768px){
  /* stack My Account nav + content */
  .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px}
  /* turn wide tables into stacked cards */
  .woocommerce-account table.shop_table thead{display:none}
  .woocommerce-account table.shop_table tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
  .woocommerce-account table.shop_table tr:last-child{border-bottom:none}
  .woocommerce-account table.shop_table td{display:flex;justify-content:space-between;align-items:center;gap:14px;border:none;padding:9px 14px;text-align:right}
  .woocommerce-account table.shop_table td::before{content:attr(data-title);color:var(--muted);font-weight:600;text-align:left;flex:0 0 auto}
  .woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions{justify-content:flex-end;flex-wrap:wrap}
}

/* ===== v3.1: WooCommerce block product grids ("New in store", block cart/shop) ===== */
/* white SQUARE image tiles, any ratio fits (blank stays white) */
.wc-block-grid__product-image,.wc-block-components-product-image,.wp-block-woocommerce-product-image{
  background:#ffffff!important;border:1px solid var(--line);border-radius:12px;aspect-ratio:1/1;
  display:flex!important;align-items:center;justify-content:center;overflow:hidden;padding:14px;margin:0 0 10px}
.wc-block-grid__product-image img,.wc-block-components-product-image img,.wp-block-woocommerce-product-image img{
  width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;background:#fff}
.wc-block-grid__product{text-align:left}
.wc-block-grid__product-title,.wc-block-components-product-name{color:var(--cream)!important;font-family:"Bricolage Grotesque";font-weight:700}
.wc-block-grid__product-price,.wc-block-components-product-price{color:var(--amber)!important}
.wc-block-grid__product .wp-block-button__link,.wc-block-grid__product .add_to_cart_button,.wc-block-grid__product a.button{
  background:var(--amber)!important;color:#16170c!important;border-radius:10px!important}

/* force a clean 2-col grid on mobile, 3-4 col on desktop */
ul.wc-block-grid__products{display:grid!important;gap:18px;margin:0;padding:0}
ul.wc-block-grid__products li.wc-block-grid__product{width:auto!important;margin:0!important;padding:0!important;min-width:0}
.wc-block-grid.has-3-columns ul.wc-block-grid__products{grid-template-columns:repeat(3,1fr)}
.wc-block-grid.has-4-columns ul.wc-block-grid__products{grid-template-columns:repeat(4,1fr)}
.wc-block-grid.has-5-columns ul.wc-block-grid__products{grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){
  ul.wc-block-grid__products{grid-template-columns:1fr 1fr!important}
}

/* ===== v3.2: professional widths & compact grids ===== */
/* Cart / Checkout / My Account get a proper wide container (not the narrow text width) */
.wc-page{max-width:1180px;margin:0 auto;padding:0 22px}
.wc-page .wp-block-woocommerce-cart,.wc-page .wp-block-woocommerce-checkout,.wc-page .alignwide,.wc-page .alignfull{max-width:100%!important;margin-left:0;margin-right:0}

/* Shop / category archive: constrain width + compact 4-column grid */
.woocommerce-page .site-main,.woocommerce-page .content-area,.post-type-archive-product .site-main,.tax-product_cat .site-main{max-width:1180px;margin:0 auto;padding:0 22px}
.post-type-archive-product ul.products,.tax-product_cat ul.products{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1100px){.post-type-archive-product ul.products,.tax-product_cat ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.post-type-archive-product ul.products,.tax-product_cat ul.products{grid-template-columns:1fr 1fr!important}}

/* keep the very wide shop image tiles reasonable */
.woocommerce ul.products li.product h3,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem}

/* block-grid "New in store": buttons must not wrap into vertical text */
.wc-block-grid__product .wp-block-button__link,.wc-block-grid__product a.button,.wc-block-grid__product .add_to_cart_button{
  white-space:nowrap!important;display:inline-block!important;width:auto!important;padding:.55rem 1.1rem!important;word-break:normal!important}
.wc-block-grid__product .wc-block-grid__product-add-to-cart{margin-top:10px}
.wc-block-grid__product-title{font-size:1rem;margin:6px 0}

/* Site-wide trust strip (Pan-India delivery / Damage replacement / Secure payment) */
.bld-trust-strip{background:var(--night-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.bld-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bld-trust-item{display:flex;align-items:center;gap:12px;justify-content:center}
.bld-trust-ic{flex:0 0 auto;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(244,167,44,.12);color:var(--amber)}
.bld-trust-item strong{display:block;font-family:'Bricolage Grotesque';font-weight:700;color:var(--cream);font-size:.98rem}
.bld-trust-item small{display:block;color:var(--muted,#9bb0a4);font-size:.8rem;margin-top:2px}
@media(max-width:760px){.bld-trust-grid{grid-template-columns:1fr;gap:14px}.bld-trust-item{justify-content:flex-start}}

/* Long-form page (prose) lists + headings on dark — used by Privacy Policy etc. */
.prose h2{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.55rem;margin:30px 0 10px;color:var(--cream)}
.prose ul,.prose ol{color:#cfddd3;margin:0 0 16px;padding-left:22px}
.prose li{margin:0 0 8px;line-height:1.6}
.prose ul li::marker{color:var(--amber)}