/*
Theme Name:  El Futuro Corporate
Theme URI:   https://elfuturogroup.com
Author:      El Futuro Private Limited
Description: Official corporate profile theme for El Futuro Private Limited
Version:     1.1
Text Domain: elfuturo
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root{
  --navy:#0a2240; --navy2:#0d2d54;
  --gold:#c9a84c; --gold2:#dfc06a;
  --white:#ffffff; --light:#f4f7fb;
  --text:#1a1a1a; --muted:#6b7280; --border:#e0e8f0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;font-size:15px;line-height:1.75;color:var(--text);background:#fff;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--gold);text-decoration:none;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.25;}

/* Layout */
.container{max-width:1100px;margin:0 auto;padding:0 24px;}
.section-light{background:#fff;padding:80px 0;}
.section-grey{background:var(--light);padding:80px 0;}
.section-dark{background:var(--navy);padding:80px 0;}
.section-dark2{background:var(--navy2);padding:80px 0;}

/* Typography */
.section-label{display:inline-block;font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.section-title{font-size:clamp(22px,4vw,40px);margin-bottom:12px;}
.section-divider{width:40px;height:3px;background:var(--gold);margin:0 0 20px;border-radius:2px;}
.section-divider.center{margin:0 auto 20px;}
.text-gold{color:var(--gold);} .text-white{color:#fff;}
.text-muted{color:var(--muted);} .text-muted-white{color:rgba(255,255,255,.6);}
.text-center{text-align:center;}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;border-radius:2px;cursor:pointer;transition:all .2s;border:none;}
.btn-gold{background:var(--gold);color:var(--navy);}
.btn-gold:hover{background:var(--gold2);}
.btn-outline{background:transparent;color:var(--gold);border:1.5px solid var(--gold);}
.btn-outline:hover{background:var(--gold);color:var(--navy);}
.btn-green{background:#2e7d32;color:#fff;}
.btn-green:hover{background:#1b5e20;}

/* Grid system */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}

/* Named responsive grids (replaces inline styles) */
.ef-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:700px;}
.ef-about-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ef-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.ef-farmfresh-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px;}
.ef-farmfresh-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}
.ef-founder-photo{width:220px;height:265px;border-radius:8px;overflow:hidden;margin:0 auto 20px;border:2px solid rgba(201,168,76,.35);box-shadow:0 20px 60px rgba(0,0,0,.5);}
.ef-founder-photo-ph{width:220px;height:265px;border-radius:8px;background:rgba(255,255,255,.06);border:2px dashed rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;flex-direction:column;gap:8px;}
.ef-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.ef-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08);}
.ef-hero-btns{display:flex;gap:14px;flex-wrap:wrap;}

/* Cards */
.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px;transition:border-color .2s,box-shadow .2s;}
.card:hover{border-color:var(--gold);box-shadow:0 4px 24px rgba(10,34,64,.07);}
.card-dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:28px;transition:border-color .2s;}
.card-dark:hover{border-color:rgba(201,168,76,.4);}
.stat-value{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--gold);}
.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-top:2px;}
.stat-label-white{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.5);margin-top:2px;}
.pill{display:inline-block;padding:4px 10px;border:1px solid rgba(201,168,76,.3);color:var(--gold);font-size:11px;border-radius:2px;margin:3px;word-break:break-word;}
.check-list{list-style:none;padding:0;}
.check-list li{padding:7px 0 7px 28px;position:relative;font-size:14px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.1);}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700;}
.check-list.dark li{border-bottom-color:var(--border);color:var(--text) !important;}
.check-list.dark li::before{color:#2e7d32;}
.enquire-banner{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;}
.enquire-banner p{font-size:13px;color:rgba(255,255,255,.7);margin:0;}
.enquire-banner.light{background:rgba(10,34,64,.04);border-color:rgba(10,34,64,.15);}
.enquire-banner.light p{color:var(--muted);}

/* ── TABLET 600–900px ──────────────────────────────────────────────── */
@media(max-width:900px){
  /* Show hamburger on tablets */
  #nav-toggle{display:block !important;}
  .nav-links{display:none !important;}
  .nav-links.open{display:flex !important;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--navy);padding:16px 24px;gap:8px;z-index:999;border-top:1px solid rgba(201,168,76,.2);}

  /* Section padding */
  .section-light,.section-grey,.section-dark,.section-dark2{padding:60px 0;}

  /* Grid system */
  .grid-2,.grid-3{grid-template-columns:1fr 1fr;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .grid-5{grid-template-columns:1fr 1fr;}

  /* Named grids */
  .ef-hero-stats{grid-template-columns:repeat(2,1fr);max-width:100%;}
  .ef-pipeline{grid-template-columns:repeat(3,1fr);}
  .ef-contact-grid{grid-template-columns:1fr;}
  .ef-footer-grid{grid-template-columns:1fr 1fr;}
}

/* ── PHONE ≤600px ──────────────────────────────────────────────────── */
@media(max-width:600px){
  body{font-size:15px;}
  .container{padding:0 16px;}

  /* Section padding */
  .section-light,.section-grey,.section-dark,.section-dark2{padding:48px 0;}

  /* Grid system */
  .grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;}

  /* Named grids */
  .ef-hero-stats{grid-template-columns:1fr 1fr;}
  .ef-about-cards{grid-template-columns:1fr;}
  .ef-pipeline{grid-template-columns:1fr 1fr;}
  .ef-farmfresh-body{grid-template-columns:1fr;padding:20px;}
  .ef-farmfresh-stats{grid-template-columns:1fr 1fr;}
  .ef-contact-grid{grid-template-columns:1fr;}
  .ef-footer-grid{grid-template-columns:1fr;}

  /* Founder photo */
  .ef-founder-photo,.ef-founder-photo-ph{width:160px;height:200px;}

  /* Buttons */
  .ef-hero-btns{flex-direction:column;}
  .btn{justify-content:center;width:100%;}
  .enquire-banner{flex-direction:column;text-align:center;}
  .enquire-banner .btn{width:auto;}

  /* Typography */
  .section-title{font-size:24px;}
  .stat-value{font-size:26px;}

  /* Cards */
  .card,.card-dark{padding:18px 16px;}
}

/* Hero section mobile padding */
@media(max-width:900px){.ef-hero-section{padding:80px 24px 48px !important;}}
@media(max-width:600px){.ef-hero-section{padding:88px 16px 40px !important;}}

/* Floating contact button — mobile only */
.ef-float-btn{
  display:none;
  position:fixed;bottom:20px;right:20px;z-index:9999;
  background:var(--gold);color:var(--navy);
  width:52px;height:52px;border-radius:50%;
  align-items:center;justify-content:center;
  font-size:22px;text-decoration:none;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
  transition:transform .2s;
}
.ef-float-btn:hover{transform:scale(1.1);}
@media(max-width:900px){.ef-float-btn{display:flex;}}