/*
Theme Name: Salada Child
Theme URI: https://saladaindia.example/
Description: Child theme of Hello Elementor for the Salada healthy-salad subscription website. Sets the premium wellness brand palette, typography, WhatsApp floating button and sticky mobile CTA. Header, footer and pages are built with Elementor (import the provided templates).
Author: Salada Dev
Template: hello-elementor
Version: 1.1.0
Text Domain: salada-child
*/

/* ============================================================
   BRAND TOKENS  (matches the approved home-page design)
   ============================================================ */
:root{
  --salada-green:        #4a7c3a; /* primary buttons, highlights, CTA */
  --salada-green-dark:   #3a612c; /* hover / dark accents */
  --salada-green-mid:    #5a9148; /* secondary green */
  --salada-sage:         #e6efd6; /* soft sage section bg */
  --salada-sage-box:     #ecf1e0; /* value/box backgrounds */
  --salada-cream:        #f3eee2; /* alternate section background */
  --salada-warm-white:   #fcfbf7; /* main background */
  --salada-footer:       #1c3a1b; /* dark green footer */
  --salada-ink:          #2a3330; /* headings / body text */
  --salada-muted:        #6f6c5f; /* secondary text */
  --salada-orange:       #e2a03f; /* small accents / offer badges */
  --salada-card:         #ffffff;
  --salada-line:         rgba(43,42,34,.10);
  --salada-radius:       18px;
  --salada-shadow:       0 16px 44px rgba(45,60,30,.10);
  --salada-shadow-soft:  0 8px 24px rgba(43,42,34,.07);
}

/* ===== Base ===== */
body{
  background:var(--salada-warm-white);
  color:var(--salada-ink);
  font-family:"Inter",-apple-system,system-ui,sans-serif;
  line-height:1.7;
}
h1,h2,h3,h4{
  font-family:"Fraunces",Georgia,serif;
  color:var(--salada-ink);
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.4px;
}

/* ===== Reusable button helpers (add as CSS class in Elementor) ===== */
.salada-btn-primary .elementor-button{
  background-color:var(--salada-green);color:#fff;border-radius:10px;
  padding:13px 26px;font-weight:600;
  transition:transform .2s ease,background-color .2s ease,box-shadow .25s ease;
}
.salada-btn-primary .elementor-button:hover{
  background-color:var(--salada-green-dark);transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(63,110,52,.25);
}
.salada-btn-outline .elementor-button{
  background-color:#fff;color:var(--salada-ink);border:1.5px solid var(--salada-line);
  border-radius:10px;padding:12px 24px;font-weight:600;
}
.salada-btn-outline .elementor-button:hover{border-color:var(--salada-green);color:var(--salada-green)}
.salada-btn-wa .elementor-button{background-color:#25D366;color:#fff;border-radius:10px;font-weight:600}

/* ===== Premium card styling (add class "salada-card") ===== */
.salada-card{
  background:var(--salada-card);border-radius:var(--salada-radius);
  box-shadow:var(--salada-shadow-soft);border:1px solid var(--salada-line);overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
}
.salada-card:hover{transform:translateY(-6px);box-shadow:var(--salada-shadow)}

/* ===== Logo (script wordmark) for header ===== */
.salada-logo{display:flex;flex-direction:column;line-height:1}
.salada-logo .name{font-family:"Dancing Script",cursive;font-weight:700;font-size:2rem;color:var(--salada-green)}
.salada-logo .tag{font-size:.55rem;letter-spacing:3px;color:var(--salada-muted);text-transform:uppercase;margin-top:-2px}

/* ============================================================
   SITE HEADER (header.php) — free Elementor, no Pro needed
   ============================================================ */
.salada-header{position:sticky;top:0;z-index:60;background:rgba(243,238,226,.88);backdrop-filter:blur(12px);transition:box-shadow .25s ease,background .25s ease}
.salada-header.scrolled{box-shadow:0 4px 18px rgba(43,42,34,.06);background:rgba(252,251,247,.94)}
.salada-header__inner{width:min(1180px,92%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;height:80px}
.salada-header .salada-logo .name{font-size:2rem}
.salada-header .custom-logo-link{display:inline-block;line-height:0}
.salada-header .custom-logo{max-height:56px;width:auto}
.salada-nav .salada-menu{list-style:none;display:flex;gap:30px;margin:0;padding:0}
.salada-nav .salada-menu a{color:#4a4a40;font-weight:500;font-size:15px;text-decoration:none;transition:color .2s}
.salada-nav .salada-menu a:hover,.salada-nav .salada-menu .current-menu-item a{color:var(--salada-green)}
.salada-header__cta{display:flex;align-items:center;gap:12px}
.salada-hbtn{background:var(--salada-green);color:#fff;border-radius:10px;padding:12px 22px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s ease,background .2s ease}
.salada-hbtn:hover{background:var(--salada-green-dark);transform:translateY(-2px)}
.salada-hwa{width:42px;height:42px;border-radius:50%;background:var(--salada-green);display:grid;place-items:center;transition:transform .2s ease}
.salada-hwa:hover{transform:scale(1.08)}
.salada-hwa svg{width:22px;height:22px;fill:#fff}
.salada-burger{display:none;background:none;border:0;font-size:1.6rem;color:var(--salada-ink);cursor:pointer;line-height:1}
.salada-mobile-menu{border-top:1px solid var(--salada-line);background:var(--salada-warm-white)}
.salada-mobile-menu .salada-menu-mobile{list-style:none;margin:0;padding:0;width:min(1180px,92%);margin:0 auto}
.salada-mobile-menu .salada-menu-mobile a{display:block;padding:13px 0;border-bottom:1px solid var(--salada-line);color:#4a4a40;text-decoration:none;font-weight:500}
@media(max-width:860px){
  .salada-nav{display:none}
  .salada-burger{display:block}
  .salada-hbtn{padding:10px 16px;font-size:14px}
}

/* ============================================================
   SITE FOOTER (footer.php)
   ============================================================ */
.salada-footer{background:var(--salada-footer);color:#aebaa2;padding:56px 0 0}
.salada-footer__inner{width:min(1180px,92%);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1.4fr 1fr;gap:34px}
.salada-footer h4{color:#fff;font-family:"Inter",sans-serif;font-weight:600;font-size:15px;margin:0 0 16px}
.salada-footer p{font-size:14px;color:#aebaa2;line-height:1.7}
.salada-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.salada-footer a{color:#aebaa2;text-decoration:none;transition:color .2s}
.salada-footer a:hover{color:#fff}
.sf-brand p{margin:12px 0 14px}
.sf-social{display:flex;gap:10px}
/* .sf-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#cdd4c2;font-weight:700} */

.footer-logo-img{
    width:160px;
    height:auto;
    display:block;
}

.sf-footer-logo .tag{
    display:block;
    margin-top:8px;
    color:#c8d8c2;
    font-size:16px;
    font-weight:500;
}

.sf-footer-logo{
    margin-bottom:20px;
}

.sf-social{
    display:flex;
    gap:12px;
}

.sf-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s ease;
}

.sf-social a:hover{
    background:#5a9148;
	transform:translateY(-2px);
}

.sf-social svg{
    width:20px;
    height:20px;
    fill:#ffffff;
}

.sf-contact li{display:flex;gap:9px;align-items:flex-start}
.sf-warn{color:var(--salada-orange);font-weight:600;font-size:13px;margin-top:12px}
.sf-fssai{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border-radius:12px;padding:14px}
.sf-fssai .badge{font-family:"Fraunces",serif;font-weight:700;color:#fff;font-size:20px;border:2px solid var(--salada-green-mid);border-radius:8px;padding:3px 9px}
.sf-fssai strong{color:#fff;font-family:"Inter";font-size:14px;display:block}
.sf-fssai small{font-size:12px;color:#aebaa2}
.salada-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding:18px 0}
.salada-footer__bottom{width:100%}
.salada-footer__bottom>*{width:min(1180px,92%);margin:0 auto}
.salada-footer__bottom{display:flex;justify-content:center}
.salada-footer__bottom p{font-size:13px;color:#908e84;margin:0;flex:1}
.sf-top{width:38px;height:38px;border-radius:9px;background:var(--salada-green-mid);color:#fff;display:grid;place-items:center;text-decoration:none}
@media(max-width:860px){
  .salada-footer__inner{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:767px){
  .salada-footer__inner{grid-template-columns:1fr}
}

/* ============================================================
   WHATSAPP FLOATING BUTTON  (rendered via functions.php)
   ============================================================ */
.salada-wa-float{
  position:fixed;right:18px;bottom:18px;z-index:9990;width:58px;height:58px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 28px rgba(37,211,102,.45);transition:transform .2s ease;
}
.salada-wa-float:hover{transform:scale(1.07)}
.salada-wa-float svg{width:30px;height:30px;fill:#fff}

/* ============================================================
   STICKY MOBILE CTA BAR  (rendered via functions.php)
   ============================================================ */
.salada-sticky-cta{display:none}
@media(max-width:767px){
  .salada-sticky-cta{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9991;gap:8px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(252,251,247,.96);backdrop-filter:blur(8px);
    border-top:1px solid var(--salada-line);
  }
  .salada-sticky-cta a{flex:1;text-align:center;padding:13px 8px;border-radius:11px;font-weight:700;font-size:15px;text-decoration:none}
  .salada-sticky-cta .sc-trial{background:var(--salada-green);color:#fff}
  .salada-sticky-cta .sc-wa{background:#25D366;color:#fff}
  .salada-wa-float{bottom:76px}
  body{padding-bottom:64px}
}