/* =====================================================================
   INNOWELL — Blog, Category, Archive & Search   v1.0
   Innowell design system. Hardcoded hex + !important throughout.
   Teal #44afb7 shell • cream #FDF8F5 card • ink #0C4A4E • coral #ff886d.
   Flat colours only (no gradients). Cards border-radius 20px.
   Merges under the universal header: card has FLAT top, rounded bottom.
   PPPangramSans (Medium 400 / Semibold 600) — Hostinger CDN.
   Prefix: iwbl-
   ===================================================================== */

@font-face {
  font-family:"PPPangramSans";
  src:url("https://innowell.org/wp-content/uploads/2026/06/PPPangramSans-Medium.ttf") format("truetype");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face {
  font-family:"PPPangramSans";
  src:url("https://innowell.org/wp-content/uploads/2026/06/PPPangramSans-Semibold.ttf") format("truetype");
  font-weight:600;font-style:normal;font-display:swap;
}

/* =====================================================================
   OUTER (teal shell) + CARD (cream, flat top / rounded bottom)
   ===================================================================== */
.iwbl-root{
  background:#44afb7!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0 5px 5px 5px!important;        /* side + bottom rails, flat top */
  margin:0!important;
  color:#0C4A4E!important;
  font-family:"PPPangramSans",system-ui,-apple-system,sans-serif!important;
  font-size:17px!important;line-height:1.7!important;font-weight:400!important;
  letter-spacing:-.01em!important;
  -webkit-font-smoothing:antialiased!important;
  border-radius:0!important;
}
.iwbl-shell{
  width:100%!important;
  max-width:1900px!important;
  margin:0 auto!important;
  background:#FDF8F5!important;
  border-radius:0 0 20px 20px!important;   /* flat top, rounded bottom */
  box-sizing:border-box!important;
  position:relative!important;
}
/* Zero Elementor wrappers so the 5px rails are exact */
.elementor-widget-iw_blog_page .elementor-widget-container,
.elementor-widget-iw_category_page .elementor-widget-container,
.elementor-widget-iw_archive_page .elementor-widget-container,
.elementor-widget-iw_search_results .elementor-widget-container{padding:0!important;margin:0!important;}
.elementor-section:has(.iwbl-root),.e-con:has(.iwbl-root),.e-con-inner:has(.iwbl-root){padding:0!important;max-width:none!important;width:100%!important;}
.iwbl-root *,.iwbl-root *::before,.iwbl-root *::after{box-sizing:border-box!important;}
.iwbl-root img{max-width:100%!important;display:block!important;}
.iwbl-root a{color:inherit!important;text-decoration:none!important;}

/* Reading column inside the cream card */
.iwbl-wrap{max-width:1200px!important;margin:0 auto!important;padding:0 clamp(20px,4vw,56px)!important;}

/* =====================================================================
   SHARED ATOMS
   ===================================================================== */
.iwbl-badge{
  display:inline-flex!important;align-items:center!important;
  font-family:"PPPangramSans",sans-serif!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  color:#FDF8F5!important;background:#ff886d!important;
  padding:5px 12px!important;border-radius:999px!important;
  white-space:nowrap!important;flex-shrink:0!important;
}
.iwbl-ph{
  background:#44afb7!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.iwbl-ph svg{width:28px!important;height:28px!important;stroke:#FDF8F5!important;opacity:.9!important;}
.iwbl-btn{
  display:inline-flex!important;align-items:center!important;
  font-family:"PPPangramSans",sans-serif!important;font-weight:600!important;font-size:14px!important;
  background:#ff886d!important;color:#FDF8F5!important;border:none!important;border-radius:999px!important;
  padding:11px 22px!important;cursor:pointer!important;
}
.iwbl-btn:hover{opacity:.88!important;}

/* =====================================================================
   BLOG PAGE HEADER
   ===================================================================== */
.iwbl-page-hd{
  text-align:center!important;
  padding:clamp(40px,5vw,64px) 0 clamp(22px,3vw,36px)!important;
  border-bottom:1px solid rgba(12,74,78,.10)!important;
  margin-bottom:clamp(28px,4vw,46px)!important;
}
.iwbl-page-title{
  font-size:clamp(28px,4.2vw,48px)!important;font-weight:600!important;
  letter-spacing:-.04em!important;line-height:1.05!important;color:#0C4A4E!important;margin:0 0 12px!important;
}
.iwbl-page-sub{font-size:16px!important;color:rgba(12,74,78,.62)!important;max-width:66ch!important;margin:0 auto!important;}

/* =====================================================================
   CATEGORY / ARCHIVE / SEARCH HEADER
   ===================================================================== */
.iwbl-arc-hd{
  padding:clamp(36px,4.5vw,56px) 0 clamp(16px,2.5vw,28px)!important;
  border-bottom:1px solid rgba(12,74,78,.10)!important;
  margin-bottom:clamp(22px,3.5vw,38px)!important;
}
.iwbl-eyebrow{
  font-family:"PPPangramSans",sans-serif!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;color:#ff886d!important;margin:0 0 8px!important;
}
.iwbl-arc-title{
  font-size:clamp(24px,3.8vw,44px)!important;font-weight:600!important;
  letter-spacing:-.04em!important;line-height:1.08!important;color:#0C4A4E!important;margin:0 0 10px!important;
}
.iwbl-arc-desc{font-size:15.5px!important;color:rgba(12,74,78,.62)!important;margin:0!important;max-width:60ch!important;}
.iwbl-sq{color:#ff886d!important;}

/* =====================================================================
   FEATURED HERO
   ===================================================================== */
.iwbl-hero{
  display:grid!important;grid-template-columns:1fr 320px!important;gap:16px!important;
  margin-bottom:clamp(32px,5vw,52px)!important;
}
.iwbl-hero-stack{display:flex!important;flex-direction:column!important;gap:12px!important;}
.iwbl-hero-big{display:block!important;transition:transform .2s!important;}
.iwbl-hero-big:hover{transform:translateY(-2px)!important;}
.iwbl-hero-big-img{
  height:clamp(200px,28vw,320px)!important;background-size:cover!important;background-position:center!important;
  border-radius:20px!important;overflow:hidden!important;position:relative!important;background-color:#44afb7!important;
}
.iwbl-hero-big-img .iwbl-badge{position:absolute!important;bottom:12px!important;left:12px!important;z-index:2!important;}
.iwbl-hero-big-body{padding:14px 0 4px!important;}
.iwbl-hero-big-title{
  font-size:clamp(18px,2.2vw,24px)!important;font-weight:600!important;color:#0C4A4E!important;
  margin:0 0 8px!important;line-height:1.2!important;letter-spacing:-.02em!important;
}
.iwbl-hero-big-exc{font-size:14.5px!important;color:rgba(12,74,78,.62)!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.iwbl-hero-sm{display:grid!important;grid-template-columns:160px 1fr!important;gap:14px!important;transition:transform .2s!important;}
.iwbl-hero-sm:hover{transform:translateY(-2px)!important;}
.iwbl-hero-sm-img{
  height:110px!important;background-size:cover!important;background-position:center!important;
  border-radius:20px!important;overflow:hidden!important;position:relative!important;flex-shrink:0!important;background-color:#44afb7!important;
}
.iwbl-hero-sm-img .iwbl-badge{position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;}
.iwbl-hero-sm-body{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;}
.iwbl-hero-sm-title{
  font-size:15px!important;font-weight:600!important;color:#0C4A4E!important;margin:0 0 6px!important;
  line-height:1.3!important;letter-spacing:-.02em!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;transition:color .18s!important;
}
.iwbl-hero-sm:hover .iwbl-hero-sm-title{color:#ff886d!important;}
.iwbl-hero-sm-exc{font-size:13px!important;color:rgba(12,74,78,.62)!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

/* =====================================================================
   SECTION HEADING
   ===================================================================== */
.iwbl-section-title{
  font-size:clamp(20px,2.6vw,28px)!important;font-weight:600!important;
  letter-spacing:-.03em!important;color:#0C4A4E!important;margin:0 0 20px!important;line-height:1.15!important;
}

/* =====================================================================
   BODY GRID — list + sidebar
   ===================================================================== */
.iwbl-body-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;
  gap:clamp(22px,3.5vw,50px)!important;align-items:start!important;margin-bottom:clamp(36px,5vw,60px)!important;
}
.iwbl-posts-col{min-width:0!important;}

/* =====================================================================
   POST LIST CARDS
   ===================================================================== */
.iwbl-list{display:flex!important;flex-direction:column!important;}
.iwbl-card{
  display:grid!important;grid-template-columns:200px 1fr!important;gap:20px!important;
  padding:22px 0!important;border-bottom:1px solid rgba(12,74,78,.10)!important;
}
.iwbl-card:first-child{border-top:1px solid rgba(12,74,78,.10)!important;}
.iwbl-card-img{
  border-radius:20px!important;overflow:hidden!important;aspect-ratio:4/3!important;
  position:relative!important;flex-shrink:0!important;background:#44afb7!important;
}
.iwbl-card-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .4s!important;}
.iwbl-card:hover .iwbl-card-img img{transform:scale(1.05)!important;}
.iwbl-card-img .iwbl-badge{position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;}
.iwbl-card-body{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;}
.iwbl-card-title{
  font-size:clamp(16px,1.8vw,20px)!important;font-weight:600!important;color:#0C4A4E!important;
  margin:0 0 8px!important;line-height:1.25!important;letter-spacing:-.02em!important;transition:color .18s!important;
}
.iwbl-card:hover .iwbl-card-title{color:#ff886d!important;}
.iwbl-card-exc{
  font-size:14.5px!important;color:rgba(12,74,78,.62)!important;margin:0 0 12px!important;line-height:1.6!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.iwbl-card-meta{
  display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;
  font-family:"PPPangramSans",sans-serif!important;font-size:11.5px!important;color:rgba(12,74,78,.55)!important;
}
.iwbl-card-meta span{display:flex!important;align-items:center!important;gap:4px!important;}
.iwbl-card-meta svg{width:12px!important;height:12px!important;flex-shrink:0!important;stroke:#ff886d!important;}
.iwbl-card-author{margin-left:auto!important;}

/* Load more */
.iwbl-more-wrap{text-align:center!important;padding:28px 0!important;}
.iwbl-more-btn{
  background:transparent!important;border:1.5px solid rgba(12,74,78,.15)!important;color:#0C4A4E!important;
  border-radius:999px!important;padding:12px 34px!important;font-family:"PPPangramSans",sans-serif!important;
  font-size:14px!important;font-weight:600!important;cursor:pointer!important;
  transition:border-color .18s,color .18s,background .18s!important;
}
.iwbl-more-btn:hover{border-color:#ff886d!important;color:#ff886d!important;background:rgba(255,136,109,.08)!important;}
.iwbl-more-btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
.iwbl-empty,.iwbl-no-results{text-align:center!important;padding:48px 0!important;color:rgba(12,74,78,.55)!important;font-size:15px!important;}
.iwbl-no-results svg{width:48px!important;height:48px!important;margin:0 auto 16px!important;opacity:.6!important;stroke:#ff886d!important;}
.iwbl-no-results-hint{font-size:13.5px!important;color:rgba(12,74,78,.5)!important;margin:6px 0 0!important;}

/* =====================================================================
   SIDEBAR
   ===================================================================== */
.iwbl-sidebar{position:sticky!important;top:24px!important;display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important;}
.iwbl-widget{
  background:#FDF8F5!important;border:1px solid rgba(12,74,78,.10)!important;
  border-radius:20px!important;padding:20px 22px!important;
  box-shadow:0 2px 12px rgba(12,74,78,.05)!important;
}
.iwbl-widget-hd{
  font-family:"PPPangramSans",sans-serif!important;font-size:11.5px!important;
  letter-spacing:.14em!important;text-transform:uppercase!important;color:#ff886d!important;font-weight:600!important;
  margin:0 0 14px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(12,74,78,.10)!important;
}
.iwbl-cat-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.iwbl-cat-pill{
  font-family:"PPPangramSans",sans-serif!important;font-size:12px!important;font-weight:600!important;
  color:#0C4A4E!important;background:#FDF8F5!important;border:1px solid rgba(12,74,78,.15)!important;
  border-radius:999px!important;padding:5px 13px!important;transition:border-color .18s,color .18s,background .18s!important;
}
.iwbl-cat-pill:hover,.iwbl-active{border-color:#ff886d!important;color:#FDF8F5!important;background:#ff886d!important;}
/* Promo / banner — teal accent block */
.iwbl-ad-widget{
  background:#44afb7!important;border:none!important;min-height:160px!important;
  position:relative!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;
  box-shadow:0 2px 12px rgba(12,74,78,.08)!important;
}
.iwbl-ad-widget.iwbl-ad-has-img::before{content:""!important;position:absolute!important;inset:0!important;background:rgba(12,74,78,.5)!important;}
.iwbl-ad-body{position:relative!important;z-index:1!important;}
.iwbl-ad-t{font-size:18px!important;font-weight:600!important;color:#FDF8F5!important;margin:0 0 6px!important;line-height:1.2!important;letter-spacing:-.02em!important;}
.iwbl-ad-s{font-size:13px!important;color:rgba(253,248,245,.85)!important;margin:0 0 14px!important;}
.iwbl-related{display:flex!important;flex-direction:column!important;gap:14px!important;}
.iwbl-rel-row{display:flex!important;gap:12px!important;align-items:flex-start!important;}
.iwbl-rel-img{width:64px!important;height:52px!important;border-radius:12px!important;flex-shrink:0!important;overflow:hidden!important;background:#44afb7!important;}
.iwbl-rel-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.iwbl-rel-img svg{width:20px!important;height:20px!important;stroke:#FDF8F5!important;}
.iwbl-rel-txt{min-width:0!important;}
.iwbl-rel-ttl{
  font-size:13px!important;font-weight:600!important;line-height:1.3!important;color:#0C4A4E!important;margin:0 0 5px!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;transition:color .18s!important;
}
.iwbl-rel-row:hover .iwbl-rel-ttl{color:#ff886d!important;}
.iwbl-rel-dt{display:flex!important;align-items:center!important;gap:4px!important;font-family:"PPPangramSans",sans-serif!important;font-size:10.5px!important;color:rgba(12,74,78,.55)!important;}
.iwbl-rel-dt svg{width:11px!important;height:11px!important;stroke:#ff886d!important;}

/* =====================================================================
   TRENDING CAROUSEL
   ===================================================================== */
.iwbl-trending{margin-bottom:clamp(36px,5vw,60px)!important;}
.iwbl-carousel-outer{position:relative!important;padding:0 30px!important;}
.iwbl-carousel{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;}
.iwbl-trend-card{
  display:flex!important;background:#FDF8F5!important;border:1px solid rgba(12,74,78,.10)!important;
  border-radius:20px!important;overflow:hidden!important;box-shadow:0 2px 12px rgba(12,74,78,.05)!important;
  transition:border-color .2s,transform .2s!important;
}
.iwbl-trend-card:hover{border-color:#ff886d!important;transform:translateY(-2px)!important;}
.iwbl-trend-img{width:140px!important;flex-shrink:0!important;overflow:hidden!important;position:relative!important;background:#44afb7!important;}
.iwbl-trend-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.iwbl-trend-img svg{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:24px!important;height:24px!important;stroke:#FDF8F5!important;}
.iwbl-trend-body{padding:16px!important;flex:1!important;min-width:0!important;}
.iwbl-trend-title{
  font-size:15px!important;font-weight:600!important;color:#0C4A4E!important;margin:6px 0 8px!important;
  line-height:1.3!important;letter-spacing:-.02em!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;transition:color .18s!important;
}
.iwbl-trend-card:hover .iwbl-trend-title{color:#ff886d!important;}
.iwbl-trend-meta{display:flex!important;align-items:center!important;gap:5px!important;font-family:"PPPangramSans",sans-serif!important;font-size:10.5px!important;color:rgba(12,74,78,.55)!important;margin:0 0 4px!important;}
.iwbl-trend-meta svg{width:12px!important;height:12px!important;stroke:#ff886d!important;}
.iwbl-trend-exc{font-size:13px!important;color:rgba(12,74,78,.62)!important;margin:8px 0 0!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.iwbl-carousel-btn{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;
  border-radius:50%!important;background:#FDF8F5!important;border:1px solid rgba(12,74,78,.15)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:5!important;
  transition:border-color .18s,background .18s!important;
}
.iwbl-carousel-btn svg{width:17px!important;height:17px!important;stroke:#0C4A4E!important;}
.iwbl-carousel-btn:hover{border-color:#ff886d!important;background:rgba(255,136,109,.10)!important;}
.iwbl-carousel-btn:hover svg{stroke:#ff886d!important;}
.iwbl-carousel-prev{left:0!important;}
.iwbl-carousel-next{right:0!important;}

/* =====================================================================
   SEARCH FORM
   ===================================================================== */
.iwbl-search-form{display:flex!important;max-width:520px!important;margin-top:18px!important;}
.iwbl-search-input{
  flex:1!important;padding:12px 18px!important;background:#FDF8F5!important;border:1px solid rgba(12,74,78,.15)!important;
  border-right:none!important;border-radius:999px 0 0 999px!important;color:#0C4A4E!important;
  font-family:"PPPangramSans",sans-serif!important;font-size:15px!important;outline:none!important;transition:border-color .18s!important;
}
.iwbl-search-input::placeholder{color:rgba(12,74,78,.5)!important;}
.iwbl-search-input:focus{border-color:#ff886d!important;}
.iwbl-search-submit{padding:12px 18px!important;background:#ff886d!important;border:none!important;border-radius:0 999px 999px 0!important;cursor:pointer!important;display:flex!important;align-items:center!important;}
.iwbl-search-submit svg{width:18px!important;height:18px!important;stroke:#FDF8F5!important;}

/* =====================================================================
   FOOTER LINK COLUMNS — inside the cream card
   ===================================================================== */
.iwbl-footer-band{
  background:transparent!important;border-top:1px solid rgba(12,74,78,.10)!important;
  margin-top:clamp(20px,3vw,36px)!important;padding:clamp(30px,4vw,52px) 0 clamp(40px,5vw,64px)!important;
}
.iwbl-footer-inner{max-width:1200px!important;margin:0 auto!important;padding:0 clamp(20px,4vw,56px)!important;}
.iwbl-footer-cols{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:28px 22px!important;}
.iwbl-footer-col-hd{
  font-size:15px!important;font-weight:600!important;color:#0C4A4E!important;margin:0 0 14px!important;
  padding-bottom:10px!important;border-bottom:1px solid rgba(12,74,78,.10)!important;letter-spacing:-.02em!important;
}
.iwbl-footer-col ul{list-style:none!important;margin:0!important;padding:0!important;}
.iwbl-footer-col li{margin:0!important;}
.iwbl-footer-col a{
  display:flex!important;align-items:baseline!important;gap:6px!important;padding:5px 0!important;
  font-size:13.5px!important;color:rgba(12,74,78,.62)!important;transition:color .18s,padding-left .18s!important;line-height:1.45!important;
}
.iwbl-footer-col a svg{width:12px!important;height:12px!important;flex-shrink:0!important;margin-top:2px!important;stroke:#ff886d!important;transition:stroke .18s!important;}
.iwbl-footer-col a:hover{color:#ff886d!important;padding-left:4px!important;}
.iwbl-footer-col a:hover svg{stroke:#ff886d!important;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:980px){
  .iwbl-hero{grid-template-columns:1fr!important;}
  .iwbl-hero-stack{flex-direction:row!important;}
  .iwbl-hero-sm{flex:1!important;}
  .iwbl-body-grid{grid-template-columns:1fr!important;}
  .iwbl-sidebar{position:static!important;}
  .iwbl-carousel{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .iwbl-hero-stack{flex-direction:column!important;}
  .iwbl-hero-sm{grid-template-columns:120px 1fr!important;}
  .iwbl-card{grid-template-columns:120px 1fr!important;gap:14px!important;}
  .iwbl-trend-img{width:100px!important;}
  .iwbl-footer-cols{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:480px){
  .iwbl-root{padding:0 4px 4px 4px!important;}
  .iwbl-shell{border-radius:0 0 16px 16px!important;}
}
@media(max-width:380px){
  .iwbl-card{grid-template-columns:1fr!important;}
  .iwbl-card-img{aspect-ratio:16/7!important;}
  .iwbl-footer-cols{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){.iwbl-root *{transition:none!important;}}