/*
Theme Name: Cloths Luxe
Theme URI: https://clothsluxe.com
Author: Cloths Luxe
Author URI: https://clothsluxe.com
Description: Premium luxury fashion WooCommerce theme. Category grid icon, dynamic nav from WooCommerce categories, collapsible sidebar subcategories, hero banners in WooCommerce Settings, styled auth buttons, WhatsApp float, legal pages from WooCommerce.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cloths-luxe
Tags: woocommerce, e-commerce, fashion, luxury, dark, gold
*/

:root {
  --cl-black:#0a0a0a; --cl-dark:#0e0e0e; --cl-card:#111; --cl-border:#1a1a1a;
  --cl-border-gold:rgba(201,168,76,0.13); --cl-gold:#C9A84C; --cl-gold-dark:#a8882e;
  --cl-gold-bg:rgba(201,168,76,0.08); --cl-gold-bg2:rgba(201,168,76,0.15);
  --cl-text:#ddd; --cl-text-muted:#999; --cl-text-dim:#777; --cl-text-faint:#555;
  --cl-white:#eee; --cl-danger:#c0392b; --cl-success:#25D366;
  --cl-radius:8px; --cl-radius-lg:14px;
  --cl-font-body:'DM Sans',sans-serif; --cl-font-display:'Playfair Display',serif;
  --cl-transition:0.3s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--cl-font-body);background:var(--cl-black);color:var(--cl-text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:color var(--cl-transition)} img{max-width:100%;height:auto;display:block} button{cursor:pointer;font-family:inherit}
::-webkit-scrollbar{width:5px} ::-webkit-scrollbar-track{background:var(--cl-card)} ::-webkit-scrollbar-thumb{background:#333;border-radius:5px}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes waPulse{0%{box-shadow:0 6px 24px rgba(37,211,102,.45)}50%{box-shadow:0 6px 24px rgba(37,211,102,.45),0 0 0 14px rgba(37,211,102,.1)}100%{box-shadow:0 6px 24px rgba(37,211,102,.45)}}

/* ── UTILITIES ── */
.cl-container{max-width:1400px;margin:0 auto;padding:0 24px}
.cl-gold-btn{padding:14px 36px;background:linear-gradient(135deg,var(--cl-gold),var(--cl-gold-dark));color:var(--cl-black);border:none;border-radius:var(--cl-radius);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all var(--cl-transition)}
.cl-gold-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.cl-outline-btn{padding:14px 36px;background:transparent;border:2px solid var(--cl-gold);color:var(--cl-gold);border-radius:var(--cl-radius);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:all var(--cl-transition)}
.cl-outline-btn:hover{background:var(--cl-gold);color:var(--cl-black)}
.cl-icon-btn{background:none;border:none;color:var(--cl-text);padding:10px;border-radius:var(--cl-radius);transition:all .2s;display:flex;align-items:center}
.cl-icon-btn:hover{background:var(--cl-gold-bg2);color:var(--cl-gold)}
.cl-section-label{font-size:11px;color:var(--cl-gold);text-transform:uppercase;letter-spacing:4px;margin-bottom:10px}
.cl-heading{font-family:var(--cl-font-display);color:var(--cl-white)}

/* ── TOP BAR ── */
.cl-topbar{background:#050505;border-bottom:1px solid var(--cl-border);padding:8px 0;font-size:12px}
.cl-topbar-inner{display:flex;align-items:center;justify-content:space-between}
.cl-social-icons{display:flex;gap:10px;align-items:center}
.cl-social-icons a{color:#777;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s}
.cl-social-icons a:hover{color:var(--cl-gold)}

/* AUTH BUTTONS */
.cl-auth-buttons{display:flex;align-items:center;gap:10px}
.cl-btn-signin{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;background:transparent;border:1.5px solid var(--cl-gold);color:var(--cl-gold);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .25s}
.cl-btn-signin:hover{background:var(--cl-gold);color:var(--cl-black)}
.cl-btn-signin svg{flex-shrink:0}
.cl-btn-signup{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;background:linear-gradient(135deg,var(--cl-gold),var(--cl-gold-dark));border:1.5px solid transparent;color:var(--cl-black);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .25s}
.cl-btn-signup:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 14px rgba(201,168,76,.35)}
.cl-btn-signup svg{flex-shrink:0;stroke:var(--cl-black)}

/* ── HEADER ── */
.cl-header{background:var(--cl-black);border-bottom:1px solid var(--cl-border-gold);padding:16px 0;position:sticky;top:0;z-index:100}
.cl-header-inner{display:flex;align-items:center;justify-content:space-between}
.cl-home-grid-btn{background:var(--cl-gold-bg2)!important;border-radius:10px!important;padding:10px!important;color:var(--cl-gold)!important;transition:all .25s!important}
.cl-home-grid-btn:hover{background:var(--cl-gold)!important;color:var(--cl-black)!important}
.cl-logo{display:flex;align-items:center;gap:12px;cursor:pointer}
.cl-logo-mark{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cl-gold),var(--cl-gold-dark));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--cl-black);font-family:var(--cl-font-display)}
.cl-logo-text{font-size:20px;font-family:var(--cl-font-display);color:var(--cl-white);letter-spacing:2px;line-height:1.1}
.cl-logo-tagline{font-size:9px;color:var(--cl-gold);letter-spacing:3px;text-transform:uppercase}
.cl-nav{display:flex;gap:28px}
.cl-nav a{color:#bbb;font-size:13px;letter-spacing:1px;font-weight:500;text-transform:uppercase;position:relative}
.cl-nav a:hover{color:var(--cl-gold)}
.cl-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--cl-gold);transition:width var(--cl-transition)}
.cl-nav a:hover::after{width:100%}
.cl-header-actions{display:flex;align-items:center;gap:6px}
.cl-badge{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:var(--cl-gold);color:var(--cl-black);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.cl-search-bar{padding:14px 24px 0;animation:slideDown .25s ease}
.cl-search-bar input{width:100%;padding:14px 20px;background:var(--cl-card);border:1px solid var(--cl-border-gold);border-radius:10px;color:var(--cl-white);font-size:14px;outline:none;font-family:var(--cl-font-body)}
.cl-search-bar input::placeholder{color:var(--cl-text-faint)}

/* ── HERO ── */
.cl-hero{position:relative;height:420px;overflow:hidden}
.cl-hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .8s ease}
.cl-hero-slide.active{opacity:1} .cl-hero-slide:not(.active){opacity:0}
.cl-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,10,.88) 0%,rgba(10,10,10,.45) 55%,transparent 100%)}
.cl-hero-content{position:relative;z-index:2;max-width:520px;height:100%;display:flex;flex-direction:column;justify-content:center}
.cl-hero h1{font-size:48px;font-family:var(--cl-font-display);color:#fff;line-height:1.1;margin-bottom:14px}
.cl-hero p{font-size:15px;color:#bbb;margin-bottom:28px;line-height:1.6}
.cl-hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.cl-hero-dot{height:8px;border-radius:4px;border:none;cursor:pointer;transition:all var(--cl-transition)}
.cl-hero-dot.active{width:28px;background:var(--cl-gold)} .cl-hero-dot:not(.active){width:8px;background:var(--cl-text-faint)}

/* ── SIDEBAR (Collapsible Categories) ── */
.cl-layout{display:flex;gap:28px;margin-top:28px}
.cl-sidebar{width:260px;min-width:260px;transition:all .35s ease}
.cl-sidebar.closed{width:0;min-width:0;overflow:hidden;opacity:0}
.cl-sidebar-inner{background:#0f0f0f;border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:20px 0;position:sticky;top:100px}
.cl-sidebar-title{padding:0 20px 16px;border-bottom:1px solid var(--cl-border);margin-bottom:8px;font-size:11px;color:var(--cl-gold);text-transform:uppercase;letter-spacing:3px;font-weight:600}

.cl-cat-item{display:flex;align-items:center;width:100%;padding:10px 20px;border:none;background:transparent;color:var(--cl-text-muted);font-size:13px;gap:12px;text-align:left;cursor:pointer;transition:all .2s;border-left:3px solid transparent;font-family:var(--cl-font-body)}
.cl-cat-item:hover{background:var(--cl-gold-bg);color:var(--cl-gold)}
.cl-cat-item.active{background:var(--cl-gold-bg);color:var(--cl-gold);border-left-color:var(--cl-gold)}
.cl-cat-item.active .cl-cat-name{font-weight:600}
.cl-cat-item .cl-cat-name{flex:1;color:inherit}
.cl-cat-item a.cl-cat-name{text-decoration:none}
.cl-cat-item a.cl-cat-name:hover{color:var(--cl-gold)}

/* Subcategory indent */
.cl-subcat-item{padding-left:52px}

/* Category thumbnail mini */
.cl-cat-thumb-mini{width:30px;height:30px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--cl-border);border:1px solid #333}
.cl-cat-thumb-mini img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cl-subcat-thumb{width:24px;height:24px}
.cl-cat-icon{font-size:14px;color:var(--cl-gold)}
.cl-cat-count{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--cl-border);color:var(--cl-text-faint)}
.cl-cat-item.active .cl-cat-count{background:var(--cl-gold-bg);color:var(--cl-gold)}

/* Chevron (expand/collapse arrow) */
.cl-cat-chevron{display:flex;align-items:center;transition:transform .3s ease;flex-shrink:0;color:var(--cl-text-faint)}
.cl-cat-chevron.open{transform:rotate(90deg)}
.cl-cat-parent{cursor:pointer}

/* Subcategories container */
.cl-subcats-wrap{overflow:hidden}

.cl-filter-section{padding:20px 20px 8px;border-top:1px solid var(--cl-border);margin-top:8px}
.cl-filter-title{font-size:11px;color:var(--cl-gold);text-transform:uppercase;letter-spacing:3px;font-weight:600;margin-bottom:14px}

/* ── PRODUCTS ── */
.cl-products-area{flex:1;padding-bottom:40px}
.cl-products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.cl-products-header h2{font-size:24px;font-family:var(--cl-font-display);color:var(--cl-white)}
.cl-products-header .count{font-size:13px;color:#666}
.cl-sort-select{background:var(--cl-card);border:1px solid #333;border-radius:var(--cl-radius);padding:8px 14px;color:#bbb;font-size:13px;outline:none;font-family:var(--cl-font-body)}
.cl-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.cl-product-card{background:var(--cl-card);border-radius:var(--cl-radius-lg);overflow:hidden;border:1px solid var(--cl-border);cursor:pointer;transition:border-color var(--cl-transition),box-shadow var(--cl-transition);animation:fadeUp .4s ease both}
.cl-product-card:hover{border-color:var(--cl-border-gold);box-shadow:0 8px 30px rgba(201,168,76,.08)}
.cl-product-image-wrap{position:relative;overflow:hidden;height:300px}
.cl-product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cl-product-card:hover .cl-product-image{transform:scale(1.06)}
.cl-product-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.cl-product-badge.sale{background:var(--cl-danger);color:#fff} .cl-product-badge.new{background:var(--cl-gold);color:var(--cl-black)}
.cl-product-discount{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;background:rgba(192,57,43,.9);color:#fff}
.cl-product-actions{position:absolute;bottom:0;left:0;right:0;padding:12px;display:flex;gap:8px;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transform:translateY(8px);transition:all .3s ease}
.cl-product-card:hover .cl-product-actions{opacity:1;transform:translateY(0)}
.cl-product-info{padding:16px 18px 18px}
.cl-product-cat{font-size:11px;color:rgba(201,168,76,.55);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.cl-product-name{font-size:15px;font-weight:500;color:var(--cl-white);margin-bottom:8px;line-height:1.3;display:block}
.cl-product-price{display:flex;align-items:center;gap:10px;margin-top:10px}
.cl-stars{display:inline-flex;gap:1px;align-items:center} .cl-stars svg{width:12px;height:12px} .cl-stars .rating-num{font-size:11px;color:var(--cl-text-muted);margin-left:4px}

/* ── NEWSLETTER ── */
.cl-newsletter{background:linear-gradient(135deg,var(--cl-card) 0%,var(--cl-black) 100%);border-top:1px solid var(--cl-border-gold);border-bottom:1px solid var(--cl-border);padding:48px 0;margin-top:40px}
.cl-newsletter-inner{max-width:600px;margin:0 auto;text-align:center}
.cl-newsletter h3{font-size:26px;font-family:var(--cl-font-display);color:var(--cl-white);margin-bottom:10px}
.cl-newsletter p{font-size:13px;color:#888;margin-bottom:24px}
.cl-newsletter-form{display:flex;gap:10px}
.cl-newsletter-form input{flex:1;padding:14px 18px;background:var(--cl-border);border:1px solid #333;border-radius:var(--cl-radius);color:var(--cl-white);font-size:14px;outline:none;font-family:var(--cl-font-body)}
.cl-newsletter-form input::placeholder{color:var(--cl-text-faint)}

/* ── FOOTER ── */
.cl-footer{background:#060606;border-top:1px solid var(--cl-border);padding:56px 0 0}
.cl-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.cl-footer h4{font-size:12px;color:var(--cl-gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px}
.cl-footer-links a{display:block;font-size:13px;color:var(--cl-text-dim);margin-bottom:12px} .cl-footer-links a:hover{color:var(--cl-gold)}
.cl-footer-contact div{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;color:var(--cl-text-dim)}
.cl-footer-contact svg{color:var(--cl-gold);flex-shrink:0}
.cl-footer-social{display:flex;gap:10px;margin-top:20px}
.cl-footer-social a{width:36px;height:36px;border-radius:var(--cl-radius);background:var(--cl-card);border:1px solid #222;color:#888;display:flex;align-items:center;justify-content:center}
.cl-footer-social a:hover{color:var(--cl-gold);border-color:var(--cl-gold)}
.cl-footer-bottom{border-top:1px solid var(--cl-border);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.cl-footer-bottom .copy{font-size:12px;color:var(--cl-text-faint)}
.cl-footer-legal{display:flex;gap:16px} .cl-footer-legal a{font-size:11px;color:var(--cl-text-faint)} .cl-footer-legal a:hover{color:var(--cl-gold)}

/* ── WHATSAPP FLOAT ── */
.cl-whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:9990;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,.45);transition:transform .25s,box-shadow .25s;animation:waPulse 2s infinite}
.cl-whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 32px rgba(37,211,102,.6)}
.cl-whatsapp-float svg{width:30px;height:30px;fill:#fff}
.cl-whatsapp-float .tooltip{position:absolute;right:72px;top:50%;transform:translateY(-50%);background:#fff;color:#333;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .3s}
.cl-whatsapp-float:hover .tooltip{opacity:1}
.cl-whatsapp-float .tooltip::after{content:'';position:absolute;top:50%;right:-6px;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}

/* ── CART DRAWER ── */
.cl-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--cl-transition)}
.cl-cart-overlay.open{opacity:1;pointer-events:all}
.cl-cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--cl-dark);border-left:1px solid var(--cl-border-gold);z-index:9999;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.cl-cart-drawer.open{transform:translateX(0)}
.cl-cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #1e1e1e}
.cl-cart-header h3{font-size:18px;font-family:var(--cl-font-display);color:var(--cl-gold)}
.cl-cart-body{flex:1;overflow-y:auto;padding:16px 24px}
.cl-cart-empty{text-align:center;padding:60px 0;color:var(--cl-text-faint)} .cl-cart-empty svg{margin:0 auto 16px;display:block}
.cl-cart-item{display:flex;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--cl-border)}
.cl-cart-item img{width:80px;height:100px;object-fit:cover;border-radius:var(--cl-radius)}
.cl-cart-item-info{flex:1}
.cl-cart-item-name{font-size:14px;color:var(--cl-text);margin-bottom:4px;font-weight:500}
.cl-cart-item-price{font-size:13px;color:var(--cl-gold);margin-bottom:10px}
.cl-qty-controls{display:inline-flex;align-items:center;border:1px solid #333;border-radius:6px;overflow:hidden}
.cl-qty-val{padding:0 12px;font-size:13px;color:var(--cl-text);min-width:20px;text-align:center}
.cl-cart-footer{padding:20px 24px;border-top:1px solid #1e1e1e}
.cl-cart-totals div{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;color:var(--cl-text-muted)}
.cl-cart-total-final{display:flex;justify-content:space-between;margin-bottom:18px;font-size:16px;color:var(--cl-white);font-weight:600;padding-top:10px;border-top:1px solid #222}
.cl-cart-total-final span:last-child{color:var(--cl-gold)}
.cl-checkout-btn{width:100%}
.cl-secure-badge{text-align:center;margin-top:10px;font-size:11px;color:#666;display:flex;align-items:center;justify-content:center;gap:4px}

/* ── WOOCOMMERCE OVERRIDES ── */
.woocommerce ul.products li.product{background:var(--cl-card);border-radius:var(--cl-radius-lg);border:1px solid var(--cl-border);overflow:hidden}
.woocommerce ul.products li.product .price{color:var(--cl-gold)!important;font-weight:700}
.woocommerce ul.products li.product .button{background:var(--cl-gold)!important;color:var(--cl-black)!important;border-radius:var(--cl-radius)!important;font-weight:700!important;text-transform:uppercase!important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--cl-gold);color:var(--cl-black);border-color:var(--cl-gold)}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--cl-gold)!important;color:var(--cl-black)!important;border-radius:var(--cl-radius)!important;font-weight:700!important}

/* ── AUTH FORM (Clean, no tabs) ── */
.cl-auth-wrapper{max-width:640px;margin:40px auto 60px;background:var(--cl-card);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:40px 36px}
.cl-auth-panel-header{text-align:center;margin-bottom:28px}
.cl-auth-panel-header h2{font-family:var(--cl-font-display);color:var(--cl-gold);font-size:28px;margin-bottom:6px}
.cl-auth-panel-header p{color:var(--cl-text-dim);font-size:13px}
.cl-remember-row{display:flex!important;align-items:center;justify-content:space-between}
.cl-remember-row label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--cl-text-muted)}
.cl-remember-row input[type="checkbox"]{accent-color:var(--cl-gold)}
.cl-forgot-link{font-size:13px;color:var(--cl-gold)!important}
.cl-forgot-link:hover{text-decoration:underline}
.cl-auth-switch{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--cl-border);font-size:14px;color:var(--cl-text-dim)}
.cl-auth-switch a{color:var(--cl-gold);font-weight:600;margin-left:4px}
.cl-auth-switch a:hover{text-decoration:underline}
.cl-auto-password-note{font-size:12px;color:var(--cl-text-dim);background:var(--cl-gold-bg);padding:10px 14px;border-radius:var(--cl-radius);border:1px solid var(--cl-border-gold);margin-bottom:10px}
@media(max-width:640px){.cl-auth-wrapper{margin:20px 16px 40px;padding:28px 20px}}

/* ── FOOTER LOGO (smaller) ── */
.cl-footer-logo-img img,.cl-footer-logo-img .custom-logo{max-width:48px!important;max-height:48px!important;width:48px!important;height:48px!important;border-radius:50%;object-fit:cover}
.cl-footer-logo-mark{width:36px!important;height:36px!important;font-size:14px!important}
.cl-footer-logo-text{font-size:16px!important;letter-spacing:1.5px!important}

/* ── WOOCOMMERCE REGISTRATION / MY ACCOUNT FORM ── */
.woocommerce-account .woocommerce{color:var(--cl-text)}
.woocommerce form.woocommerce-form-login,.woocommerce form.woocommerce-form-register{background:var(--cl-card);border:1px solid var(--cl-border);border-radius:var(--cl-radius-lg);padding:32px;max-width:600px}
.woocommerce form.woocommerce-form-register{max-width:700px}
.woocommerce form .form-row{margin-bottom:16px}
.woocommerce form .form-row label{display:block;font-size:12px;color:var(--cl-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:600}
.woocommerce form .form-row label .required{color:var(--cl-danger)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea{width:100%;padding:12px 16px;background:#1a1a1a;border:1px solid #333;border-radius:var(--cl-radius);color:var(--cl-white);font-size:14px;font-family:var(--cl-font-body);outline:none;transition:border-color .2s}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus,.woocommerce form .form-row textarea:focus{border-color:var(--cl-gold)}
.woocommerce form .form-row input.input-text::placeholder{color:var(--cl-text-faint)}
.woocommerce form .form-row select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.woocommerce form .form-row select option{background:#1a1a1a;color:var(--cl-white)}

/* Registration form grid layout */
.cl-reg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cl-reg-row .form-row{margin-bottom:0}
.cl-reg-section-title{font-family:var(--cl-font-display);color:var(--cl-gold);font-size:16px;margin:24px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--cl-border)}
.cl-reg-section-title:first-of-type{margin-top:0}
@media(max-width:600px){.cl-reg-row{grid-template-columns:1fr}}

.woocommerce form button.woocommerce-Button,.woocommerce form input[type="submit"]{width:100%;padding:14px;background:linear-gradient(135deg,var(--cl-gold),var(--cl-gold-dark))!important;color:var(--cl-black)!important;border:none!important;border-radius:var(--cl-radius)!important;font-size:14px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;cursor:pointer;transition:all .3s;margin-top:10px}
.woocommerce form button.woocommerce-Button:hover,.woocommerce form input[type="submit"]:hover{filter:brightness(1.1);transform:translateY(-1px)}

.woocommerce .woocommerce-error li,.woocommerce .woocommerce-message{color:var(--cl-text)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.cl-nav{display:none}.cl-footer-grid{grid-template-columns:1fr 1fr}.cl-sidebar{width:220px;min-width:220px}.cl-hero h1{font-size:36px}}
@media(max-width:768px){.cl-topbar-inner{flex-direction:column;gap:8px}.cl-auth-buttons{gap:6px}.cl-btn-signin,.cl-btn-signup{padding:6px 12px;font-size:11px}.cl-header-inner{flex-wrap:wrap;gap:10px}.cl-layout{flex-direction:column}.cl-sidebar{width:100%!important;min-width:100%!important}.cl-footer-grid{grid-template-columns:1fr}.cl-hero{height:320px}.cl-hero h1{font-size:28px}.cl-cart-drawer{width:100%}.cl-footer-bottom{flex-direction:column;text-align:center}.cl-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.cl-product-image-wrap{height:220px}}