/*
Theme Name: Samunpri Herbal Database V3
Description: Full-featured Thai herbal database theme with A-Z index, multi-filter search, AJAX-like live filtering, CSV import/export helpers and modern cards.
Version: 3.0.0
Author: Samunpri
*/
:root{--g:#126b45;--g2:#218b5b;--dark:#123d2c;--bg:#f5f8f6;--line:#dfe9e3;--muted:#708079;--shadow:0 8px 26px rgba(15,65,42,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#183128;font-family:"Prompt","Noto Sans Thai",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}.wrap{width:min(1200px,92%);margin:auto}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;color:var(--g);font-size:24px}.menu{display:flex;gap:20px}.menu a:hover{color:var(--g2)}
.hero{padding:62px 0;color:#fff;background:linear-gradient(135deg,#0b5638,#27915e)}.hero h1{font-size:clamp(34px,5vw,58px);margin:0}.hero p{opacity:.9;margin:6px 0 24px}.searchbar{display:flex;gap:8px;background:#fff;padding:7px;border-radius:14px;max-width:900px}.searchbar input{flex:1;border:0;outline:0;padding:13px 15px;font:inherit}.btn{border:0;border-radius:9px;background:var(--g);color:#fff;padding:11px 17px;font:inherit;font-weight:600;cursor:pointer}.btn.alt{background:#fff;color:var(--g)}
.section{padding:42px 0}.section h2{font-size:28px;margin:0 0 20px}.toolbar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:22px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:9px}.filters input,.filters select{width:100%;padding:11px;border:1px solid #d3e0d8;border-radius:9px;background:#fff;font:inherit}
.az{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.az a{min-width:34px;text-align:center;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--g)}.az a.active,.az a:hover{background:var(--g);color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:.18s}.card:hover{transform:translateY(-3px)}.pic{aspect-ratio:1/1;background:#e9f2ec;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.body{padding:15px}.body h3{margin:0 0 2px;font-size:19px}.latin{font-size:13px;color:var(--muted);font-style:italic}.badge{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:999px;background:#edf7f1;color:var(--g);font-size:12px}.empty{background:#fff;border:1px dashed #cbdad1;padding:45px;text-align:center;border-radius:15px;color:var(--muted)}
.single-top{padding:40px 0 15px}.single{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.photo{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.photo img{width:100%;aspect-ratio:1/1;object-fit:cover}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}.table th{width:31%;background:#f0f6f2}.box{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;margin-top:25px}.footer{margin-top:60px;background:var(--dark);color:#dbe9e2;padding:35px 0}
@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.single{grid-template-columns:1fr}}
@media(max-width:650px){.grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.menu{display:none}.searchbar{display:block;background:transparent;padding:0}.searchbar input{width:100%;border-radius:9px;margin-bottom:8px}.searchbar .btn{width:100%}}
@media(max-width:430px){.grid{grid-template-columns:1fr}}