/*
Theme Name: SimpleOrchid
Description: Simple, responsive, minimalist WordPress theme for orchid care articles and ebook promotion.
Version: 1.1.0
Author: Orchid Care Guide
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: simpleorchid
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');
:root{--ink:#29252d;--muted:#746e78;--purple:#65427a;--purple-dark:#4d3260;--lilac:#f5f0f7;--line:#e9e4eb;--soft:#fbfafc;--width:1120px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.8 "Roboto",system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--purple);text-underline-offset:3px}a:hover{color:var(--purple-dark)}img{max-width:100%;height:auto;border-radius:8px}.wrap{width:min(calc(100% - 36px),var(--width));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-title{font-size:1.25rem;line-height:1.2;font-weight:800;letter-spacing:-.03em;margin:0}.site-title a{color:var(--ink);text-decoration:none}.tagline{font-size:.82rem;color:var(--muted);margin:5px 0 0}.main-nav ul,.footer-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-nav a,.footer-nav a{color:var(--ink);text-decoration:none;font-size:.93rem}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font:inherit}.site-main{padding:42px 0 68px;min-height:60vh}.grid{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,270px);gap:48px;align-items:start}.wide{max-width:800px;margin:auto}.title{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 16px;font-weight:800}.meta{font-size:.88rem;color:var(--muted);margin-bottom:12px}.featured{margin:24px 0}.featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.entry-content{font-size:1.04rem}.entry-content h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:2em 0 .65em}.entry-content h3{font-size:1.25rem;line-height:1.35;margin:1.6em 0 .5em}.entry-content p{margin:0 0 1.25em}.entry-content ul,.entry-content ol{padding-left:1.4em}.entry-content figure{margin:1.8em 0}.entry-content figcaption{font-size:.85rem;color:var(--muted);text-align:center}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px;text-align:left}.entry-content th{background:var(--soft)}.toc,.ocg-cta{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:22px;margin:26px 0}.toc h2,.ocg-cta h2,.ocg-cta h3{font-size:1.2rem;line-height:1.35;margin:0 0 10px}.toc ul{margin:0;padding-left:1.2em}.ocg-cta{background:var(--lilac);border-color:#e4d8eb;padding:25px}.ocg-cta p:last-child{margin-bottom:0}.ocg-button,.wp-block-button__link{display:inline-block;background:var(--purple);color:white!important;text-decoration:none;border-radius:7px;padding:11px 18px;font-weight:700}.ocg-button:hover,.wp-block-button__link:hover{background:var(--purple-dark)}.post-list{display:grid;gap:26px}.post-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line)}.post-card img{width:180px;height:130px;object-fit:cover}.post-card h2{font-size:1.35rem;line-height:1.3;margin:0 0 8px}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card p{font-size:.95rem;color:var(--muted);margin:0 0 8px}.read-more{font-weight:700;font-size:.92rem}.sidebar-widget{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.sidebar-widget h2{font-size:1.02rem;margin:0 0 10px}.site-footer{border-top:1px solid var(--line);background:var(--soft);padding:26px 0;color:var(--muted);font-size:.88rem}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-nav a{color:var(--muted)}.pagination{margin-top:30px}.page-numbers{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:6px;text-decoration:none}.page-numbers.current{background:var(--purple);color:white}.search-form{display:flex;gap:7px}.search-field{width:100%;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:7px;font:inherit}.search-submit{border:0;background:var(--purple);color:white;border-radius:7px;padding:8px 12px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}@media(max-width:850px){.grid{grid-template-columns:1fr;gap:30px}.head{min-height:70px}}@media(max-width:640px){body{font-size:16px}.wrap{width:calc(100% - 30px)}.head{flex-wrap:wrap;padding:13px 0}.menu-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav ul{display:block;padding:5px 0 12px}.main-nav li{padding:7px 0}.site-main{padding:28px 0 45px}.title{font-size:2.05rem}.entry-content{font-size:1rem}.post-card{grid-template-columns:1fr;gap:12px}.post-card img{width:100%;height:auto;aspect-ratio:16/9}.foot{align-items:flex-start;flex-direction:column}.toc,.ocg-cta{padding:18px}}

/* Article-card image fix: show the featured image, or the first in-content image as fallback. */
.post-card .post-card-image{display:block;grid-column:1;grid-row:1}
.post-card .post-card-image img{display:block;width:180px;height:130px;object-fit:cover}
@media(max-width:640px){.post-card .post-card-image img{width:100%;height:auto;aspect-ratio:16/9}}

/* Featured image support on homepage and archives */
.post-card .post-card-image{display:block;align-self:start}
.post-card .post-card-image img{display:block;width:180px;height:130px;object-fit:cover;border-radius:8px}
.post-card:not(:has(.post-card-image)){grid-template-columns:1fr}
@media(max-width:640px){.post-card .post-card-image img{width:100%;height:auto;aspect-ratio:16/9}}

/* Version 1.0.3: modern Poppins typography and evergreen metadata */
body,button,input,select,textarea{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6,.site-title,.title{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em}
.meta time,.post-date,.entry-date,.posted-on{display:none!important}

/* v1.0.5: keep the custom logo compact so navigation stays on one line */
.site-branding,.head>div:first-child{flex:0 1 280px;min-width:0}
.custom-logo-link{display:block;max-width:280px;width:100%;line-height:0}
.custom-logo{display:block;width:100%;max-width:280px;height:auto;max-height:80px;object-fit:contain}
.main-nav{flex:0 0 auto;min-width:0}
.main-nav ul{flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:clamp(12px,1.8vw,24px)}
.main-nav li{flex:0 0 auto}
.main-nav a{white-space:nowrap}
@media(max-width:850px){
  .head{gap:16px}
  .site-branding,.head>div:first-child{flex-basis:230px}
  .custom-logo-link,.custom-logo{max-width:230px;max-height:66px}
  .main-nav ul{gap:12px}
}
@media(max-width:680px){
  .head{flex-wrap:wrap;padding:12px 0}
  .site-branding,.head>div:first-child{flex:1 1 auto}
  .custom-logo-link,.custom-logo{max-width:220px;max-height:64px}
  .menu-toggle{display:block}
  .main-nav{display:none;flex:1 0 100%;width:100%}
  .main-nav.is-open{display:block}
  .main-nav ul{align-items:flex-start;flex-direction:column;gap:0}
  .main-nav li{width:100%}
  .main-nav a{display:block;padding:8px 0}
}

/* v1.0.6: hard limits for WordPress custom-logo markup and single-row desktop menu */
.site-header .head{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.site-header .head>.site-branding,
.site-header .head>div:first-child{flex:0 1 280px!important;width:280px!important;max-width:280px!important;min-width:0!important}
.site-header .head .custom-logo-link{display:block!important;width:280px!important;max-width:280px!important;height:80px!important;overflow:hidden!important;line-height:0!important;flex:0 0 280px!important}
.site-header .head img.custom-logo,
.site-header .head .custom-logo-link img{display:block!important;width:280px!important;max-width:280px!important;height:80px!important;max-height:80px!important;object-fit:contain!important;object-position:left center!important}
.site-header .head .main-nav{flex:1 1 auto!important;width:auto!important;min-width:0!important;margin-left:auto!important}
.site-header .head .main-nav>div{width:100%}
.site-header .head .main-nav ul{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(10px,1.3vw,20px)!important;white-space:nowrap!important}
.site-header .head .main-nav li{display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;white-space:nowrap!important}
.site-header .head .main-nav a{display:block!important;white-space:nowrap!important;font-size:clamp(12px,.95vw,15px)!important}
@media(max-width:900px) and (min-width:681px){
 .site-header .head{gap:14px!important}
 .site-header .head>.site-branding,.site-header .head>div:first-child{flex-basis:220px!important;width:220px!important;max-width:220px!important}
 .site-header .head .custom-logo-link{width:220px!important;max-width:220px!important;height:64px!important;flex-basis:220px!important}
 .site-header .head img.custom-logo,.site-header .head .custom-logo-link img{width:220px!important;max-width:220px!important;height:64px!important;max-height:64px!important}
 .site-header .head .main-nav ul{gap:9px!important}
 .site-header .head .main-nav a{font-size:12px!important}
}
@media(max-width:680px){
 .site-header .head{flex-flow:row wrap!important}
 .site-header .head>.site-branding,.site-header .head>div:first-child{flex:1 1 auto!important;width:auto!important;max-width:220px!important}
 .site-header .head .custom-logo-link{width:220px!important;max-width:220px!important;height:64px!important;flex:0 1 220px!important}
 .site-header .head img.custom-logo,.site-header .head .custom-logo-link img{width:220px!important;max-width:220px!important;height:64px!important;max-height:64px!important}
 .site-header .head .main-nav{display:none!important;flex:1 0 100%!important;width:100%!important}
 .site-header .head .main-nav.is-open{display:block!important}
 .site-header .head .main-nav ul{display:block!important;white-space:normal!important}
 .site-header .head .main-nav li,.site-header .head .main-nav a{white-space:normal!important}
}

/* SimpleOrchid v1.1.0: Roboto typography and responsive header */
body,button,input,select,textarea{font-family:"Roboto",Arial,sans-serif}
.site-title,.title,h1,h2,h3,h4,h5,h6{font-family:"Roboto",Arial,sans-serif;letter-spacing:-.025em}
.site-header .wrap.head{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,24px)}
.site-header .wrap.head>div:first-child{flex:0 1 420px;width:420px;max-width:420px;min-width:0}
.site-header a.custom-logo-link{display:block;width:100%;max-width:420px;max-height:110px;line-height:0}
.site-header img.custom-logo{display:block;width:100%;max-width:420px;height:auto;max-height:110px;object-fit:contain;object-position:left center}
.site-header nav.main-nav{flex:1 1 auto;min-width:0;margin-left:auto}
.site-header nav.main-nav ul{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:clamp(8px,1.2vw,16px);white-space:nowrap}
.site-header nav.main-nav li{flex:0 0 auto;margin:0;padding:0;white-space:nowrap}
.site-header nav.main-nav a{white-space:nowrap;font-size:clamp(12px,.95vw,15px)}
@media(max-width:980px) and (min-width:681px){
 .site-header .wrap.head{gap:12px}
 .site-header .wrap.head>div:first-child{flex-basis:300px;width:300px;max-width:300px}
 .site-header a.custom-logo-link{max-width:300px;max-height:85px}
 .site-header img.custom-logo{max-width:300px;max-height:85px}
 .site-header nav.main-nav ul{gap:8px}
 .site-header nav.main-nav a{font-size:12px}
}
@media(max-width:680px){
 .wrap{width:calc(100% - 28px)}
 .site-header .wrap.head{flex-flow:row wrap;gap:10px;padding:10px 0;min-height:0}
 .site-header .wrap.head>div:first-child{flex:1 1 auto;width:auto;max-width:calc(100% - 82px)}
 .site-header a.custom-logo-link{width:100%;max-width:250px;max-height:72px}
 .site-header img.custom-logo{width:100%;max-width:250px;max-height:72px;height:auto;object-fit:contain;object-position:left center}
 .site-header .menu-toggle{display:block;flex:0 0 auto;margin-left:auto}
 .site-header nav.main-nav{display:none;flex:1 0 100%;width:100%;margin:0}
 .site-header nav.main-nav.is-open{display:block}
 .site-header nav.main-nav ul{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:0;white-space:normal;padding:8px 0 4px}
 .site-header nav.main-nav li{width:100%;white-space:normal;border-top:1px solid var(--line)}
 .site-header nav.main-nav a{display:block;padding:9px 2px;font-size:15px;white-space:normal}
 .site-main{padding:28px 0 44px}
 .grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .wide{max-width:100%}
 .title{font-size:clamp(1.8rem,8vw,2.3rem);line-height:1.18}
 .entry-content{font-size:1rem}
 .post-card{grid-template-columns:1fr;gap:12px}
 .post-card .post-card-image img,.post-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
 .foot{align-items:flex-start;flex-direction:column}
}