/*
Theme Name: Thalir Organic
Theme URI: https://thalirorganic.com/
Author: Thalir Organic
Description: Bilingual Tamil-English landing page theme for Thalir Organic microgreens.
Version: 12.0
License: GPL-2.0-or-later
Text Domain: thalir-organic
*/
:root{--green:#2B4221;--green2:#2B4221;--lime:#BEA26E;--cream:#F6F2E8;--ink:#26351F;--white:#fff;--muted:#66736a;--radius:22px;--shadow:0 14px 40px rgba(20,55,30,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65} a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e8eee8}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{font-family:Georgia,serif;font-weight:700;font-size:29px;color:var(--green)}.brand span{display:block;font-family:inherit;font-size:11px;letter-spacing:1.6px;color:var(--green2);font-weight:600}.navlinks{display:flex;gap:22px;font-weight:600;font-size:14px}.navlinks a:hover{color:var(--green2)}.lang-btn,.cta{border:0;cursor:pointer;border-radius:999px;font-weight:800}.lang-btn{background:#edf4df;color:var(--green);padding:9px 15px}.cta{display:inline-block;background:var(--green);color:#fff;padding:14px 23px;box-shadow:0 8px 20px rgba(22,77,43,.18)}.cta.alt{background:#E8E2D2;color:var(--green);box-shadow:none}
.hero{background:radial-gradient(circle at 80% 15%,#E9E4D7 0,#F6F2E8 42%,#fff 78%);padding:90px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.eyebrow{display:inline-block;background:#E8E2D2;color:var(--green);padding:7px 13px;border-radius:999px;font-weight:800;font-size:13px;letter-spacing:.5px}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:1.03;margin:18px 0}.hero h1 em{color:var(--green2);font-style:normal}.hero p{font-size:18px;color:#516057;max-width:620px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.hero-art{min-height:460px;border-radius:38px;background:linear-gradient(135deg,#D8E0CF,#A9BE8C);position:relative;box-shadow:var(--shadow);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:40px;background:radial-gradient(circle at 50% 45%,#FBFAF4 0 16%,transparent 17%),linear-gradient(145deg,transparent 48%,rgba(255,255,255,.3) 49%,transparent 52%)}.tray{position:absolute;left:10%;right:10%;bottom:13%;height:190px;border-radius:20px 20px 36px 36px;background:#263629;box-shadow:0 20px 25px rgba(0,0,0,.15)}.greens{position:absolute;left:15%;right:15%;bottom:32%;height:250px;background:repeating-linear-gradient(80deg,transparent 0 8px,#fff9 9px 11px),radial-gradient(ellipse at 50% 100%,#4F7139 0 43%,transparent 44%);filter:drop-shadow(0 5px 2px rgba(0,0,0,.08))}
.section{padding:88px 0}.section.altbg{background:var(--cream)}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,48px);margin:0 0 12px;color:var(--green)}.section-head p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #E4DFD4;border-radius:var(--radius);padding:25px;box-shadow:0 8px 25px rgba(20,55,30,.05)}.icon{font-size:30px}.card h3{margin:10px 0 7px;color:var(--green)}.card p{margin:0;color:#5b675f;font-size:15px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-box{background:linear-gradient(145deg,#edf6df,#fff);padding:38px;border-radius:30px;border:1px solid #DDD6C7}.checks{display:grid;gap:13px;margin-top:22px}.check{display:flex;gap:10px;align-items:flex-start}.check b{color:var(--green2)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border-radius:24px;background:#fff;overflow:hidden;border:1px solid #E4DFD4;box-shadow:var(--shadow)}.product-img{height:150px;background:linear-gradient(145deg,#E4E8D8,#9fc86d);display:grid;place-items:center;font-size:55px}.product-body{padding:20px}.product-body h3{margin:0 0 5px}.product-body p{margin:0;color:var(--muted);font-size:14px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan{padding:34px;border-radius:28px;background:#fff;border:1px solid #D8D1C2;box-shadow:var(--shadow)}.plan.featured{background:var(--green);color:#fff}.plan.featured p,.plan.featured li{color:#EDE9DE}.plan h3{font-size:25px;margin:0}.price-note{font-weight:800;color:var(--green2);margin:9px 0 18px}.featured .price-note{color:var(--lime)}
.contact{background:var(--green);color:#fff;border-radius:35px;padding:55px}.contact h2{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.contact a{color:#F0DDB7;font-weight:800}.site-footer{background:#1D2D17;color:#E6E1D5;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.small{font-size:13px;color:#B7B09F}
/* Language visibility is controlled by the HTML hidden attribute. Do not use display:none here, or Tamil text will stay invisible after JS removes hidden. */
.mobile-toggle{display:none;background:none;border:0;font-size:25px}
@media(max-width:900px){.navlinks{display:none}.mobile-toggle{display:block}.hero-grid,.about-grid{grid-template-columns:1fr}.hero-art{min-height:360px}.cards,.products{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.hero{padding:60px 0}.hero h1{font-size:44px}.section{padding:65px 0}.cards,.products,.plans{grid-template-columns:1fr}.hero-art{min-height:310px}.contact{padding:35px 25px}.brand{font-size:24px}}
\n.micro-img{width:100%;height:100%;object-fit:cover;display:block}.product-img.photo{padding:0;background:#EAE5D8}.location-badge{display:inline-flex;gap:7px;background:#EAE5D8;color:#2B4221;border:1px solid #D9D0BD;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;margin-top:12px}.seo-copy{font-size:15px;color:#66736a;max-width:850px;margin:0 auto;text-align:center}\n
.micro-img{width:100%;height:100%;object-fit:cover;display:block}.product-img.photo{padding:0;background:#EAE5D8}.product-img.placeholder{display:flex;align-items:center;justify-content:center;font-size:55px}.location-badge{display:inline-flex;gap:7px;background:#EAE5D8;color:#2B4221;border:1px solid #D9D0BD;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;margin-top:12px}.product-price{font-size:20px;font-weight:800;margin:7px 0}.product-pack{font-size:13px;color:#68766d;margin-bottom:8px}.btn.small{display:inline-block;padding:9px 14px;margin-top:10px}

.woocommerce .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important}.woocommerce ul.products li.product img{border-radius:16px}.thalir-language-toggle{display:flex;gap:6px;margin:0 0 20px;align-items:center}.lang-btn{border:1px solid #D9D0BD;background:#fff;padding:7px 12px;border-radius:999px;cursor:pointer}.lang-btn.active{background:#2B4221;color:#fff}.thalir-ta-product{display:block}.location-badge{display:inline-flex;gap:7px;background:#EAE5D8;color:#2B4221;border:1px solid #D9D0BD;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;margin:10px 0}.dynamic-notice{padding:25px;border:1px dashed #B7A27A;border-radius:16px;background:#F7F4EC}.shop-hero{padding:35px 0;text-align:center}.single-product-page{padding:30px 0}@media(max-width:900px){.woocommerce .products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.woocommerce .products{grid-template-columns:1fr}}

@media(max-width:900px){.navlinks,.is-ta .nav-ta{display:none!important}}

.brand{white-space:nowrap}.nav{flex-wrap:nowrap}.navlinks{flex-shrink:0}.brand{flex-shrink:0}

/* v6 bilingual header */
.lang-en[hidden],.lang-ta[hidden],.nav-en[hidden],.nav-ta[hidden],.thalir-ta-product[hidden]{display:none!important}
.thalir-nav{display:flex;align-items:center;gap:22px;min-height:78px}
.thalir-nav .brand{flex:0 0 auto;text-decoration:none}.thalir-nav .brand strong{display:block;font-size:25px;line-height:1.05}.brand-tagline{display:block;font-size:10px;letter-spacing:1.2px;margin-top:5px}
.thalir-nav nav{display:flex;align-items:center;gap:16px;margin-left:auto}.thalir-nav nav a{text-decoration:none;font-weight:600}
.thalir-lang-toggle{border:0;border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:800;white-space:nowrap}.mobile-toggle{display:none}
@media(max-width:850px){.thalir-nav nav{gap:9px;font-size:13px}.thalir-nav{gap:10px}}
@media(max-width:700px){.thalir-nav nav{display:none!important}.mobile-toggle{display:block;margin-left:auto}}

/* v9: robust bilingual visibility + Tamil typography */
[hidden]{display:none!important}
html[lang="ta-IN"], html[lang="ta-IN"] body{font-family:"Noto Sans Tamil","Latha","Nirmala UI",Inter,system-ui,sans-serif}
html[lang="ta-IN"] .brand, html[lang="ta-IN"] h1, html[lang="ta-IN"] h2, html[lang="ta-IN"] h3{font-family:"Noto Sans Tamil","Latha","Nirmala UI",Georgia,serif}
.lang-en:not([hidden]),.lang-ta:not([hidden]){visibility:visible;opacity:1}
.nav-en:not([hidden]),.nav-ta:not([hidden]){visibility:visible;opacity:1}
.thalir-ta-product:not([hidden]){display:block}
.thalir-nav nav{display:flex;align-items:center;gap:16px;margin-left:auto}
@media(max-width:700px){.thalir-nav nav{display:none!important}}
/* v8: bilingual homepage content */

/* v10: uploaded Thalir Organic logo */
.thalir-logo{display:block;width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.thalir-nav .brand{display:flex;align-items:center;line-height:0}.thalir-nav .brand img{max-width:190px}@media(max-width:700px){.thalir-logo{width:150px;max-height:50px}}

/* v11: Thalir Organic brand palette matched to logo */
:root{--brand-green:#2B4221;--brand-gold:#BEA26E;--brand-cream:#F6F2E8}
.site-header{box-shadow:0 2px 14px rgba(43,66,33,.06)}
.thalir-lang-toggle:hover,.lang-btn:hover{background:#2B4221;color:#fff}
.cta:hover{background:#BEA26E;color:#2B4221;box-shadow:0 10px 24px rgba(190,162,110,.25)}
.cta.alt:hover{background:#BEA26E;color:#2B4221}
.location-badge{color:#2B4221}
.plan.featured{background:#2B4221}
.site-footer{background:#1D2D17}
.hero h1 em{color:#BEA26E}
.section h2{color:#2B4221}
.card h3{color:#2B4221}
.check b{color:#2B4221}
.price-note{color:#2B4221}.featured .price-note{color:#BEA26E}


/* v12: Free Microgreens Sample campaign */
.nav-sample{background:#BEA26E!important;color:#2B4221!important;padding:7px 11px;border-radius:999px;font-weight:800!important}.nav-sample:hover{background:#2B4221!important;color:#fff!important}
.free-sample-section{padding:46px 0;background:#F6F2E8}.free-sample-card{display:grid;grid-template-columns:1.6fr .65fr;gap:30px;align-items:center;background:linear-gradient(135deg,#2B4221 0%,#314c25 60%,#3a562d 100%);color:#fff;border-radius:32px;padding:42px;box-shadow:0 18px 45px rgba(43,66,33,.18);position:relative;overflow:hidden}.free-sample-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;background:rgba(190,162,110,.18)}.sample-kicker{display:inline-block;background:#BEA26E;color:#2B4221;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;letter-spacing:.6px}.free-sample-card h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);line-height:1.08;margin:14px 0 12px;color:#fff}.free-sample-card p{color:#F2EFE7;font-size:16px;max-width:760px}.sample-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin:20px 0 25px;color:#F6EEDC;font-weight:700;font-size:14px}.sample-cta{background:#BEA26E;color:#2B4221!important}.sample-cta:hover{background:#fff;color:#2B4221!important}.free-sample-badge{justify-self:end;width:210px;aspect-ratio:1;border-radius:50%;background:#F6F2E8;color:#2B4221;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;z-index:1}.free-sample-badge .badge-leaf{font-size:40px;margin-bottom:4px}.free-sample-badge strong{font-size:19px}.free-sample-badge span{font-size:12px;font-weight:800;margin-top:2px}.free-sample-badge small{font-size:11px;color:#66736a;margin-top:8px}
@media(max-width:850px){.nav-sample{padding:6px 9px}.free-sample-card{grid-template-columns:1fr;padding:30px}.free-sample-badge{justify-self:start;width:160px}.sample-points{flex-direction:column;gap:7px}}
@media(max-width:700px){.nav-sample{display:none!important}}