@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/*
Theme Name: Orchid Level Dewa
Description: Simple, responsive, minimalist WordPress theme for orchid care articles and ebook promotion.
Version: 1.1.8
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 "Plus Jakarta Sans",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:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6,.site-title,.title{font-family:"Plus Jakarta Sans",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}
}


/* SimpleOrchid v1.1.1: allow desktop navigation to wrap instead of overlapping the logo */
@media (min-width:681px) {
  .site-header .wrap.head {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
  }
  .site-header .wrap.head > div:first-child {
    flex:0 1 280px !important;
    width:280px !important;
    max-width:280px !important;
    min-width:0 !important;
  }
  .site-header .wrap.head a.custom-logo-link {
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    max-height:80px !important;
    overflow:visible !important;
  }
  .site-header .wrap.head img.custom-logo {
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    max-height:80px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .site-header .wrap.head nav.main-nav {
    flex:1 1 0% !important;
    width:auto !important;
    min-width:0 !important;
    margin-left:auto !important;
  }
  .site-header .wrap.head nav.main-nav > ul,
  .site-header .wrap.head nav.main-nav div > ul {
    display:flex !important;
    flex-flow:row wrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px 12px !important;
    white-space:normal !important;
    max-width:100% !important;
  }
  .site-header .wrap.head nav.main-nav li {
    flex:0 1 auto !important;
    min-width:0 !important;
    white-space:normal !important;
  }
  .site-header .wrap.head nav.main-nav a {
    display:block !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    font-size:clamp(12px,.95vw,15px) !important;
  }
}
@media (min-width:681px) and (max-width:900px) {
  .site-header .wrap.head > div:first-child {
    flex-basis:220px !important;
    width:220px !important;
    max-width:220px !important;
  }
  .site-header .wrap.head a.custom-logo-link,
  .site-header .wrap.head img.custom-logo {
    max-width:220px !important;
    max-height:64px !important;
  }
  .site-header .wrap.head nav.main-nav > ul,
  .site-header .wrap.head nav.main-nav div > ul {
    gap:4px 9px !important;
  }
}


/* SimpleOrchid v1.1.3: structural header fix.
   Use a two-column grid on desktop so the navigation cannot occupy the logo's space. */
@media (min-width:681px) {
  header.site-header .wrap.head {
    display:grid !important;
    grid-template-columns:minmax(0,280px) minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:center !important;
    justify-content:normal !important;
    column-gap:clamp(12px,2vw,24px) !important;
    row-gap:4px !important;
    flex-flow:initial !important;
    min-height:78px !important;
    overflow:visible !important;
  }
  header.site-header .wrap.head > div:first-child {
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:280px !important;
    min-width:0 !important;
    flex:none !important;
    overflow-wrap:anywhere !important;
  }
  header.site-header .wrap.head > div:first-child .custom-logo-link {
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    max-height:80px !important;
    overflow:visible !important;
    line-height:0 !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    display:block !important;
    width:100% !important;
    max-width:280px !important;
    height:auto !important;
    max-height:80px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  header.site-header .wrap.head > .menu-toggle {
    display:none !important;
  }
  header.site-header .wrap.head > nav.main-nav {
    display:block !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    justify-self:stretch !important;
    align-self:center !important;
    overflow:visible !important;
    flex:none !important;
  }
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px 12px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
  }
  header.site-header .wrap.head > nav.main-nav li {
    display:block !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
  }
  header.site-header .wrap.head > nav.main-nav a {
    display:block !important;
    max-width:100% !important;
    padding:3px 0 !important;
    font-size:clamp(12px,.95vw,15px) !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}
@media (min-width:681px) and (max-width:900px) {
  header.site-header .wrap.head {
    grid-template-columns:minmax(0,210px) minmax(0,1fr) !important;
    column-gap:12px !important;
  }
  header.site-header .wrap.head > div:first-child,
  header.site-header .wrap.head > div:first-child .custom-logo-link,
  header.site-header .wrap.head > div:first-child img.custom-logo {
    max-width:210px !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    max-height:62px !important;
  }
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    gap:3px 8px !important;
  }
  header.site-header .wrap.head > nav.main-nav a {
    font-size:12px !important;
  }
}
@media (max-width:680px) {
  header.site-header .wrap.head {
    display:flex !important;
    flex-flow:row wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:10px 0 !important;
    min-height:0 !important;
  }
  header.site-header .wrap.head > div:first-child {
    flex:1 1 0 !important;
    width:auto !important;
    max-width:calc(100% - 82px) !important;
    min-width:0 !important;
  }
  header.site-header .wrap.head > div:first-child .custom-logo-link,
  header.site-header .wrap.head > div:first-child img.custom-logo {
    width:100% !important;
    max-width:250px !important;
    max-height:72px !important;
    height:auto !important;
  }
  header.site-header .wrap.head > .menu-toggle {
    display:block !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
  }
  header.site-header .wrap.head > nav.main-nav {
    display:none !important;
    flex:1 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  header.site-header .wrap.head > nav.main-nav.is-open {
    display:block !important;
  }
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    white-space:normal !important;
  }
  header.site-header .wrap.head > nav.main-nav li,
  header.site-header .wrap.head > nav.main-nav a {
    width:100% !important;
    white-space:normal !important;
  }
}


/* SimpleOrchid v1.1.4: left-align wrapped navigation and style links as square buttons */
@media (min-width:681px) {
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    justify-content:flex-start !important;
    align-items:center !important;
    text-align:left !important;
    gap:7px 8px !important;
  }
  header.site-header .wrap.head > nav.main-nav li {
    text-align:left !important;
  }
  header.site-header .wrap.head > nav.main-nav a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    padding:8px 11px !important;
    border:1px solid #e5e7eb !important;
    border-radius:5px !important;
    background:#ffffff !important;
    color:#253b2c !important;
    text-decoration:none !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
  }
  header.site-header .wrap.head > nav.main-nav a:hover,
  header.site-header .wrap.head > nav.main-nav a:focus-visible {
    background:#6b176b !important;
    border-color:#6b176b !important;
    color:#ffffff !important;
    box-shadow:0 2px 7px rgba(55,25,55,.16) !important;
    outline:none !important;
  }
  header.site-header .wrap.head > nav.main-nav .current-menu-item > a,
  header.site-header .wrap.head > nav.main-nav .current_page_item > a,
  header.site-header .wrap.head > nav.main-nav .current-menu-ancestor > a {
    background:#f5edf5 !important;
    border-color:#c9a5c9 !important;
    color:#6b176b !important;
  }
  header.site-header .wrap.head > nav.main-nav .current-menu-item > a:hover,
  header.site-header .wrap.head > nav.main-nav .current_page_item > a:hover,
  header.site-header .wrap.head > nav.main-nav .current-menu-ancestor > a:hover {
    background:#6b176b !important;
    border-color:#6b176b !important;
    color:#ffffff !important;
  }
}
@media (max-width:680px) {
  header.site-header .wrap.head > nav.main-nav a {
    display:flex !important;
    box-sizing:border-box !important;
    padding:10px 12px !important;
    border:1px solid #e5e7eb !important;
    border-radius:5px !important;
    background:#ffffff !important;
    color:#253b2c !important;
    text-decoration:none !important;
    margin:3px 0 !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease !important;
  }
  header.site-header .wrap.head > nav.main-nav a:hover,
  header.site-header .wrap.head > nav.main-nav a:focus-visible {
    background:#6b176b !important;
    border-color:#6b176b !important;
    color:#ffffff !important;
  }
}


/* Orchid Level Dewa v1.1.6: larger square logo and Plus Jakarta Sans typography */
500;600;700;800&display=swap');
:root { --ocg-logo-width: 420px; }
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, .site-title, .title,
.main-nav a, .footer-nav a {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
@media (min-width:901px) {
  header.site-header .wrap.head {
    grid-template-columns:minmax(0,420px) minmax(0,1fr) !important;
    column-gap:clamp(18px,2vw,32px) !important;
    align-items:center !important;
    min-height:0 !important;
    padding:16px 0 !important;
  }
  header.site-header .wrap.head > div:first-child {
    width:100% !important;
    max-width:420px !important;
    min-width:0 !important;
    align-self:center !important;
  }
  header.site-header .wrap.head > div:first-child .custom-logo-link {
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    max-height:none !important;
    height:auto !important;
    line-height:0 !important;
    overflow:visible !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    display:block !important;
    width:100% !important;
    max-width:420px !important;
    max-height:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:0 !important;
  }
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    justify-content:flex-start !important;
  }
}
@media (min-width:681px) and (max-width:900px) {
  header.site-header .wrap.head {
    grid-template-columns:minmax(0,280px) minmax(0,1fr) !important;
    column-gap:14px !important;
  }
  header.site-header .wrap.head > div:first-child,
  header.site-header .wrap.head > div:first-child .custom-logo-link,
  header.site-header .wrap.head > div:first-child img.custom-logo {
    max-width:280px !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    max-height:none !important;
  }
}
@media (max-width:680px) {
  header.site-header .wrap.head > div:first-child .custom-logo-link {
    max-width:150px !important;
    max-height:none !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    width:100% !important;
    max-width:150px !important;
    max-height:none !important;
    height:auto !important;
    border-radius:0 !important;
  }
}


/* Orchid Level Dewa v1.1.7: enforce Plus Jakarta Sans and responsive logo on mobile */
html, body, body *,
button, input, select, textarea,
.site-header, .site-header *,
.site-title, .site-description,
.main-nav, .main-nav *,
.menu, .menu *,
.widget, .widget *,
.entry-content, .entry-content *,
.site-footer, .site-footer * {
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif !important;
}
@media (max-width:680px) {
  header.site-header .wrap.head {
    display:flex !important;
    flex-flow:row wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:10px 14px !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:0 !important;
  }
  header.site-header .wrap.head > div:first-child {
    flex:0 1 auto !important;
    width:clamp(104px,34vw,180px) !important;
    max-width:calc(100% - 64px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  header.site-header .wrap.head > div:first-child .custom-logo-link {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
    overflow:visible !important;
  }
  header.site-header .wrap.head > div:first-child img.custom-logo {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  header.site-header .wrap.head > .menu-toggle {
    display:block !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
  }
  header.site-header .wrap.head > nav.main-nav {
    display:none !important;
    flex:1 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  header.site-header .wrap.head > nav.main-nav.is-open {
    display:block !important;
  }
  header.site-header .wrap.head > nav.main-nav > ul,
  header.site-header .wrap.head > nav.main-nav > div > ul {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    gap:4px !important;
    white-space:normal !important;
  }
  header.site-header .wrap.head > nav.main-nav li {
    width:100% !important;
    min-width:0 !important;
  }
  header.site-header .wrap.head > nav.main-nav a {
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    font-size:14px !important;
    line-height:1.45 !important;
    padding:10px 12px !important;
  }
}
@media (max-width:380px) {
  header.site-header .wrap.head {
    padding:8px 10px !important;
    gap:6px !important;
  }
  header.site-header .wrap.head > div:first-child {
    width:clamp(96px,32vw,132px) !important;
  }
  header.site-header .wrap.head > nav.main-nav a {
    font-size:13px !important;
    padding:9px 10px !important;
  }
}


/* v1.1.8: explicitly enforce Plus Jakarta Sans on mobile, including navigation and controls */
@media (max-width: 768px) {
  html, html body, html body *,
  html body button, html body input, html body select, html body textarea,
  html body .site-header, html body .site-header *,
  html body .main-nav, html body .main-nav *,
  html body .menu, html body .menu *,
  html body .entry-content, html body .entry-content *,
  html body .site-footer, html body .site-footer * {
    font-family:"Plus Jakarta Sans",sans-serif !important;
  }
}