/*
Theme Name: Timeless Trends
Theme URI: https://timelesstrendsco.uk
Author: Timeless Trends
Description: Luxury South Asian fashion theme for Timeless Trends UK
Version: 2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: timelesstrends
Tags: woocommerce, e-commerce, fashion, luxury
*/

:root {
  --bg:#1A1614; --bg2:#221E1B; --bg3:#2A2420;
  --cream:#E8E0D4; --cream2:#D4C8B8; --clay:#9A7A58; --clay-light:#B8935A;
  --ink:#F0E8DC; --ink-soft:rgba(240,232,220,0.6); --ink-faint:rgba(240,232,220,0.28);
  --gold:#C9A96E; --gold-border:rgba(201,169,110,0.2); --ruby:#7A1E2A;
  --border:rgba(201,169,110,0.15);
  --font-serif:'Cormorant Garamond',Georgia,serif;
  --font-sans:'DM Sans',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button{cursor:pointer;font-family:var(--font-sans);}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.15;}
.serif{font-family:var(--font-serif);}

/* NAV */
.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:0.5px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;max-width:1400px;margin:0 auto;}
.site-logo{font-family:var(--font-serif);font-size:21px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);}
.main-nav{display:flex;gap:32px;}
.main-nav a{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);transition:color 0.2s;}
.main-nav a:hover{color:var(--gold);}
.nav-actions{display:flex;gap:16px;align-items:center;}
.nav-actions a{font-size:17px;color:var(--ink-soft);transition:color 0.2s;}
.nav-actions a:hover{color:var(--gold);}
.nav-cart-btn{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;background:var(--gold);color:var(--bg);padding:9px 20px;border-radius:1px;border:none;display:flex;align-items:center;gap:7px;transition:opacity 0.2s;}
.nav-cart-btn:hover{opacity:0.85;}
.hamburger{display:none;background:none;border:none;font-size:22px;color:var(--ink);}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;}
.hero-text{display:flex;flex-direction:column;justify-content:center;padding:56px 48px;background:var(--bg2);border-right:0.5px solid var(--border);}
.hero-eyebrow{font-size:9px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.hero-eyebrow::before{content:'';display:block;width:24px;height:0.5px;background:var(--gold);}
.hero-title{font-family:var(--font-serif);font-size:50px;font-weight:300;line-height:1.08;color:var(--cream);}
.hero-title em{font-style:italic;color:var(--gold);}
.hero-desc{font-size:13px;line-height:1.85;color:var(--ink-soft);max-width:310px;margin:22px 0 36px;}
.hero-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.btn-primary{background:var(--gold);color:var(--bg);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:12px 28px;border-radius:1px;border:none;transition:opacity 0.2s;}
.btn-primary:hover{opacity:0.85;}
.btn-ghost{background:transparent;color:var(--cream2);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:12px 0;border:none;border-bottom:0.5px solid var(--clay);transition:color 0.2s;}
.btn-ghost:hover{color:var(--gold);}
.hero-image{position:relative;overflow:hidden;}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.hero-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:linear-gradient(to top,rgba(26,22,20,0.88) 0%,transparent 100%);}
.hero-stats{display:flex;margin-bottom:10px;}
.hero-stat{padding:8px 16px;border-right:0.5px solid var(--gold-border);}
.hero-stat:last-child{border-right:none;}
.hero-stat-num{font-family:var(--font-serif);font-size:20px;color:var(--gold);line-height:1;}
.hero-stat-label{font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;}
.hero-badge{font-family:var(--font-serif);font-size:13px;font-style:italic;color:rgba(240,232,220,0.65);}

/* TICKER */
.announcement-strip{display:flex;align-items:center;justify-content:center;gap:36px;padding:11px 40px;background:var(--bg3);border-bottom:0.5px solid var(--border);flex-wrap:wrap;}
.strip-item{font-size:9px;letter-spacing:0.15em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:9px;}
.strip-dot{width:3px;height:3px;border-radius:50%;background:var(--gold);flex-shrink:0;}

/* SECTIONS */
.section{padding:48px 40px;}
.section-inner{max-width:1400px;margin:0 auto;}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:0.5px solid var(--border);}
.section-title{font-family:var(--font-serif);font-size:32px;font-weight:300;color:var(--cream);}
.section-title em{font-style:italic;color:var(--gold);}
.section-link{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);border-bottom:0.5px solid var(--gold-border);padding-bottom:2px;transition:opacity 0.2s;}
.section-link:hover{opacity:0.7;}

/* PRODUCT GRID */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.product-card{background:var(--bg2);cursor:pointer;overflow:hidden;}
.product-card-image{aspect-ratio:2/3;overflow:hidden;position:relative;}
.product-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease;display:block;}
.product-card:hover .product-card-image img{transform:scale(1.04);}
.product-badge{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:0.14em;text-transform:uppercase;padding:3px 9px;border-radius:1px;z-index:2;}
.badge-sale{background:var(--ruby);color:#F0E8DC;}
.badge-new{background:var(--gold);color:var(--bg);}
.product-card-info{padding:12px 16px 16px;}
.product-brand{font-size:8px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;}
.product-name{font-family:var(--font-serif);font-size:15px;color:var(--cream);line-height:1.3;margin-bottom:10px;}
.product-footer{display:flex;align-items:center;justify-content:space-between;}
.product-price{display:flex;align-items:baseline;gap:7px;}
.price-current{font-size:14px;font-weight:500;color:var(--cream);}
.price-was{font-size:11px;color:var(--ink-faint);text-decoration:line-through;}
.product-add{font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--clay-light);border-bottom:0.5px solid var(--clay);padding-bottom:1px;background:none;border-top:none;border-left:none;border-right:none;transition:color 0.2s;}
.product-add:hover{color:var(--gold);border-bottom-color:var(--gold);}

/* SALE BANNER */
.sale-banner{background:var(--ruby);padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.sale-banner-text{font-family:var(--font-serif);font-size:22px;font-style:italic;color:#F0E8DC;}
.sale-banner-sub{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,232,220,0.5);margin-top:4px;}
.btn-sale{background:var(--cream);color:var(--ruby);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:11px 26px;border-radius:1px;border:none;white-space:nowrap;transition:opacity 0.2s;}
.btn-sale:hover{opacity:0.88;}

/* BRANDS */
.brands-section{padding:36px 40px;background:var(--bg2);border-top:0.5px solid var(--border);border-bottom:0.5px solid var(--border);}
.brands-label{font-size:9px;letter-spacing:0.26em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin-bottom:22px;}
.brands-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.brand-item{padding:0 36px;border-right:0.5px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;}
.brand-item:last-child{border-right:none;}
.brand-name{font-family:var(--font-serif);font-size:18px;letter-spacing:0.12em;text-transform:uppercase;color:var(--cream2);transition:color 0.2s;}
.brand-item:hover .brand-name{color:var(--gold);}
.brand-city{font-size:8px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-faint);}

<div class="brand-item"><span class="brand-name">Classic Attire</span><span class="brand-city">Mirpur, Pakistan</span></div>
/* TRUST */
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg2);border-top:0.5px solid var(--border);}
.trust-item{padding:30px 32px;border-right:0.5px solid var(--border);display:flex;gap:14px;align-items:flex-start;}
.trust-item:last-child{border-right:none;}
.trust-icon-box{width:32px;height:32px;border:0.5px solid var(--gold-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.trust-icon{font-size:15px;color:var(--gold);}
.trust-title{font-family:var(--font-serif);font-size:15px;color:var(--cream);margin-bottom:4px;}
.trust-desc{font-size:11px;color:var(--ink-faint);line-height:1.75;}

/* FOOTER */
.site-footer{background:var(--bg2);padding:44px 40px 0;border-top:0.5px solid var(--border);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;max-width:1400px;margin:0 auto 40px;}
.footer-logo{font-family:var(--font-serif);font-size:16px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.footer-desc{font-size:12px;color:var(--ink-faint);line-height:1.9;max-width:200px;}
.footer-social{display:flex;gap:9px;margin-top:18px;}
.social-btn{width:30px;height:30px;border:0.5px solid var(--gold-border);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ink-faint);transition:color 0.2s,border-color 0.2s;}
.social-btn:hover{color:var(--gold);border-color:var(--gold);}
.footer-heading{font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:12px;color:var(--ink-faint);transition:color 0.2s;}
.footer-links a:hover{color:var(--gold);}
.footer-bottom{border-top:0.5px solid var(--border);padding:14px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:10px;color:var(--ink-faint);}
.footer-pay{display:flex;gap:7px;}
.pay-badge{font-size:9px;letter-spacing:0.08em;text-transform:uppercase;border:0.5px solid var(--gold-border);padding:3px 9px;color:var(--ink-faint);border-radius:1px;}

/* WOOCOMMERCE OVERRIDES */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1px!important;background:var(--border);}
.woocommerce ul.products li.product{background:var(--bg2)!important;padding:0!important;margin:0!important;float:none!important;width:auto!important;}
.woocommerce ul.products li.product a img{width:100%!important;aspect-ratio:2/3;object-fit:cover;object-position:top;transition:transform 0.5s ease;}
.woocommerce ul.products li.product:hover a img{transform:scale(1.04);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-serif)!important;font-size:15px!important;font-weight:400!important;color:var(--cream)!important;padding:10px 16px 6px!important;}
.woocommerce ul.products li.product .price{font-size:14px!important;color:var(--cream)!important;padding:0 16px 6px!important;display:block;}
.woocommerce ul.products li.product .price del{color:var(--ink-faint)!important;font-size:11px!important;}
.woocommerce ul.products li.product .price ins{text-decoration:none!important;font-weight:500!important;}
.woocommerce ul.products li.product .button{margin:0 16px 16px!important;font-size:9px!important;letter-spacing:0.1em!important;text-transform:uppercase!important;background:transparent!important;color:var(--clay-light)!important;border:none!important;border-bottom:0.5px solid var(--clay)!important;border-radius:0!important;padding:3px 0!important;font-family:var(--font-sans)!important;box-shadow:none!important;transition:color 0.2s!important;}
.woocommerce ul.products li.product .button:hover{background:transparent!important;color:var(--gold)!important;border-bottom-color:var(--gold)!important;}
.woocommerce span.onsale{background:var(--ruby)!important;border-radius:1px!important;font-size:8px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;min-height:auto!important;min-width:auto!important;padding:3px 9px!important;line-height:1.5!important;top:12px!important;left:12px!important;right:auto!important;}
.woocommerce div.product .product_title{font-family:var(--font-serif)!important;font-size:36px!important;font-weight:300!important;color:var(--cream)!important;}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold)!important;font-size:22px!important;}
.woocommerce div.product .cart .single_add_to_cart_button{background:var(--gold)!important;color:var(--bg)!important;font-family:var(--font-sans)!important;font-size:10px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;border-radius:1px!important;padding:13px 30px!important;border:none!important;}
.woocommerce div.product .cart .single_add_to_cart_button:hover{opacity:0.85!important;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce #payment #place_order{background:var(--gold)!important;border-radius:1px!important;font-family:var(--font-sans)!important;color:var(--bg)!important;}

/* PAGE CONTENT */
.page-content{color:var(--ink-soft);line-height:1.9;font-size:15px;}
.page-content h2,.page-content h3{color:var(--cream);margin:28px 0 12px;}
.page-content p{margin-bottom:16px;}
.page-content a{color:var(--gold);border-bottom:0.5px solid var(--gold-border);}

/* PAGINATION */
.page-numbers{display:inline-flex;align-items:center;gap:4px;margin-top:40px;}
.page-numbers a,.page-numbers span{padding:8px 14px;border:0.5px solid var(--border);font-size:12px;color:var(--ink-faint);transition:all 0.2s;}
.page-numbers .current{background:var(--gold);color:var(--bg);border-color:var(--gold);}
.page-numbers a:hover{border-color:var(--gold);color:var(--gold);}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;}
  .hero-image{min-height:340px;}
  .hero-title{font-size:42px;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .trust-strip{grid-template-columns:1fr;}
  .trust-item{border-right:none;border-bottom:0.5px solid var(--border);}
  .trust-item:last-child{border-bottom:none;}
}
@media(max-width:768px){
  .nav-inner{padding:16px 20px;}
  .main-nav{display:none;}
  .hamburger{display:block;}
  .main-nav.nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:0.5px solid var(--border);padding:20px 24px;gap:20px;z-index:99;}
  .hero-text{padding:44px 24px;}
  .hero-title{font-size:36px;}
  .section{padding:40px 20px;}
  .announcement-strip{gap:16px;padding:10px 20px;}
  .products-grid{grid-template-columns:1fr 1fr;gap:1px;}
  .footer-grid{grid-template-columns:1fr;}
  .brands-row{gap:0;flex-direction:column;}
  .brand-item{border-right:none;border-bottom:0.5px solid var(--border);padding:14px 0;width:100%;text-align:center;}
  .brand-item:last-child{border-bottom:none;}
  .sale-banner{flex-direction:column;text-align:center;}
  .footer-bottom{flex-direction:column;text-align:center;}
}
@media(max-width:480px){
  .products-grid{grid-template-columns:1fr;}
  .woocommerce ul.products{grid-template-columns:1fr!important;}
}

/* ============================================
   REVIEWS SECTION
   ============================================ */
.reviews-section {
  padding: 64px 40px;
  background: var(--bg3);
  border-top: 0.5px solid var(--border);
  border-bottom: 0.5px solid var(--border);
}

.reviews-inner { max-width: 1400px; margin: 0 auto; }

.reviews-header {
  text-align: center;
  margin-bottom: 48px;
}

.reviews-eyebrow {
  font-size: 9px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}

.reviews-title {
  font-family: var(--font-serif);
  font-size: 36px;
  font-weight: 300;
  color: var(--cream);
  margin-bottom: 16px;
}

.reviews-title em { font-style: italic; color: var(--gold); }

.reviews-stars-overall {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.reviews-stars-overall .stars {
  font-size: 20px;
  color: var(--gold);
  letter-spacing: 2px;
}

.rating-text {
  font-size: 12px;
  color: var(--ink-soft);
  letter-spacing: 0.05em;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
}

.review-card {
  background: var(--bg2);
  padding: 28px 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: background 0.2s;
}

.review-card:hover { background: #28221F; }

.review-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review-stars {
  font-size: 14px;
  color: var(--gold);
  letter-spacing: 2px;
}

.review-date {
  font-size: 10px;
  color: var(--ink-faint);
  letter-spacing: 0.08em;
}

.review-text {
  font-family: var(--font-serif);
  font-size: 15px;
  font-style: italic;
  color: var(--cream2);
  line-height: 1.75;
  flex: 1;
}

.review-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--gold-border);
  border: 0.5px solid var(--gold-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-serif);
  font-size: 16px;
  color: var(--gold);
  flex-shrink: 0;
}

.review-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--cream);
}

.review-location {
  font-size: 10px;
  color: var(--ink-faint);
  letter-spacing: 0.06em;
  margin-top: 2px;
}

.review-product {
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold);
  border-top: 0.5px solid var(--border);
  padding-top: 12px;
}

/* Responsive reviews */
@media(max-width: 1024px) {
  .reviews-grid { grid-template-columns: repeat(2, 1fr); }
}

@media(max-width: 640px) {
  .reviews-section { padding: 44px 20px; }
  .reviews-grid { grid-template-columns: 1fr; }
  .reviews-title { font-size: 28px; }
}