/*
Theme Name: Homvessio Botanical Editorial
Theme URI: https://homvessio.com
Author: Homvessio Editorial
Description: Premium botanical editorial WordPress theme for home improvement and real estate authority sites.
Version: 1.0.0
Text Domain: homvessio
*/
:root{--sage:#6f8064;--sage2:#dfe7d7;--cream:#f8f3e7;--rust:#b75f3b;--ink:#26372f;--white:#fff;--line:#d7d7c8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;margin:0 0 18px}.site-header{background:#fbf7ed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{height:82px;display:flex;align-items:center;gap:28px}.site-logo img{height:48px;width:auto}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.primary-nav a{font-weight:700;font-size:14px}.menu-toggle{display:none;background:var(--sage);color:white;border:0;border-radius:12px;padding:10px 13px}.botanical-hero{background:#f5efdf;position:relative;padding:55px 0 100px;overflow:hidden}.hero-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.hero-copy h1{font-size:clamp(44px,6vw,78px)}.hero-copy p{font-size:19px;max-width:590px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--rust)}.hero-art{border-radius:120px 28px 120px 28px;overflow:hidden;box-shadow:0 30px 70px #52604c35}.hero-art img{aspect-ratio:16/10;object-fit:cover}.search-form{display:flex;max-width:540px;background:white;border:1px solid var(--line);padding:7px;border-radius:999px;margin-top:28px}.search-form input{flex:1;border:0;background:transparent;padding:10px 16px;font-size:15px;outline:0}.search-form button{border:0;border-radius:50px;background:var(--rust);color:white;padding:10px 18px;font-weight:700}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-badges span{background:#e6ecdf;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.curve{position:absolute;left:-5%;right:-5%;bottom:-72px;height:140px;background:var(--cream);border-radius:50% 50% 0 0}.pathways,.editorial-section{padding:90px 0}.section-intro{max-width:760px;margin-bottom:40px}.section-intro h2{font-size:clamp(36px,5vw,58px)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-card{background:#fffaf0;border:1px solid var(--line);border-radius:30px 10px 30px 10px;padding:28px;display:grid;gap:6px;transition:.25s}.path-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #5c6d5730}.path-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--sage2);font-size:25px}.path-card strong{font-family:Georgia,serif;font-size:24px}.path-card small{color:#647064}.trust-band{background:var(--sage);color:white;padding:30px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.trust-grid div{padding-left:18px;border-left:1px solid #ffffff55}.trust-grid b,.trust-grid span{display:block}.trust-grid span{font-size:13px;opacity:.82}.split{display:flex;justify-content:space-between;align-items:end;max-width:none}.split p{max-width:390px}.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.editorial-card{grid-column:span 4;background:white;border-radius:18px 42px 18px 42px;overflow:hidden;border:1px solid var(--line)}.editorial-card:nth-child(1),.editorial-card:nth-child(4){grid-column:span 8}.editorial-card a{display:grid;grid-template-columns:1fr}.editorial-card:nth-child(1) a,.editorial-card:nth-child(4) a{grid-template-columns:1.15fr .85fr}.editorial-card img{width:100%;height:260px;object-fit:cover}.editorial-card:nth-child(1) img,.editorial-card:nth-child(4) img{height:100%;min-height:330px}.card-body{padding:26px}.card-body span{color:var(--rust);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.card-body h3{font-size:29px;margin-top:8px}.card-body b{color:var(--rust)}.pagination{text-align:center;margin-top:40px}.older-posts{display:inline-block;background:var(--ink);color:white;border-radius:999px;padding:13px 28px;font-weight:800}.site-footer{background:var(--ink);color:white;padding:55px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}.site-footer .site-logo img{height:44px;background:#f8f3e7;border-radius:8px;padding:5px}.entry-content,.single-wrap,.page-wrap{width:min(820px,92%);margin:55px auto}.entry-content p{margin:0 0 1.35em}.in-article-links{background:#eef2e9;border-left:4px solid var(--rust);padding:18px;margin:26px 0;border-radius:8px}.related-posts{margin-top:55px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:white;border:1px solid var(--line);border-radius:16px 30px 16px 30px;overflow:hidden}.related-card img{height:150px;width:100%;object-fit:cover}.related-card .card-body{padding:18px}@media(max-width:900px){.primary-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fbf7ed;padding:20px}.primary-nav.open{display:block}.primary-nav ul{flex-direction:column}.menu-toggle{display:block;margin-left:auto}.hero-shell{grid-template-columns:1fr}.path-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.editorial-card,.editorial-card:nth-child(1),.editorial-card:nth-child(4){grid-column:span 6}.editorial-card:nth-child(1) a,.editorial-card:nth-child(4) a{grid-template-columns:1fr}.split{display:block}}@media(max-width:620px){.header-inner{height:70px}.site-logo img{height:40px}.primary-nav{top:70px}.botanical-hero{padding-top:30px}.hero-copy h1{font-size:42px}.path-grid,.trust-grid,.related-grid{grid-template-columns:1fr}.editorial-card,.editorial-card:nth-child(1),.editorial-card:nth-child(4){grid-column:span 12}.footer-grid{display:grid}.curve{bottom:-95px}.pathways{padding-top:65px}}
/* ============================================================
   FIX PATCH — rules for classes used in templates that were
   missing from the stylesheet (single.php, page.php, index.php,
   searchform.php). Added without touching the existing design.
   ============================================================ */

/* Standard WordPress accessibility class — visually hides text
   while keeping it available to screen readers. Was missing,
   so the "Search" label was showing visibly on every page. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Single post / page layout: two-column article + sidebar shell.
   These classes were referenced in single.php and page.php but
   had no CSS at all, so both templates rendered unstyled. */
.content-shell{display:grid;grid-template-columns:1fr 300px;gap:48px;width:min(1180px,92%);margin:55px auto;align-items:start}
.article{min-width:0}
.article .eyebrow{display:block;margin-bottom:10px}
.article h1{font-size:clamp(32px,4.5vw,52px)}
.article .entry-content{width:auto;margin:32px 0}
.article > img{border-radius:18px 42px 18px 42px;margin:24px 0}
.sidebar{position:sticky;top:100px;display:grid;gap:18px}
.sidebar-box{background:#fffaf0;border:1px solid var(--line);border-radius:18px 42px 18px 42px;padding:22px}
.sidebar-box h3{font-size:20px;margin-top:8px}
.sidebar-box .search-form{margin-top:0}
@media(max-width:900px){.content-shell{grid-template-columns:1fr}.sidebar{position:static}}

/* Archive / category / search results grid (index.php). This is
   the template every menu and category link lands on, and it had
   no styling — categories looked completely broken when visited. */
.section{padding:70px 0}
.section-head{max-width:760px;margin:0 auto 40px;text-align:center}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.resource-card{position:relative;border-radius:18px 42px 18px 42px;overflow:hidden;background:white;border:1px solid var(--line)}
.resource-card img{height:230px;width:100%;object-fit:cover}
.resource-card .card-overlay{padding:22px}
.resource-card .card-overlay span{color:var(--rust);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}
.resource-card .card-overlay h2{font-size:22px;margin:8px 0}
.resource-card .card-overlay p{margin:0;color:#5a6a5a;font-size:15px}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.resource-grid{grid-template-columns:1fr}}

/* Small meta text (date/category labels) used in card and article
   footers — was rendering as unstyled default inline text. */
.meta{font-size:13px;color:#6d7a6d;letter-spacing:.02em}