/* Kabtafer Plus — design layer on top of the original theme.
   Brand colours come from the pack: gold band, navy, blue + red wordmark. */
:root{
  --kp-ink:#23253f;      /* text */
  --kp-body:#4a4c63;     /* body copy, AA on white and cream */
  --kp-navy:#2f325e;     /* deep band */
  --kp-blue:#1f5fae;     /* "kabta" on the pack */
  --kp-red:#d31117;      /* "fer" on the pack */
  --kp-gold:#f7da76;     /* pack band */
  --kp-gold-d:#d9b443;
  --kp-cream:#f6f2ec;
}
html,body{overflow-x:clip}

/* ---------- header ---------- */
.whb-header{display:none!important}
.kp-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);
  border-top:4px solid var(--kp-gold);box-shadow:0 1px 0 rgba(35,37,63,.08);transition:box-shadow .25s}
.kp-header.is-scrolled{box-shadow:0 8px 24px rgba(35,37,63,.10)}
.kp-bar{max-width:1240px;margin:0 auto;height:72px;display:flex;align-items:center;gap:24px;padding:0 24px}
.kp-logo{display:flex;align-items:flex-start;text-decoration:none!important;font-family:"Signika",system-ui,sans-serif;
  font-weight:700;font-size:31px;line-height:1;letter-spacing:-.6px;flex-shrink:0}
.kp-l1{color:var(--kp-blue)}
.kp-l2{color:var(--kp-red);font-style:italic;letter-spacing:-.2px;padding-right:2px}
.kp-l3{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:17px;color:var(--kp-blue);
  letter-spacing:0;margin:-6px 0 0 2px}
.kp-nav{margin-left:auto}
.kp-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.kp-nav a{position:relative;display:block;padding:11px 12px;border-radius:8px;font:600 15px/1 "Lato",system-ui,sans-serif;
  color:var(--kp-ink);text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.kp-nav a:hover{background:var(--kp-cream);color:var(--kp-ink)}
.kp-nav a[aria-current="page"]{color:var(--kp-navy)}
.kp-nav a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:3px;background:var(--kp-gold-d)}
.kp-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--kp-gold);
  border:1px solid var(--kp-gold-d);color:var(--kp-ink)!important;font:700 15px/1 "Lato",system-ui,sans-serif;text-decoration:none!important;
  transition:background-color .15s,transform .15s}
.kp-cta:hover{background:#f4cf52;transform:translateY(-1px)}
.kp-cta svg{width:16px;height:16px}
.kp-burger{display:none;width:44px;height:44px;border:0;border-radius:10px;background:transparent;cursor:pointer;padding:0;
  align-items:center;justify-content:center;flex-direction:column;gap:5px}
.kp-burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--kp-ink);transition:transform .2s,opacity .2s}
.kp-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.kp-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.kp-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kp-drawer{border-top:1px solid #eee7da;background:#fff;padding:8px 20px 20px}
.kp-drawer[hidden]{display:none}
.kp-drawer a{display:block;padding:14px 4px;border-bottom:1px solid #f1ece3;font:600 17px/1.2 "Lato",system-ui,sans-serif;color:var(--kp-ink);text-decoration:none}
.kp-drawer a[aria-current="page"]{color:var(--kp-navy);box-shadow:inset 3px 0 0 var(--kp-gold-d);padding-left:12px}
.kp-drawer .kp-drawer-buy{margin-top:16px;border:0;text-align:center;border-radius:999px;background:var(--kp-gold);padding:15px}
.kp-header a:focus-visible,.kp-header button:focus-visible{outline:3px solid var(--kp-blue);outline-offset:2px}
@media (max-width:1180px){.kp-nav a{padding:11px 9px;font-size:14.5px}}
@media (max-width:1060px){
  .kp-nav{display:none}
  .kp-cta{margin-left:auto}
  .kp-burger{display:inline-flex}
}
@media (max-width:480px){
  .kp-bar{height:64px;padding:0 14px;gap:10px}
  .kp-logo{font-size:26px}.kp-l3{font-size:15px}
  .kp-cta{padding:10px 14px;font-size:14px}.kp-cta svg{display:none}
}
@media (max-width:360px){.kp-cta{display:none}.kp-burger{margin-left:auto}}

/* ---------- body copy contrast ---------- */
.wd-text-block,.info-box-inner,.elementor-widget-text-editor,.entry-content,.wd-entities-title + p{color:var(--kp-body)}

/* ---------- home: "Why Kabtafer Plus?" cards — one brand treatment instead of six colours ---------- */
.wd-info-box.box-style-bg-hover{background:#fff!important;border:1px solid #ece5d8;border-top:4px solid var(--kp-gold-d);
  box-shadow:0 2px 0 rgba(35,37,63,.03)}
.wd-info-box.box-style-bg-hover .info-box-title{color:var(--kp-ink)!important;font-weight:600}

/* ---------- home: symptoms band — readable white on navy ---------- */
.elementor-element.elementor-element-5c104e95{background:var(--kp-navy)!important}
.elementor-element-5c104e95 .elementor-heading-title{color:#fff!important}
.elementor-element-5c104e95 .elementor-element-1fc17f3c .elementor-heading-title{color:var(--kp-gold)!important;text-transform:none!important}

/* ---------- home: pregnancy box heading no longer collides with the frame ---------- */
.elementor-element-328a816 .box-icon-wrapper{margin-bottom:22px!important}
.elementor-element-328a816 .info-box-icon{width:auto!important;height:auto!important;min-width:0!important;line-height:1.15!important;
  padding:6px 18px!important;font-size:34px!important;border-radius:0!important}

/* ---------- footer ---------- */
.footer-container .wd-social-icons.social-follow{display:none}

@media (prefers-reduced-motion:reduce){.kp-header,.kp-cta,.kp-burger span{transition:none}}
.elementor-element-5c104e95 .wd-text-block,.elementor-element-5c104e95 .wd-text-block p,.elementor-element-5c104e95 .wd-text-block span{color:#fff!important}
.elementor-element-0183157 .wd-text-block p{color:#f7da76!important;opacity:1}

/* ---------- inner-page title bands: shorter, readable ---------- */
.page-title.title-size-large{padding-top:52px!important;padding-bottom:44px!important}
.page-title .entry-title,.page-title .title{font-size:clamp(34px,4.6vw,54px)!important;letter-spacing:-.5px}
.page-title.title-blog{background:var(--kp-gold)!important}
.page-title.color-scheme-light .entry-title,.page-title.color-scheme-light .title,
.page-title.color-scheme-light .breadcrumbs,.page-title.color-scheme-light .breadcrumbs a,
.page-title.color-scheme-light .yoast-breadcrumb,.page-title.color-scheme-light a{color:var(--kp-ink)!important}
@media (max-width:768px){.page-title.title-size-large{padding-top:34px!important;padding-bottom:30px!important}}

.widget_recent_comments{display:none!important}

/* ---------- home: questions people ask (blog links) ---------- */
.kp-blog{background:#fff;padding:72px 24px 80px;border-top:1px solid #efe9de}
.kp-blog-in{max-width:1140px;margin:0 auto}
.kp-blog-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.kp-blog-head h2{margin:0;font-size:clamp(28px,3.4vw,40px);color:var(--kp-ink);letter-spacing:-.4px}
.kp-blog-all{font:700 15px/1 "Lato",system-ui,sans-serif;color:var(--kp-blue)!important;text-decoration:underline;text-underline-offset:4px}
.kp-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #e9e2d4}
.kp-post{display:block;padding:24px 24px 26px 0;border-bottom:1px solid #e9e2d4;text-decoration:none!important}
.kp-post:nth-child(3n+2),.kp-post:nth-child(3n+3){padding-left:24px;border-left:1px solid #e9e2d4}
.kp-post-t{display:block;font:700 19px/1.3 "Signika",system-ui,sans-serif;color:var(--kp-ink);margin-bottom:8px}
.kp-post:hover .kp-post-t{color:var(--kp-blue)}
.kp-post-d{display:block;font:400 15px/1.55 "Lato",system-ui,sans-serif;color:var(--kp-body)}
@media (max-width:900px){.kp-blog-grid{grid-template-columns:1fr}.kp-post,.kp-post:nth-child(n){padding:20px 0;border-left:0}}
.kp-lang{font:700 16px/1 "Tajawal","Segoe UI",system-ui,sans-serif;color:var(--kp-ink)!important;text-decoration:none!important;padding:10px 6px;border-radius:8px}
.kp-lang:hover{background:var(--kp-cream)}
@media (max-width:1060px){.kp-lang{display:none}}