/* Innovia custom theme inspired by Sunday.market. Original design and CSS. */
:root{
  /* Light theme tuned to your background image */
  --bg:#eef2f5;         /* light grey */
  --panel:#ffffff;      /* white panels */
  --text:#13161a;       /* near-black text */
  --muted:#5e6b7a;      
  --brand:#04724d;      /* matches existing brand green */
  --brand-2:#6dd3ff;    /* optional accent */
  --radius:14px;
}

html{background:var(--bg);} 
/* Draw logo and site background as true background layers (behind all content) */
body{
  color:var(--text);
  position:relative;
  background-image:
    url('/images/Logo_transparent.png'),
    linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.75)),
    url('/images/Background.webp');
  background-position:
    16px 16px,
    center,
    center;
  background-size:
    auto clamp(80px,18vw,180px),
    cover,
    cover;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  background-attachment:
    fixed,
    fixed,
    fixed;
}

/* Disable pseudo-elements; backgrounds now handled on body */
body::before, body::after{content:none !important}

/* (removed) */

/* Header: hide markup so only background-layer logo shows */
header.site-logo-only{display:none !important}
.site-header-logo{display:none !important}
@media (max-width: 640px){.site-header-logo{display:none !important}}

/* Hero */
.hero{position:relative;min-height:90vh;display:grid;place-items:center;padding-top:clamp(5rem,10vw,8rem)}
.hero__content{position:relative;text-align:center;padding:6rem 1rem}
.hero h1{font-size:clamp(1.7rem,3.8vw,3rem);line-height:1.1;margin:0 0 1rem;font-weight:800;letter-spacing:-.01em}
.hero .lead{max-width:65ch;margin:0 auto 1.5rem;color:var(--muted);font-size:1.125rem}
.hero__cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}

/* Buttons */
.btn{display:inline-block;border:1.5px solid var(--text);color:var(--text);padding:.8rem 1.1rem;border-radius:999px;transition:all .2s ease;}
.btn:hover{transform:translateY(-1px);opacity:.9}
.btn--primary{background:var(--brand);color:#041018;border-color:transparent}
.btn--primary:hover{filter:saturate(115%)}

/* Stats */
.stats{padding:2.5rem 0}
.stats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;background:var(--panel);border-radius:var(--radius);padding:1rem}
.home section[aria-label="Audiences"]{margin-bottom:10rem}
.stat{padding:1.25rem 1rem;text-align:center;border-radius:calc(var(--radius) - 4px);}
.stat__value{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:var(--brand)}
.stat__label{color:var(--muted)}

/* Product grid override to look tighter */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.products .product{background:var(--panel);box-shadow:0 6px 20px rgba(0,0,0,.06);border-radius:12px;overflow:hidden}
.products .product h3,.products .product p{color:var(--text)}
.products .product img{height:300px}

/* Brands removed */
.brand-card a{color:#ffd166}

/* Contact */
#contact{margin-top:10rem}
.contact-panel{background:rgba(0,0,0,.65);color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.contact-intro{font-weight:600;text-align:center;max-width:60ch;margin:0 auto 1.25rem}
.contact-grid{display:grid;grid-template-columns:1fr minmax(320px,640px) 1fr;gap:1rem;align-items:start}
.contact-form{grid-column:2}
.contact-details{grid-column:2;text-align:center}
.contact-form label{display:block;margin-bottom:.75rem}
.contact-form label span{display:block;margin-bottom:.35rem;opacity:.9}
.contact-form input,.contact-form textarea{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.7)}
.contact-details h3{margin-top:0}
@media (max-width: 900px){
  .contact-grid{grid-template-columns:1fr}
  .contact-form,.contact-details{grid-column:auto}
}

/* CTA */
.cta{padding:3rem 0;text-align:center}
.cta h2{font-size:clamp(1.8rem,4.5vw,2.6rem)}
.cta p{color:var(--muted);max-width:60ch;margin:0 auto 1rem}

/* Footer */
footer{background:transparent;border-top:1px solid #233142}
footer p{color:var(--muted)}

/* Responsive tweaks */
@media (max-width: 640px){
  .stats__grid{grid-template-columns:1fr}
}

/* Content page typography */
.content-body h2{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-top:1.25rem}
.content-body h3{font-size:clamp(1rem,2vw,1.25rem)}
/* Content page main title */
.content h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;margin:0}