/* =====================================================================
   HomeGrown Comics — Modern Facelift  (loaded via mu-plugin, override layer)
   Brand: green + ink, comic-energetic. Non-destructive restyle.
   ===================================================================== */

:root{
  --hg-green:#1FA637;         /* brand green */
  --hg-green-d:#178a2d;
  --hg-ink:#151a21;           /* near-black text */
  --hg-ink-soft:#3d4650;
  --hg-red:#ff4d3d;           /* comic accent */
  --hg-bg:#f4f6f8;            /* page bg */
  --hg-card:#ffffff;
  --hg-line:#e7ebf0;
  --hg-shadow:0 10px 30px rgba(21,26,33,.08);
  --hg-shadow-lg:0 20px 50px rgba(21,26,33,.14);
  --hg-radius:16px;
}

/* ---------- Typography + base ---------- */
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  color:var(--hg-ink) !important;
  background:var(--hg-bg) !important;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
h1,h2,h3,h4,h5,h6,.entry-title,.h1,.h2,.h3{
  font-family:'Poppins',sans-serif !important;
  color:var(--hg-ink) !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  line-height:1.15;
}
.entry-title{font-size:clamp(1.7rem,3.2vw,2.6rem) !important;}
a{color:var(--hg-green);}
a:hover{color:var(--hg-green-d);}
p{color:var(--hg-ink-soft);}

/* ---------- Layout containers ---------- */
.site-content,.content-area,.site-main,main{background:transparent !important;}
.site .container,.site .container-fluid{max-width:1200px;}

/* ---------- Header / navbar ---------- */
.site-header{background:transparent !important;box-shadow:none !important;}
#site-navigation.navbar{
  background:rgba(255,255,255,.9) !important;
  -webkit-backdrop-filter:saturate(1.4) blur(10px);
  backdrop-filter:saturate(1.4) blur(10px);
  box-shadow:0 4px 24px rgba(21,26,33,.07);
  border-bottom:1px solid var(--hg-line);
  padding:.55rem 1.25rem !important;
}
.navbar .custom-logo{max-height:56px;width:auto;height:auto;transition:transform .2s ease;}
.navbar .custom-logo-link:hover .custom-logo{transform:scale(1.04);}
#main-menu{align-items:center;gap:2px;}
#main-menu .nav-item{margin:0 1px;}
#main-menu .nav-link{
  font-family:'Poppins',sans-serif !important;
  font-weight:600 !important;
  color:var(--hg-ink) !important;
  font-size:.95rem;
  padding:.5rem .9rem !important;
  border-radius:9999px;
  transition:background .18s ease,color .18s ease;
}
#main-menu .nav-link:hover,#main-menu .current-menu-item>.nav-link{
  color:var(--hg-green-d) !important;
  background:rgba(31,166,55,.10);
}
#main-menu .menu-item-has-children>.nav-link::after{opacity:.6;}
/* dropdowns */
.navbar .dropdown-menu{
  border:1px solid var(--hg-line);border-radius:14px;
  box-shadow:var(--hg-shadow);padding:.4rem;margin-top:.4rem;
}
.navbar .dropdown-item{border-radius:9px;font-weight:500;padding:.5rem .8rem;}
.navbar .dropdown-item:hover{background:rgba(31,166,55,.1);color:var(--hg-green-d);}
.navbar-toggler{border:0 !important;padding:.3rem;}
.navbar-toggler .icon-bar{display:block;width:24px;height:2.5px;background:var(--hg-ink);border-radius:2px;margin:5px 0;transition:.2s;}

/* ---------- Buttons ---------- */
.btn,a.button,button.button,input[type="submit"],
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.single_add_to_cart_button,.wc-block-components-button,
.mbt-universal-buybutton,.mbt-buy-button a,a.mbt-buy-button{
  font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;
  border-radius:9999px !important;
  border:0 !important;
  padding:.7rem 1.5rem !important;
  background:var(--hg-green) !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(31,166,55,.28) !important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease !important;
  text-transform:none !important;
  line-height:1.3 !important;
}
.btn:hover,a.button:hover,button.button:hover,input[type="submit"]:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.single_add_to_cart_button:hover,.mbt-universal-buybutton:hover{
  background:var(--hg-green-d) !important;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(31,166,55,.36) !important;
  color:#fff !important;
}
/* secondary / outline buttons (e.g. Buy Direct, read more) */
.btn-secondary,.btn-outline,.btn-light,.added_to_cart,.button.alt.disabled{
  background:#fff !important;color:var(--hg-ink) !important;
  border:1.5px solid var(--hg-line) !important;box-shadow:none !important;
}
.btn-secondary:hover,.added_to_cart:hover{border-color:var(--hg-green) !important;color:var(--hg-green-d) !important;background:#fff !important;}
.more-link,a.more-link{
  display:inline-block;font-family:'Poppins',sans-serif;font-weight:700;
  color:var(--hg-green-d) !important;
}

/* ---------- Content cards ---------- */
article,.hentry,.card,.type-page,.type-post,.type-comic,
.woocommerce ul.products li.product,.wc-block-grid__product{
  background:var(--hg-card) !important;
  border:1px solid var(--hg-line) !important;
  border-radius:var(--hg-radius) !important;
  box-shadow:var(--hg-shadow);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.woocommerce ul.products li.product{padding:14px !important;text-align:center;}
.woocommerce ul.products li.product:hover,article:hover,.type-comic:hover{
  transform:translateY(-4px);
  box-shadow:var(--hg-shadow-lg);
  border-color:rgba(31,166,55,.35) !important;
}
.woocommerce ul.products li.product img,article img,.type-comic img{
  border-radius:12px;
}
.woocommerce ul.products li.product .price{color:var(--hg-green-d) !important;font-weight:800;font-family:'Poppins',sans-serif;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Poppins',sans-serif !important;font-weight:700 !important;font-size:1.02rem !important;color:var(--hg-ink) !important;
}

/* entry header spacing */
.entry-header{margin-bottom:1.2rem;}
.page .entry-header .entry-title,.home .entry-title{
  position:relative;display:inline-block;padding-bottom:.35rem;
}
.page .entry-header .entry-title::after{
  content:"";position:absolute;left:0;bottom:0;width:64px;height:5px;border-radius:5px;
  background:linear-gradient(90deg,var(--hg-green),var(--hg-red));
}

/* single product / single comic panels get the card treatment */
.single .site-main>article,.single-comic #comic,.single-product div.product{
  background:var(--hg-card);border-radius:var(--hg-radius);box-shadow:var(--hg-shadow);
  border:1px solid var(--hg-line);padding:1.5rem;
}
.single-product .product_title{font-size:clamp(1.6rem,3vw,2.3rem) !important;}
.single-product .price,.single-product .amount{color:var(--hg-green-d) !important;font-weight:800;}

/* prices generally */
.woocommerce .price .amount,.price ins .amount{color:var(--hg-green-d);font-weight:700;}

/* ---------- Forms ---------- */
input[type="text"],input[type="email"],input[type="search"],input[type="password"],
input[type="number"],textarea,select,.form-control{
  border:1.5px solid var(--hg-line) !important;border-radius:12px !important;
  padding:.6rem .9rem !important;background:#fff !important;color:var(--hg-ink) !important;
}
input:focus,textarea:focus,select:focus,.form-control:focus{
  border-color:var(--hg-green) !important;box-shadow:0 0 0 3px rgba(31,166,55,.15) !important;outline:0 !important;
}

/* ---------- Footer ---------- */
.footer,footer.footer,.site-footer{
  background:var(--hg-ink) !important;color:#c7d0da !important;
  margin-top:3rem;padding:2.5rem 0 !important;border-top:4px solid var(--hg-green);
}
.footer a,.site-footer a{color:#eef2f6 !important;}
.footer a:hover{color:var(--hg-green) !important;}
.footer h1,.footer h2,.footer h3,.footer h4,.footer .widget-title{color:#fff !important;}

/* ---------- Age-gate modal (modernize common markups) ---------- */
[id*="age"][class*="gate"],[class*="age-gate"],[class*="age_gate"],[class*="ageverification"],
.rs-age-gate__modal,#age-gate,.age-gate-modal,.wpage-verify{
  border-radius:20px !important;box-shadow:var(--hg-shadow-lg) !important;
  border:1px solid var(--hg-line) !important;font-family:'Inter',sans-serif !important;
}
[class*="age-gate"] h1,[class*="age-gate"] h2,[class*="age_gate"] h2{font-family:'Poppins',sans-serif !important;font-weight:800 !important;}

/* ---------- Misc polish ---------- */
hr{border-color:var(--hg-line);}
.widget-title,.widgettitle{font-family:'Poppins',sans-serif !important;font-weight:700 !important;}
::selection{background:rgba(31,166,55,.25);}
img{border-radius:8px;}
.navbar .custom-logo{border-radius:0;}

/* WooCommerce sale badge → brand pop */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{
  background:var(--hg-red) !important;color:#fff !important;
  border-radius:9999px !important;font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;box-shadow:0 6px 16px rgba(255,77,61,.4) !important;
  min-height:2.2em;min-width:2.2em;line-height:2.2em;padding:0 .6em !important;
}
/* MyBookTable book area buttons row spacing */
.mbt-universal-buybutton{margin:.25rem .35rem .25rem 0 !important;display:inline-block;}

/* =====================================================================
   Comic reader navigation (single-comic-navigation) — real buttons
   ===================================================================== */
.single-comic-navigation{
  display:flex !important;align-items:center;justify-content:center;
  gap:10px;flex-wrap:wrap;margin:1.1rem 0 !important;
}
.single-comic-navigation a{
  display:inline-flex !important;align-items:center;justify-content:center;
  min-width:52px;height:52px;padding:0 16px;border-radius:9999px;
  background:var(--hg-green) !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(31,166,55,.28);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:1.05rem;
  text-decoration:none !important;line-height:1;
}
.single-comic-navigation a:hover{
  background:var(--hg-green-d) !important;color:#fff !important;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 12px 26px rgba(31,166,55,.42);
}
.single-comic-navigation a i,.single-comic-navigation a .fas{color:#fff !important;}
/* first / last (step icons) → subtle outline circular */
.single-comic-navigation a:has(.fa-step-backward),
.single-comic-navigation a:has(.fa-step-forward){
  background:#fff !important;color:var(--hg-ink) !important;
  border:1.5px solid var(--hg-line);box-shadow:none;min-width:46px;height:46px;padding:0;
}
.single-comic-navigation a:has(.fa-step-backward) i,
.single-comic-navigation a:has(.fa-step-forward) i{color:var(--hg-ink-soft) !important;}
.single-comic-navigation a:has(.fa-step-backward):hover,
.single-comic-navigation a:has(.fa-step-forward):hover{
  border-color:var(--hg-green);background:#fff !important;color:var(--hg-green-d) !important;
}
/* labelled Prev / Next */
.single-comic-navigation a.previous-comic::after{content:"Prev";margin-left:8px;font-size:.95rem;}
.single-comic-navigation a.next-comic::before{content:"Next";margin-right:8px;font-size:.95rem;}
.single-comic-navigation a.previous-comic,.single-comic-navigation a.next-comic{padding:0 22px;}

/* =====================================================================
   Mobile menu (expanded hamburger) polish
   ===================================================================== */
@media (max-width:767px){
  #site-navigation.navbar{padding:.5rem .8rem !important;}
  .navbar .custom-logo{max-height:44px;}
  #bs4Navbar.navbar-collapse{
    background:#fff;border:1px solid var(--hg-line);border-radius:16px;
    box-shadow:var(--hg-shadow-lg);margin-top:.6rem;padding:.5rem;
  }
  #main-menu{align-items:stretch;gap:2px;}
  #main-menu .nav-item{margin:0;}
  #main-menu .nav-link{
    padding:.8rem 1rem !important;border-radius:12px;font-size:1.05rem;
    border-bottom:1px solid #f1f3f6;
  }
  #main-menu .nav-item:last-child .nav-link{border-bottom:0;}
  #main-menu .nav-link:hover{background:rgba(31,166,55,.1);}
  .single-comic-navigation a.previous-comic::after,
  .single-comic-navigation a.next-comic::before{display:none;}  /* icons only on small screens */
  .single-comic-navigation a.previous-comic,.single-comic-navigation a.next-comic{min-width:52px;padding:0;}
}

/* keep theme's intentionally-hidden comic nav links hidden (don't let inline-flex override) */
.single-comic-navigation a[style*="display:none"],
.single-comic-navigation a[style*="display: none"]{display:none !important;}