/*
Theme Name: VANILANTARA
Author: VANILANTARA
Description: Vanilla export buyer landing page and inquiry form.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: vanilantara
*/

:root{--green:#273e35;--dark:#1c2d28;--cream:#f6f0e5;--copper:#a66c42;--muted:#56655d;--line:#d9d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}header{background:var(--green);color:var(--cream)}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:19px 28px;gap:24px}.brand{font:27px Georgia,serif;letter-spacing:.12em;text-decoration:none}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;font-size:14px}.navlinks a:hover,.foot a:hover{text-decoration:underline}.navcta{border:1px solid #e6d7c4;padding:10px 16px}.hero{background:var(--green);color:var(--cream)}.hero-inner{max-width:1240px;margin:auto;padding:76px 28px 100px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.19em;text-transform:uppercase;color:#d5ab82;font-weight:700}.hero h1{font:normal clamp(45px,6vw,85px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:20px 0 26px;max-width:730px}.hero p{font-size:19px;line-height:1.6;color:#e4e5db;max-width:600px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-block;padding:14px 23px;text-decoration:none;font-weight:700;background:var(--copper);color:white;border:1px solid var(--copper)}.button.secondary{background:transparent;color:var(--cream);border-color:#9fada4}.hero-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:68% center;border:7px solid #d9c9af;box-shadow:0 24px 55px rgba(8,20,12,.22)}.hero-caption{font-size:12px;color:#ccd2c9;margin:8px 0 0}main section{padding:88px 28px}.wrap{max-width:1184px;margin:auto}.section-head{max-width:750px;margin-bottom:36px}h2{font:normal clamp(36px,4vw,55px)/1.14 Georgia,serif;margin:12px 0 20px;letter-spacing:-.025em}h3{font:normal 28px/1.2 Georgia,serif;margin:0 0 14px}p{margin:0 0 18px}.lead{font-size:19px;color:#4d5f55}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fffdf8;border:1px solid var(--line);padding:30px}.card small{color:var(--copper);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card p{color:#4e5f55}.card ul{padding-left:20px;color:#4e5f55}.card li{margin:8px 0}.band{background:#e9e8dc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{border-top:2px solid var(--copper);padding-top:19px}.step b{font:28px Georgia,serif;color:var(--copper)}.step h3{font-size:22px;margin-top:16px}.markets{display:grid;grid-template-columns:1fr 1fr;gap:60px}.market-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-list span{border-bottom:1px solid var(--line);padding:12px 0}.note{font-size:14px;color:#5b6a61}.contact{background:var(--dark);color:var(--cream)}.contact .lead{color:#d9e1d7}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.form{background:#f8f5ed;color:var(--green);padding:32px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #aab5aa;background:#fff;padding:12px;color:#243e32;border-radius:0}.field textarea{min-height:115px;resize:vertical}.form button{border:0;cursor:pointer}.form button:hover,.button:hover{filter:brightness(1.1)}.status{margin:14px 0 0;color:#344b3e;font-size:14px}.foot{background:#172720;color:#e1e4da;padding:34px 28px;font-size:14px}.foot-inner{max-width:1184px;margin:auto;display:flex;justify-content:space-between;gap:20px}.foot a{color:#e1e4da}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:700;font-size:17px}details p{margin-top:12px;color:#4e5f55}@media(max-width:900px){.hero-inner,.markets,.contact-grid{grid-template-columns:1fr}.hero-inner{gap:35px;padding-top:55px}.hero-image{max-height:540px}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.navlinks{gap:14px}.navlinks a:not(.navcta){display:none}}@media(max-width:600px){.nav{padding:16px 20px}.brand{font-size:20px}.hero-inner{padding:46px 20px 64px}.hero h1{font-size:48px}main section{padding:62px 20px}.steps,.market-list,.formgrid{grid-template-columns:1fr}.form{padding:22px}.foot-inner{display:block}}
.gallery-section{background:#fffdf8}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.gallery-heading>div:first-child{max-width:760px}.gallery-controls{display:flex;gap:8px;padding-bottom:32px}.gallery-controls button,.close-photo{cursor:pointer;background:var(--green);color:white;border:0;width:46px;height:46px;font-size:28px}.photo-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--copper) #eee;padding-bottom:15px}.photo-card{scroll-snap-align:start;display:block;text-align:left;padding:0;border:0;background:var(--green);color:white;cursor:pointer}.photo-card img{display:block;width:100%;height:290px;object-fit:cover;transition:transform .3s ease}.photo-card:hover img{filter:brightness(.88)}.photo-card span{display:block;padding:17px 19px;font:20px Georgia,serif}.gallery-note{margin-top:20px}dialog{border:0;padding:18px;background:var(--cream);color:var(--green);max-width:min(92vw,1000px);max-height:92vh}dialog::backdrop{background:rgba(9,20,15,.83)}dialog img{display:block;max-width:100%;max-height:75vh;margin:auto}dialog p{margin:12px 0 0}.close-photo{position:absolute;right:18px;top:18px}.photo-card:focus-visible,.gallery-controls button:focus-visible,.close-photo:focus-visible{outline:3px solid var(--copper);outline-offset:2px}@media(max-width:900px){.photo-rail{grid-auto-columns:minmax(250px,50%)}}@media(max-width:600px){.photo-rail{grid-auto-columns:82%}.gallery-heading{align-items:start}.gallery-controls{padding-top:12px}.gallery-controls button{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-card img{transition:none}}
.hero-inner{grid-template-columns:1.05fr .95fr;gap:48px;padding-top:56px;padding-bottom:70px}.hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.06}.hero-image{width:100%;height:440px;aspect-ratio:auto;object-fit:cover;object-position:64% 48%;border:6px solid #d9c9af}.hero-caption{max-width:520px}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:28px}.hero-image{height:390px;object-position:64% 48%}}@media(max-width:600px){.hero-inner{padding-top:42px;padding-bottom:54px}.hero h1{font-size:clamp(42px,11vw,54px)}.hero-image{height:290px;object-position:62% 46%;border-width:5px}}
.hero-image{height:360px;object-fit:cover;object-position:center center}@media(max-width:900px){.hero-image{height:330px}}@media(max-width:600px){.hero-image{height:230px}}
.inquiry-feedback{padding:12px 16px;margin:16px 0;background:#e9f2e7;color:#1c2d28}.inquiry-feedback.error{background:#fff0e8}.hp-field{position:absolute;left:-9999px}
