/* ══ THE WOOD COURT — ODOO ALL PAGES ══ */

/* ── GLOBAL FONT OVERRIDE ── */
#wrapwrap,#wrapwrap *:not(i):not(.fa):not(.oi):not([class*="btn-"]):not(nav):not(nav *){
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
#wrapwrap{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:400!important;font-size:1rem!important;line-height:1.8!important;color:#333330!important}
#wrapwrap h1,#wrapwrap h2,#wrapwrap h3,#wrapwrap h4{font-family:'Domine',Georgia,serif!important;font-weight:400!important;line-height:1.2!important}

/* Scrollbar hide */
.wc-hscroll::-webkit-scrollbar{display:none}
.wc-hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch}

/* ── PAGE HERO (inner pages) ── */
.wc-page-hero{position:relative;height:55vh;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.wc-page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wc-page-hero::after{content:"";position:absolute;inset:0;background:rgba(26,23,20,0.4)}
.wc-page-hero .wc-hero-text{position:relative;z-index:2;text-align:center;max-width:700px;padding:0 24px}

/* ── PRODUCT CATEGORY GRID ── */
.wc-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wc-cat-card{position:relative;overflow:hidden;aspect-ratio:4/5;cursor:pointer}
.wc-cat-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}
.wc-cat-card:hover img{transform:scale(1.08)}
.wc-cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,transparent 50%)}
.wc-cat-card span{position:absolute;bottom:24px;left:24px;z-index:2;font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:#fff}

/* ── PRODUCT DETAIL GRID ── */
.wc-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wc-prod-card{position:relative;overflow:hidden;border-radius:4px;cursor:pointer}
.wc-prod-card img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94)}
.wc-prod-card:hover img{transform:scale(1.06)}
.wc-prod-card .wc-prod-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,transparent 50%);opacity:0;transition:opacity 0.4s ease;display:flex;align-items:flex-end;padding:20px}
.wc-prod-card:hover .wc-prod-overlay{opacity:1}
.wc-prod-overlay span{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(255,255,255,0.6)}
.wc-prod-overlay h4{color:#fff;font-size:1rem;margin-top:2px}

/* ── FEATURE CARDS (showroom) ── */
.wc-feature-card{background:#fff;padding:40px 32px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}
.wc-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.06)}

/* ── BLOG CARDS ── */
.wc-blog-card{text-decoration:none;color:inherit;display:block;overflow:hidden}
.wc-blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform 0.6s ease}
.wc-blog-card:hover img{transform:scale(1.04)}

/* ── TOPIC CARDS ── */
.wc-topic{background:#fff;padding:36px 28px;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}
.wc-topic:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.06)}

/* Hero ken-burns zoom */
@keyframes wc-zoom{0%{transform:scale(1)}100%{transform:scale(1.08)}}
.wc-hero-img{animation:wc-zoom 25s ease-in-out infinite alternate}

/* Category marquee */
@keyframes wc-ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.wc-ticker{display:flex;gap:0;animation:wc-ticker 30s linear infinite;width:max-content;will-change:transform}
.wc-ticker span{white-space:nowrap;padding:0 28px;font-family:'Inter',sans-serif;font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(237,232,221,0.55)}
.wc-ticker span::after{content:'\00B7';padding-left:28px;color:rgba(237,232,221,0.25)}

/* Partners marquee */
@keyframes wc-logos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.wc-logos{display:flex;gap:64px;align-items:center;animation:wc-logos 40s linear infinite;width:max-content}
.wc-logos img{height:44px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:0.4;transition:all 0.5s ease}
.wc-logos img:hover{filter:grayscale(0%);opacity:1}
.wc-logos-wrap{overflow:hidden;position:relative}
.wc-logos-wrap::before,.wc-logos-wrap::after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.wc-logos-wrap::before{left:0;background:linear-gradient(to right,#EDE8DD,transparent)}
.wc-logos-wrap::after{right:0;background:linear-gradient(to left,#EDE8DD,transparent)}

/* Card hover zoom */
.wc-card-img img{transition:transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94)}
.wc-card:hover .wc-card-img img{transform:scale(1.06)}

/* Link hover */
.wc-link{transition:gap 0.3s ease}
.wc-link:hover{gap:14px!important}

/* Button hover */
.wc-btn-outline:hover{background:rgba(255,255,255,0.1)!important;border-color:#fff!important}
.wc-btn-accent:hover{background:#4A5640!important;transform:translateY(-2px)}
.wc-btn-white:hover{background:#E4E0D4!important;transform:translateY(-2px)}

/* Testimonial quote decoration */
.wc-quote{font-family:'Domine',serif!important;font-size:6rem;color:#9E9B4A;opacity:0.1;line-height:1;position:absolute;top:8px;left:28px;pointer-events:none}

/* Footer override */





/* ── PRODUCT FILTER BUTTONS ── */
.wc-filter-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px}
.wc-filter-btn{padding:10px 24px;font-family:'Inter',sans-serif;font-size:0.75rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;border:1px solid #C8C3B8;color:#5A5A50;background:transparent;text-decoration:none;transition:all 0.3s ease;cursor:pointer}
.wc-filter-btn:hover,.wc-filter-btn.active{background:#333330;color:#EDE8DD;border-color:#333330}


/* ══ COMPREHENSIVE MOBILE RESPONSIVE ══ */

/* ── TABLET (max 991px) ── */
@media(max-width:991px){
  /* Hero */
  .wc-hero-h1{font-size:3rem!important}
  .wc-hero-p{font-size:1rem!important}
  
  /* Page heroes */
  .wc-page-hero{height:45vh!important;min-height:320px!important}
  .wc-page-hero h1{font-size:2.8rem!important}
  
  /* Grids */
  .wc-cat-grid{grid-template-columns:repeat(2,1fr)!important}
  .wc-prod-grid{grid-template-columns:repeat(2,1fr)!important}
  .wc-catalog-grid{grid-template-columns:repeat(2,1fr)!important}
  
  /* Heritage section */
  .wc-heritage-img{height:360px!important}
  
  /* Collection cards */
  .wc-card{flex:0 0 48%!important;min-width:auto!important}
  
  /* Why us items */
  .wc-why-item{flex:0 0 50%!important;max-width:50%!important}
  
  /* Footer */
  
}

/* ── MOBILE (max 767px) ── */
@media(max-width:767px){
  /* Hero */
  .wc-hero-h1{font-size:2.2rem!important}
  .wc-hero-p{font-size:0.9rem!important;max-width:100%!important}
  .wc-hero-btns{flex-direction:column!important}
  .wc-hero-btns a{text-align:center!important;min-height:52px!important;width:100%!important;justify-content:center!important}
  
  /* Page heroes */
  .wc-page-hero{height:40vh!important;min-height:280px!important}
  .wc-page-hero h1{font-size:2rem!important;letter-spacing:0!important}
  .wc-page-hero .wc-hero-text{padding:0 16px!important}
  
  /* Section padding */
  .wc-section{padding:64px 0!important}
  section{padding:64px 0!important}
  
  /* Headings */
  .wc-h2{font-size:1.8rem!important}
  h2{font-size:1.8rem!important}
  
  /* Grids — single column */
  .wc-cat-grid{grid-template-columns:1fr!important;gap:12px!important}
  .wc-prod-grid{grid-template-columns:1fr!important;gap:12px!important}
  .wc-catalog-grid{grid-template-columns:1fr!important;gap:12px!important}
  
  /* Cat cards */
  .wc-cat-card{aspect-ratio:16/9!important}
  
  /* Product overlay always visible on mobile */
  .wc-prod-overlay{opacity:1!important}
  
  /* Collection cards */
  .wc-card{flex:0 0 85%!important}
  
  /* Heritage section */
  .wc-heritage-img{height:260px!important}
  
  /* Stats */
  .wc-stats-row{flex-wrap:wrap!important}
  .wc-stats-row .col-3{flex:0 0 50%!important;max-width:50%!important;margin-bottom:24px!important;text-align:center!important}
  .wc-stats-h{font-size:1.6rem!important}
  
  /* Why us — single column */
  .wc-why-item{flex:0 0 100%!important;max-width:100%!important}
  
  /* Testimonials */
  .wc-tcard{padding:28px 20px!important}
  .wc-quote{font-size:4rem!important}
  
  /* Marquee */
  .wc-ticker span{font-size:0.65rem!important;padding:0 16px!important}
  .wc-marquee-section{padding:14px 0!important}
  
  /* Partner logos */
  .wc-logos img{height:28px!important}
  .wc-logos{gap:40px!important}
  
  /* Hero indicators */
  .wc-hero-indicators{bottom:20px!important}
  .wc-hero-ind{width:20px!important}
  
  /* Hero slide height */
  div[style*='height:100vh']{height:85vh!important;min-height:550px!important}
  
  /* Filter buttons */
  .wc-filter-bar{gap:6px!important}
  .wc-filter-btn{padding:8px 16px!important;font-size:0.65rem!important}
  
  /* Footer */
  
  
  
  
  
  
  /* Contact page */
  .col-lg-6 iframe{height:300px!important}
  
  /* CTA section */
  section[style*='background:#4A5640'] h2{font-size:1.8rem!important}
  section[style*='background:#333330'] h2{font-size:1.8rem!important}
  
  /* Expert hub topic cards */
  .col-lg-4{margin-bottom:16px!important}
  
  /* About Us page hero */
  section[style*='height: 50vh']{height:40vh!important;min-height:280px!important}
  section[style*='height: 50vh'] h1{font-size:2rem!important}
  
  /* General row gaps */
  .row.g-4{--bs-gutter-y:1rem!important}
  
  /* WhatsApp button */
  a[style*='position:fixed'][style*='bottom:28px']{bottom:16px!important;left:16px!important;width:48px!important;height:48px!important}
}

/* ── SMALL MOBILE (max 400px) ── */
@media(max-width:400px){
  .wc-hero-h1{font-size:1.8rem!important}
  .wc-page-hero h1{font-size:1.6rem!important}
  h2{font-size:1.5rem!important}
  .wc-stats-row .col-3{flex:0 0 50%!important}
  .container{padding-left:16px!important;padding-right:16px!important}
}


/* Hide Odoo default footer on ALL sizes */
#wrapwrap > 
#wrapwrap > footer .row:first-child{display:none!important}



/* All SVGs in footer */


/* Global SVG size cap on mobile */
@media(max-width:767px){
  
  
  svg:not(.wc-hero-slide svg){max-width:40px!important;max-height:40px!important}
}

/* ── FOOTER (v2 exact) ── */
.wc-ft{background:#333330;padding:80px 0 0}
.wc-ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:64px;padding-bottom:64px}
.wc-ft-brand img{height:36px;margin-bottom:20px}
.wc-ft-brand p{color:rgba(250,250,247,0.5);font-size:0.9rem;line-height:1.7;font-family:Inter,sans-serif}
.wc-ft-col h4{font-family:Inter,sans-serif;color:#EDE8DD;font-size:0.8rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:24px}
.wc-ft-col a{display:block;color:rgba(250,250,247,0.5);font-size:0.9rem;padding:6px 0;text-decoration:none;transition:color 0.3s;font-family:Inter,sans-serif}
.wc-ft-col a:hover{color:#BDA060}
.wc-ft-social{display:flex;gap:16px;margin-top:24px}
.wc-ft-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,247,0.15);padding:0;transition:all 0.3s ease;text-decoration:none}
.wc-ft-social a:hover{border-color:#BDA060;background:rgba(196,162,101,0.1)}
.wc-ft-social svg{width:16px;height:16px;fill:rgba(250,250,247,0.6)}
.wc-ft-social a:hover svg{fill:#EDE8DD}
.wc-ft-bottom{border-top:1px solid rgba(250,250,247,0.08);padding:24px 0;text-align:center}
.wc-ft-bottom p{color:rgba(250,250,247,0.3);font-size:0.8rem;font-family:Inter,sans-serif;margin:0}

/* Hide Odoo default footer */
#wrapwrap>footer{display:none!important}

/* Footer responsive */
@media(max-width:991px){
  .wc-ft-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:767px){
  .wc-ft{padding:48px 0 0!important}
  .wc-ft-grid{grid-template-columns:1fr!important;gap:32px}
  .wc-ft-brand p{font-size:0.85rem}
  .wc-ft-col a{padding:8px 0;min-height:40px;display:flex;align-items:center}
  .wc-ft-social{gap:12px;margin-top:16px}
  .wc-ft-social a{width:44px;height:44px}

  /* Mobile catalog fix */
  .wc-catalog-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
}

/* ── MOBILE HERO FIX ── */
@media(max-width:767px){
  /* Hero container — shorter on mobile */
  div[style*='height:100vh'][style*='min-height:700px']{height:100vh!important;min-height:600px!important}
  
  /* Hero text — smaller, better spaced */
  .wc-hero-h1{font-size:2.4rem!important;line-height:1.15!important;margin-bottom:16px!important}
  .wc-hero-p{font-size:0.9rem!important;line-height:1.6!important;margin-bottom:28px!important}
  
  /* Buttons — full width stacked */
  .wc-hero-btns{flex-direction:column!important;gap:10px!important}
  .wc-hero-btns a{width:100%!important;text-align:center!important;justify-content:center!important;padding:16px 24px!important;font-size:0.75rem!important}
  
  /* Hero content — center vertically, more padding */
  div[style*='z-index:3'][style*='align-items:center'] .container{padding-bottom:40px!important;padding-left:20px!important;padding-right:20px!important}
  
  /* Slide images — cover properly on mobile */
  .wc-hero-slide img{object-position:center center!important}
  
  /* Indicators — smaller on mobile */
  .wc-hero-indicators{bottom:16px!important}
  .wc-hero-ind{width:16px!important}
}

/* ── HERO SLIDESHOW ── */
.wc-hero-slide{position:absolute;inset:0;opacity:0;animation:wc-crossfade 30s ease-in-out infinite}
.wc-hero-slide img{width:100%;height:100%;object-fit:cover}
.wc-hero-slide:nth-child(1){opacity:1;animation-delay:0s}
.wc-hero-slide:nth-child(2){animation-delay:6s}
.wc-hero-slide:nth-child(3){animation-delay:12s}
.wc-hero-slide:nth-child(4){animation-delay:18s}
.wc-hero-slide:nth-child(5){animation-delay:24s}
@keyframes wc-crossfade{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}100%{opacity:0}}

/* ── HERO INDICATORS (v2 exact) ── */
.wc-hero-ind-bar{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:12px}
.wc-hero-ind-bar span{display:block;width:40px;height:2px;background:rgba(255,255,255,0.3);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);animation:wc-ind-v2 30s ease infinite}
.wc-hero-ind-bar span:nth-child(1){animation-delay:0s}
.wc-hero-ind-bar span:nth-child(2){animation-delay:6s}
.wc-hero-ind-bar span:nth-child(3){animation-delay:12s}
.wc-hero-ind-bar span:nth-child(4){animation-delay:18s}
.wc-hero-ind-bar span:nth-child(5){animation-delay:24s}
@keyframes wc-ind-v2{0%{width:40px;background:rgba(255,255,255,0.3)}4%{width:60px;background:#fff}20%{width:60px;background:#fff}24%{width:40px;background:rgba(255,255,255,0.3)}100%{width:40px;background:rgba(255,255,255,0.3)}}

/* First indicator starts active */
.wc-hero-ind-bar span:nth-child(1){width:60px;background:#fff}

@media(max-width:767px){
  .wc-hero-ind-bar{bottom:24px;gap:8px}
  .wc-hero-ind-bar span{width:28px}
  @keyframes wc-ind-v2{0%{width:28px;background:rgba(255,255,255,0.3)}4%{width:44px;background:#fff}20%{width:44px;background:#fff}24%{width:28px;background:rgba(255,255,255,0.3)}100%{width:28px;background:rgba(255,255,255,0.3)}}
}

/* ── HERO TEXT SHADOW ── */
.wc-hero-h1{text-shadow:0 2px 8px rgba(0,0,0,0.35),0 0 40px rgba(0,0,0,0.15)!important}
.wc-hero-p{text-shadow:0 1px 4px rgba(0,0,0,0.3)!important}
.wc-hero-btns a{text-shadow:0 1px 2px rgba(0,0,0,0.2)}

/* ── FOOTER ALIGNMENT FIX ── */
.wc-ft-col{text-align:left!important}
.wc-ft-col a{text-align:left!important}
.wc-ft-brand{text-align:left!important}
.wc-ft-grid{text-align:left}

/* ── NUKE ODOO FOOTER (final) ── */
#wrapwrap>footer,#wrapwrap footer.oe_structure,footer#footer,#footer,.o_footer,footer[data-name]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:none!important;opacity:0!important}