/*
Theme Name: Noor Rania
Theme URI: https://example.com
Author: Your Name
Author URI: https://example.com
Description: Custom WooCommerce theme for a bridal & luxury pret clothing store, hand-coded (no page builder).
Version: 1.0
Requires PHP: 7.4
Text Domain: noor-rania
*/

:root{
  --ink:#1B1B18;
  --paper:#F7F4EE;
  --deep:#1F2E23;
  --gold:#B08D45;
  --gold-soft:#D9C48F;
  --muted:#726E64;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;}
a{color:inherit;text-decoration:none;}
.display{font-family:'Cinzel',serif;}

.announce{
  background:var(--deep);color:var(--gold-soft);text-align:center;
  font-size:12.5px;letter-spacing:0.5px;padding:10px 20px;
}

nav.site-nav{
  display:flex;flex-direction:column;align-items:center;
  padding:22px 5vw 0;position:sticky;top:0;background:var(--paper);z-index:50;
}
.navtop{
  display:flex;justify-content:space-between;align-items:center;width:100%;
  padding-bottom:18px;font-size:12.5px;letter-spacing:0.4px;
}
.logo{
  font-family:'Cinzel',serif;font-weight:600;font-size:26px;letter-spacing:2px;
  margin:6px 0 18px;
}
.navlinks{
  display:flex;gap:30px;font-size:13px;letter-spacing:0.4px;font-weight:500;
  padding-bottom:18px;border-bottom:1px solid rgba(27,27,24,0.12);width:100%;
  justify-content:center;list-style:none;
}
.navlinks li{list-style:none;}
@media(max-width:800px){.navlinks{display:none;}}

.hero{
  position:relative;min-height:86vh;display:flex;align-items:flex-end;
  background:
    linear-gradient(180deg, rgba(27,27,24,0.05) 0%, rgba(27,27,24,0.65) 100%),
    radial-gradient(circle at 25% 20%, rgba(176,141,69,0.35), transparent 55%),
    linear-gradient(135deg, #2A3D2E 0%, #1B2A20 55%, #10180F 100%);
  padding:6vh 6vw;color:var(--paper);
}
.hero-inner{max-width:560px;}
.hero .kicker{font-size:13px;letter-spacing:2px;color:var(--gold-soft);margin-bottom:18px;}
.hero h1{
  font-family:'Cinzel',serif;font-weight:500;font-size:clamp(34px,4.8vw,58px);
  line-height:1.15;margin-bottom:22px;
}
.hero p{max-width:44ch;opacity:0.85;line-height:1.7;margin-bottom:30px;font-size:15px;}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;}
.btn{
  display:inline-block;padding:15px 28px;font-size:13px;letter-spacing:0.5px;
  border:1px solid var(--gold-soft);cursor:pointer;font-family:inherit;background:none;
}
.btn.solid{background:var(--gold-soft);color:var(--ink);border-color:var(--gold-soft);}
.btn.ghost{color:var(--paper);}

.collections{display:grid;grid-template-columns:repeat(4,1fr);}
.coll{
  aspect-ratio:3/4;position:relative;display:flex;align-items:flex-end;padding:26px;
  color:#fff;overflow:hidden;
}
.coll::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.05) 55%);}
.coll.c1{background:linear-gradient(160deg,#7A2E2E,#3D1414);}
.coll.c2{background:linear-gradient(160deg,#1F2E23,#0E170F);}
.coll.c3{background:linear-gradient(160deg,#B08D45,#6E5620);}
.coll.c4{background:linear-gradient(160deg,#4A3B52,#241C29);}
.coll span{position:relative;z-index:2;font-family:'Cinzel',serif;font-size:16px;letter-spacing:1px;}
@media(max-width:800px){.collections{grid-template-columns:repeat(2,1fr);}}

.section-head{text-align:center;padding:8vh 6vw 4vh;}
.section-head .kicker{font-size:12.5px;letter-spacing:2px;color:var(--gold);margin-bottom:12px;}
.section-head h2{font-family:'Cinzel',serif;font-weight:500;font-size:32px;}

/* Product grid — also targets default WooCommerce markup */
.products, ul.products{
  display:grid !important;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 6vw 8vh;
  list-style:none;margin:0;
}
.product, ul.products li.product{position:relative;padding:0 !important;}
.product-visual{aspect-ratio:3/4.2;position:relative;overflow:hidden;margin-bottom:16px;}
.product-visual img, ul.products li.product img{width:100%;height:100%;object-fit:cover;}
.product-visual .tag{
  position:absolute;top:16px;left:16px;background:var(--paper);
  padding:5px 12px;font-size:10.5px;letter-spacing:0.5px;
}
.product h3, ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;margin-bottom:4px;}
.product .price, ul.products li.product .price{font-size:14px;color:var(--muted);}
@media(max-width:900px){.products, ul.products{grid-template-columns:repeat(2,1fr);}}

.appointment{
  background:var(--deep);color:var(--paper);
  display:grid;grid-template-columns:1fr 1fr;align-items:center;
}
.appointment-visual{
  min-height:52vh;background:
    radial-gradient(circle at 30% 30%, rgba(176,141,69,0.3), transparent 55%),
    linear-gradient(150deg,#2A3D2E,#10180F);
}
.appointment-copy{padding:8vh 5vw;}
.appointment-copy .kicker{font-size:12.5px;letter-spacing:2px;color:var(--gold-soft);margin-bottom:16px;}
.appointment-copy h2{
  font-family:'Cinzel',serif;font-weight:500;font-size:clamp(26px,3vw,38px);
  line-height:1.25;margin-bottom:20px;
}
.appointment-copy p{opacity:0.82;max-width:42ch;line-height:1.7;margin-bottom:28px;font-size:14.5px;}
@media(max-width:800px){.appointment{grid-template-columns:1fr;}}

.trust{
  display:flex;justify-content:center;gap:60px;flex-wrap:wrap;
  padding:6vh 6vw;font-size:12.5px;letter-spacing:0.4px;color:var(--muted);
  border-top:1px solid rgba(27,27,24,0.1);border-bottom:1px solid rgba(27,27,24,0.1);
}

footer.site-footer{padding:7vh 6vw 4vh;}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-bottom:44px;}
.footer-grid .logo{margin-bottom:14px;}
.footer-grid p{color:var(--muted);font-size:13.5px;max-width:32ch;line-height:1.7;}
.fcol h4{font-size:12px;letter-spacing:1px;margin-bottom:16px;color:var(--muted);}
.fcol a{display:block;font-size:13.5px;margin-bottom:11px;}
.footer-bottom{
  display:flex;justify-content:space-between;padding-top:24px;
  border-top:1px solid rgba(27,27,24,0.12);font-size:12.5px;color:var(--muted);
}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}

/* WooCommerce cart / checkout / single product baseline */
.woocommerce-page{padding:4vh 5vw;}
.woocommerce table.shop_table, .woocommerce-cart table.cart, .woocommerce-checkout table{
  width:100%;border-collapse:collapse;margin-bottom:6vh;
}
.woocommerce button.button, .woocommerce a.button, .woocommerce input.button{
  background:var(--deep);color:var(--paper);padding:12px 24px;border:none;font-family:inherit;letter-spacing:0.4px;
}
/* Fix WooCommerce product image sizing to match design */
ul.products li.product a {
  display: block;
  position: relative;
}
ul.products li.product a img {/* Stronger override — beats WooCommerce's own default styles */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
  aspect-ratio: 3/4.2 !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin-bottom: 16px !important;
}
  aspect-ratio: 3/4.2;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: 16px;
}
ul.products li.product .woocommerce-loop-product__title {
  padding: 0 4px;
}
ul.products li.product .price {
  padding: 0 4px;
  display: block;
/* Stronger override — beats WooCommerce's own default styles */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
  aspect-ratio: 3/4.2 !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin-bottom: 16px !important;
}