/*
Theme Name: LocalFind
Theme URI: https://example.com/localfind
Author: LocalFind
Description: Custom green-and-white WordPress theme for a Tamil Nadu local business directory.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: localfind
*/
:root{--lf-green:#16834a;--lf-green-dark:#0f5935;--lf-ink:#18372a;--lf-muted:#62766a;--lf-bg:#f5faf6;--lf-line:#dfeae2;--lf-white:#fff;--lf-radius:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--lf-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--lf-green);text-decoration:none}a:hover{color:var(--lf-green-dark)}
img{max-width:100%;height:auto}
.lf-container{width:min(1160px,calc(100% - 36px));margin-inline:auto}
.lf-header{background:#fff;border-bottom:1px solid var(--lf-line);position:sticky;top:0;z-index:30}
.lf-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.lf-brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:1.45rem;color:var(--lf-green-dark)}
.lf-brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--lf-green);color:white;border-radius:13px;font-weight:900}
.lf-nav ul{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}
.lf-nav a{color:var(--lf-ink);font-weight:650;font-size:.95rem}
.lf-nav a:hover{color:var(--lf-green)}
.lf-nav .menu-item-cta a{background:var(--lf-green);color:white;padding:10px 15px;border-radius:10px}
.lf-hero{background:linear-gradient(135deg,#eff9f1 0%,#fff 60%,#e4f5e9 100%);padding:76px 0 64px}
.lf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px}
.lf-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lf-green-dark);background:#dff2e5;padding:6px 12px;border-radius:100px;font-weight:750;font-size:.82rem}
.lf-hero h1{font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.06;letter-spacing:-.045em;margin:18px 0;color:var(--lf-ink)}
.lf-hero h1 span{color:var(--lf-green)}
.lf-hero p{font-size:1.1rem;color:var(--lf-muted);max-width:620px}
.lf-hero-panel{background:#fff;border:1px solid var(--lf-line);border-radius:24px;padding:22px;box-shadow:0 20px 60px rgba(18,65,39,.08)}
.lf-hero-panel h3{margin:0 0 8px;font-size:1.1rem}
.lf-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.lf-stat{background:var(--lf-bg);border-radius:12px;padding:12px;text-align:center}
.lf-stat strong{display:block;color:var(--lf-green-dark);font-size:1.25rem}
.lf-stat small{color:var(--lf-muted)}
.lf-section{padding:58px 0}
.lf-section-soft{background:var(--lf-bg)}
.lf-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.lf-section-heading h2{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.025em}
.lf-section-heading p{margin:5px 0 0;color:var(--lf-muted)}
.lf-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lf-category{display:block;border:1px solid var(--lf-line);background:#fff;padding:20px;border-radius:15px;color:var(--lf-ink);font-weight:750;transition:transform .15s,box-shadow .15s}
.lf-category:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(18,65,39,.08);color:var(--lf-green)}
.lf-category-icon{width:42px;height:42px;display:grid;place-items:center;background:#e6f5eb;border-radius:12px;margin-bottom:12px;font-size:1.2rem}
.lf-footer{background:#103c28;color:#e7f5eb;padding:38px 0;margin-top:30px}
.lf-footer a{color:#fff}.lf-footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lf-footer p{margin:4px 0;color:#c7dfcf}
.lf-content{padding:38px 0 64px;min-height:45vh}
.lf-content h1,.lf-content h2,.lf-content h3{line-height:1.2;color:var(--lf-ink)}
.lf-post-card{border:1px solid var(--lf-line);padding:22px;border-radius:16px;margin-bottom:16px}
.lf-button,.wp-block-button__link{display:inline-block;background:var(--lf-green);color:white!important;border:0;border-radius:10px;padding:12px 17px;font-weight:750}
.lf-button:hover,.wp-block-button__link:hover{background:var(--lf-green-dark)}
/* Styling for the LocalFind Directory plugin */
.lf-directory{--lf-green:#16834a;--lf-dark:#123b2a;color:#24352c}
.lf-search{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;background:#f2f8f4;padding:16px;border-radius:14px;margin:0 0 22px}
.lf-search input,.lf-search select,.lf-submit-form input,.lf-submit-form textarea,.lf-submit-form select{width:100%;min-width:0;padding:12px;border:1px solid #d2e2d7;border-radius:9px;background:#fff;box-sizing:border-box;font:inherit}
.lf-search button,.lf-submit-form button{background:var(--lf-green);color:#fff;border:0;border-radius:9px;padding:12px 16px;font:inherit;font-weight:750;cursor:pointer}
.lf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lf-card{position:relative;background:#fff;border:1px solid var(--lf-line);border-radius:15px;padding:20px;box-shadow:0 4px 16px rgba(18,59,42,.05);min-width:0}
.lf-card h3{margin:6px 0 10px;color:var(--lf-ink)}.lf-card h3 a{color:var(--lf-ink)}
.lf-muted{font-size:.9em;color:var(--lf-muted)}.lf-badge{display:inline-block;background:#fff2c7;color:#725300;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:750}
.lf-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lf-button{font-size:14px}.lf-whatsapp{background:#16834a}.lf-button.lf-light{background:#edf5ef;color:#145b36!important}
.lf-submit-form{max-width:720px;display:grid;gap:14px}.lf-submit-form label{display:grid;gap:6px;font-weight:650}
.lf-notice,.lf-success,.lf-error{padding:13px 16px;border-radius:9px;background:#eff8f1;margin:10px 0}.lf-error{background:#fff0f0;color:#8c2525}
.lf-single-details{padding:18px;background:#f2f8f4;border-radius:12px;margin-top:18px}
@media(max-width:900px){.lf-hero-grid{grid-template-columns:1fr}.lf-category-grid{grid-template-columns:repeat(2,1fr)}.lf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-search{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lf-container{width:min(100% - 24px,1160px)}.lf-header-inner{padding:12px 0;align-items:flex-start;flex-direction:column}.lf-nav ul{gap:12px;flex-wrap:wrap}.lf-hero{padding:48px 0}.lf-grid,.lf-search,.lf-category-grid{grid-template-columns:1fr}.lf-section{padding:42px 0}.lf-section-heading{align-items:flex-start;flex-direction:column}}