/*
Theme Name: Prespa Child
Template: prespa
Version: 1.0.0
*/

/* ===== Fix: remove Prespa header image banner that overlaps titles ===== */
.header-image-wrapper,
.header-image-container{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}

/* Ensure content starts normally */
.site-main,
#primary{
  padding-top:0 !important;
}


/* =========================================================
   KRC HOME (Clean + Corporate) – FINAL REVISED CSS (CLEAN)
   ========================================================= */

/* =========================
   GLOBAL TOKENS (ONE PLACE)
========================= */
:root{
  /* layout */
  --krc-container: 1200px;
  --krc-gutter: 24px;            /* IMPORTANT: 0 দিলে edge-touch / drift হয় */

  /* slider spacing */
  --krc-slider-top: -20px;       /* menu → slider gap */
  --krc-after-slider: -40px;     /* slider → trustbar pull */

  /* colors */
  --krc-ink:#0f172a;
  --krc-muted:#475569;
  --krc-border:#e5e7eb;
  --krc-soft:#f6f8fc;
  --krc-blue:#2563eb;
}

/* =========================
   HOME – Remove title + wrapper spacing
========================= */
.home .entry-header,
.home .wp-block-post-title,
.home h1.entry-title{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
}

.home .site-content,
.home .content-area,
.home .site-main,
.home .entry-content,
.home .wp-block-post-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* =========================
   HOME – Smart Slider alignment + spacing
========================= */
.home .n2-section-smartslider{
  margin-top: var(--krc-slider-top) !important;
  padding-top:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* keep full-width background but align content to container */
.home .n2-section-smartslider .n2-ss-align{
  width:100% !important;
  max-width: var(--krc-container) !important;
  margin:0 auto !important;
  padding:0 var(--krc-gutter) !important;
  box-sizing:border-box !important;
}

.home .n2-section-smartslider .n2-ss-slider-wrapper-outside,
.home .n2-section-smartslider .n2-ss-slider-wrapper,
.home .n2-section-smartslider .n2-ss-slider{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* Slider → Trustbar pull */
.home .n2-section-smartslider + .krc-trustbar{
  margin-top: var(--krc-after-slider) !important;
}

/* ===============================
   FORCE SAME 1200px ALIGNMENT
   for HOME sections + trustbar
================================ */
.home .krc-section > .wp-block-group__inner-container,
.home .krc-trustbar > .wp-block-group__inner-container{
  max-width: var(--krc-container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left: var(--krc-gutter) !important;
  padding-right: var(--krc-gutter) !important;
  box-sizing:border-box !important;
}

/* keep columns within the same container */
.home .krc-section .wp-block-columns{
  max-width: var(--krc-container) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

/* =========================
   MENU – Clean top nav styling
========================= */
.site-header .main-navigation > ul,
.site-header .main-navigation #primary-menu{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
}

.site-header .main-navigation > ul > li,
.site-header .main-navigation #primary-menu > li{
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
}

.site-header .main-navigation > ul > li.menu-item > a,
.site-header .main-navigation #primary-menu > li.menu-item > a{
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 14px !important;
  margin-right:14px !important;
  background:transparent !important;
  color: var(--krc-ink) !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition: color .2s ease !important;
}

.site-header .main-navigation > ul > li.menu-item:hover > a,
.site-header .main-navigation #primary-menu > li.menu-item:hover > a{
  color:#1d4ed8 !important;
}

.site-header .main-navigation > ul > li.current-menu-item > a,
.site-header .main-navigation > ul > li.current_page_item > a,
.site-header .main-navigation #primary-menu > li.current-menu-item > a,
.site-header .main-navigation #primary-menu > li.current_page_item > a{
  color:#1d4ed8 !important;
  text-decoration: underline !important;
  text-decoration-thickness:3px !important;
  text-underline-offset:8px !important;
}

.site-header .main-navigation > ul > li.menu-item:not(:last-child)::after,
.site-header .main-navigation #primary-menu > li.menu-item:not(:last-child)::after{
  content:"" !important;
  display:block !important;
  width:1px !important;
  height:18px !important;
  background:#cbd5e1 !important;
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.site-header .main-navigation > ul > li.menu-item:last-child > a,
.site-header .main-navigation #primary-menu > li.menu-item:last-child > a{
  margin-right:0 !important;
}

.site-header .main-navigation > ul > li.menu-item-has-children > a::before,
.site-header .main-navigation #primary-menu > li.menu-item-has-children > a::before{
  content:"+" !important;
  display:inline-block !important;
  margin-right:6px !important;
  font-weight:800 !important;
  color:#1d4ed8 !important;
}

.site-header .main-navigation li ul li.menu-item-has-children > a::before{
  content:"" !important;
  margin:0 !important;
}

.site-header .main-navigation li ul{
  box-shadow:0 10px 28px rgba(2,6,23,0.12) !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

.site-header .main-navigation li ul li a{
  font-weight:600 !important;
  padding:10px 14px !important;
  text-decoration:none !important;
}

.site-header .main-navigation li ul li a:hover{
  color:#1d4ed8 !important;
}

/* Search menu item excluded */
.site-header .main-navigation li.menu-item-search,
.site-header .main-navigation li.menu-item-search a,
.site-header .main-navigation a[aria-label*="Search"],
.site-header .main-navigation .search-toggle,
.site-header .main-navigation .search,
.site-header .main-navigation .search a{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 0 12px !important;
  border-radius:0 !important;
  text-decoration:none !important;
}

.site-header .main-navigation li.menu-item-search::after{
  display:none !important;
}

/* ===============================
   TYPOGRAPHY HELPERS (KRC)
================================ */
.krc-eyebrow{
  color: var(--krc-blue);
  font-size:14px;
  font-weight:900;
  letter-spacing:0.22em;
  margin:0 0 12px;
  text-transform:uppercase;
}

.krc-cap{
  color: var(--krc-blue);
  font-size:16px;               /* KEY CAPABILITIES bigger */
  font-weight:900;
  letter-spacing:.22em;
  text-align:center;
  margin:0;
  text-transform:uppercase;
}

.krc-h2{
  color: var(--krc-ink);
  font-size:32px;
  font-weight:600;
  line-height:1.22;
  letter-spacing:-0.02em;
  margin:0 0 12px;
  max-width:680px;
}

/* IMPORTANT: center fix here */
.krc-h2-wide{
  font-size:36px;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.krc-p{
  color: var(--krc-muted);
  font-size:16px;
  line-height:1.75;
  margin:0 0 14px;
}

.krc-p-center{
  text-align:center;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.krc-p-sm{
  color: var(--krc-muted);
  font-size:15px;
  line-height:1.7;
  margin:0;
}

/* Titles non-bold test (as you asked) */
.krc-h3{
  color: var(--krc-ink);
  font-size:18px;
  font-weight:600;
  margin:10px 0 8px;
}

.krc-center{ text-align:center; }

/* ===============================
   BUTTONS
================================ */
.krc-btn-primary{
  background: var(--krc-blue) !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  font-weight:800 !important;
  box-shadow:0 10px 22px rgba(37,99,235,.22) !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.krc-btn-primary:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 28px rgba(37,99,235,.28) !important;
  opacity:.98;
}
.krc-btn-lg{
  padding:14px 28px !important;
  border-radius:14px !important;
}

/* ===============================
   TRUST BAR – PREMIUM (NO OVERLAP)
================================ */
.krc-trustbar{
  position:relative;
  z-index:1;
  margin-top:12px;
  margin-bottom:44px;
}

.krc-trustbar .krc-trustbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--krc-border);
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f7fbff);
  padding:14px 16px;
  min-height:64px;
  box-shadow:0 8px 22px rgba(2,6,23,.06);
}

.krc-trust-text{
  font-weight:900;
  font-size:16px;
  background:linear-gradient(90deg,#2563eb,#06b6d4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  white-space:nowrap;
}

.krc-trustbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  white-space:nowrap;
  flex:1;
  justify-content:flex-end;
  will-change:transform;
}

.krc-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--krc-border);
  background:#fff;
  box-shadow:0 6px 18px rgba(2,6,23,.05);
  white-space:nowrap;
}

.krc-trust-num{
  font-weight:900;
  color: var(--krc-blue);
  font-size:18px;
  line-height:1;
}

.krc-trust-label{
  color: var(--krc-ink);
  font-weight:700;
  font-size:13px;
}

/* safer motion: smaller translate */
@media (min-width: 900px){
  .krc-trustbar-right{
    mask-image:linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%);
    animation:krc-marquee 14s ease-in-out infinite alternate;
  }
  .krc-trustbar-right:hover{ animation-play-state:paused; }
}
@keyframes krc-marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-90px); }
}

/* mobile: wrap pills */
@media (max-width: 899px){
  .krc-trustbar .krc-trustbar-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .krc-trustbar-right{
    width:100%;
    flex-wrap:wrap;
    animation:none;
    mask-image:none;
    justify-content:flex-start;
  }
}

/* ensure WHY starts below trustbar */
.krc-trustbar + .krc-section.krc-why{
  margin-top:0 !important;
  padding-top:26px !important;
}

/* ===============================
   BENEFITS PANEL – PREMIUM (no dotted lines)
================================ */
.krc-panel{
  background:#ffffff;
  border:1px solid var(--krc-border);
  border-radius:20px;
  padding:26px;
  box-shadow:0 14px 34px rgba(2,6,23,.06);
}

.krc-panel-benefits{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
}

.krc-panel-benefits:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(600px 240px at 20% 0%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(520px 220px at 90% 20%, rgba(16,185,129,.10), transparent 55%);
  pointer-events:none;
}
.krc-panel-benefits *{ position:relative; }

.krc-panel-title{
  font-size:20px;
  font-weight:900;
  color:var(--krc-ink);
  margin:0 0 18px;
  letter-spacing:-0.01em;
}

.krc-list{
  list-style:none;
  padding:0;
  margin:0 0 18px;
}
.krc-list li{
  display:flex;
  gap:12px;
  padding:10px 0;
  color:#334155;
  font-size:16px;
  line-height:1.65;
}
.krc-list li::before{
  content:"✔";
  font-weight:900;
  color:var(--krc-blue);
  font-size:14px;
  margin-top:2px;
}

/* mini metrics */
.krc-mini-metrics{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.krc-metric{
  flex:1;
  min-width:120px;
  text-align:center;
  border:1px solid var(--krc-border);
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
}
.krc-metric-num{ font-weight:900; color:var(--krc-ink); font-size:13px; }
.krc-metric-label{ font-size:13px; color:#64748b; margin-top:2px; }

/* ===============================
   FEATURE CARDS – CAPSULE + ACCENTS
================================ */
.krc-feature-card{
  background:#fff;
  border:1px solid var(--krc-border);
  border-radius:20px;
  padding:26px;
  box-shadow:0 10px 26px rgba(2,6,23,.06);
  position:relative;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.krc-feature-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(2,6,23,.10);
}

.krc-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.08em;
  margin-bottom:10px;
  border:1px solid var(--krc-border);
  background:#f8fafc;
  color: var(--krc-ink);
}

/* top accent line */
.krc-feature-card:before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:6px;
  background: var(--krc-blue);
}
.krc-accent-blue:before{ background:#2563eb; }
.krc-accent-amber:before{ background:#f59e0b; }
.krc-accent-purple:before{ background:#7c3aed; }
.krc-accent-green:before{ background:#16a34a; }
.krc-accent-indigo:before{ background:#4f46e5; }
.krc-accent-red:before{ background:#ef4444; }

/* ===============================
   CTA – PREMIUM BOX
================================ */
.krc-cta-box{
  border:1px solid var(--krc-border);
  border-radius:22px;
  padding:42px 26px;
  background:linear-gradient(135deg,#ffffff,#f6f8ff);
  box-shadow:0 18px 50px rgba(2,6,23,.08);
  overflow:hidden;
  position:relative;
}

.krc-cta-box:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(37,99,235,.12), transparent 60%),
    radial-gradient(640px 260px at 85% 25%, rgba(245,158,11,.10), transparent 55%);
  pointer-events:none;
}
.krc-cta-box *{ position:relative; }

/* ===============================
   MOBILE TWEAKS
================================ */
@media (max-width: 781px){
  .krc-h2{ font-size:28px; }
  .krc-h2-wide{ font-size:30px; }
}

/* ===============================
   FIX: Features heading drifting left 
================================ */
.home .krc-features .krc-center{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.home .krc-features .krc-center .krc-cap,
.home .krc-features .krc-center .krc-h2,
.home .krc-features .krc-center .krc-p,
.home .krc-features .krc-center .krc-p-center{
  text-align:center !important;
}

.home .krc-features .krc-center .krc-h2{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* ========= Guard Patrol Page-id_48 (FINAL MATCH) ========= */

/* Container feel */
.page-id-48 .entry-content{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Ensure blocks don't stretch wider than container */
.page-id-48 .wp-block-columns,
.page-id-48 .wp-block-group{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Corporate heading scale */
.page-id-48 h1.wp-block-heading{
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
}
.page-id-48 h2.wp-block-heading{
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0 0 12px;
}
.page-id-48 h3.wp-block-heading{
  font-size: 18px;
  line-height: 1.25;
  margin: 0 0 10px;
  font-weight: 650;
}

/* Eyebrow */
.page-id-48 .krc-eyebrow{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0 0 10px;
  color: #2563eb;
}

/* Cards / capsules */
.page-id-48 .krc-card{
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
}

/* Softer variant */
.page-id-48 .krc-card-soft{
  background: linear-gradient(135deg,#ffffff,#f6f8ff);
}

/* Blue premium variant */
.page-id-48 .krc-card-blue{
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(37,99,235,.10), transparent 60%),
    linear-gradient(135deg,#ffffff,#f7fbff);
}

/* NEW: Accent variant (so your 2 blocks don't look identical) */
.page-id-48 .krc-card-accent{
  background:
    radial-gradient(650px 240px at 85% 0%, rgba(16,185,129,.10), transparent 55%),
    linear-gradient(135deg,#ffffff,#f8fafc);
}

/* Columns gap */
.page-id-48 .krc-grid-gap{
  gap: 18px !important;
}

/* Lists clean (no dotted lines) */
.page-id-48 .krc-list{
  margin: 0;
  padding-left: 18px;
}
.page-id-48 .krc-list li{
  margin: 8px 0;
  line-height: 1.6;
  color: #334155;
}

/* Mini badges */
.page-id-48 .krc-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.page-id-48 .krc-badge{
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 650;
  color: #0f172a;
  box-shadow: 0 8px 18px rgba(2,6,23,.05);
}
.page-id-48 .krc-badge strong{
  color:#2563eb;
  font-weight: 800;
}

/* HERO image: no capsule/border, only soft radius */
.page-id-48 .krc-hero-media figure{
  margin: 0;
}
.page-id-48 .krc-hero-media img{
  border-radius: 16px;
  box-shadow: none;       /* keep clean (no capsule feel) */
  border: 0;
  background: transparent;
}

/* Optional (if any image inside cards need nice corners) */
.page-id-48 .krc-imgcard figure{ margin: 0; }
.page-id-48 .krc-imgcard img{ border-radius: 16px; }

/* Buttons (keep corporate) */
.page-id-48 .krc-btn-primary{
  background:#2563eb !important;
  color:#fff !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(37,99,235,.18) !important;
}

/* Outline button lighter */
.page-id-48 .is-style-outline .wp-block-button__link{
  border-radius: 12px !important;
  border-width: 1px !important;
}

/* Section spacing helper */
.page-id-48 .krc-section-space{
  height: 18px;
}

/* Mobile tightening */
@media (max-width: 781px){
  .page-id-48 h1.wp-block-heading{ font-size: 30px; }
  .page-id-48 h2.wp-block-heading{ font-size: 22px; }
  .page-id-48 .krc-card{ padding: 18px; }
}

/* === Page 48: Reduce list line spacing (Challenges box) === */
.page-id-48 .krc-card .krc-list li,
.page-id-48 .wp-block-list li{
  margin: 0px 0 !important;     /* reduce top-bottom gap */
  line-height: 1.15 !important; /* tighter but readable */
}

/* EMS page polish (safe, generic) */
.krc-page.krc-ems .krc-container{ max-width:1200px; margin:0 auto; }
.krc-page.krc-ems .krc-eyebrow{ letter-spacing:.12em; font-weight:700; font-size:12px; opacity:.75; margin:0 0 8px; }
.krc-page.krc-ems .krc-title{ margin:0 0 10px; }
.krc-page.krc-ems .krc-lead{ font-size:18px; line-height:1.6; max-width:900px; }
.krc-page.krc-ems .krc-card{ border:1px solid #e6eefc; border-radius:16px; background:#f7fbff; }
.krc-page.krc-ems h2{ margin-top:18px; }
.krc-page.krc-ems figure.wp-block-image img{ border-radius:14px; }

/* ==============================
   EMS PAGE: FIX WIDE ALIGNMENT
============================== */
.krc-page.krc-ems{
  overflow-x: hidden;
}

/* Force all alignwide blocks to be same centered width */
.krc-page.krc-ems .alignwide,
.krc-page.krc-ems .wp-block-columns.alignwide{
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove any theme negative margins */
.krc-page.krc-ems .wp-block-columns{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Make hero image behave nicely */
.krc-page.krc-ems .krc-hero-media img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* IMPORTANT: stop floated images breaking layout */
.krc-page.krc-ems figure.alignleft,
.krc-page.krc-ems .wp-block-image.alignleft{
  float: none !important;
  margin: 0 auto 16px !important;
}

/* EMS: left aligned image but no text-wrap */
.krc-page.krc-ems .wp-block-image.alignleft{
  float: none !important;          /* stop wrapping */
  margin-left: 0 !important;       /* real left */
  margin-right: auto !important;
  display: block !important;
  max-width: 100% !important;
}
.krc-page.krc-ems .wp-block-image.alignleft img{
  width: 100% !important;
  height: auto !important;
}

/* =========================================================
   ABOUT PAGE – FIX OVERLAP + CLEAN CONTAINER (SAFE)
   Works by slug body class: page-about-us
   ========================================================= */

/* 1) Stop theme "wide" negative margins from escaping */
body.page-about-us .krc-about.alignwide,
body.page-about-us .krc-about .alignwide,
body.page-about-us .krc-about .alignfull{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2) Create a safe container under header (prevents header overlap) */
body.page-about-us #primary,
body.page-about-us #main{
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;

  /* key: ensures content never touches header area */
  padding-top: 28px !important;

  box-sizing: border-box !important;
}

/* 3) About wrapper spacing */
body.page-about-us .krc-about{
  margin: 0 !important;
  padding-top: 32px !important;
  padding-bottom: 56px !important;
  box-sizing: border-box !important;
}

/* 4) Readable text width + center */
body.page-about-us .krc-about > *{
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 5) Typography */
body.page-about-us .krc-about h1.wp-block-heading{
  margin: 0 0 18px !important;
  line-height: 1.15 !important;
}

body.page-about-us .krc-about p{
  max-width: 920px !important;
  margin: 0 auto 16px !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

/* 6) Remove weird background highlights if any block came with inline styles */
body.page-about-us .krc-about mark,
body.page-about-us .krc-about [style*="background"],
body.page-about-us .krc-about [style*="background-color"]{
  background: transparent !important;
}

/* ==============================
   GLOBAL PAGE WIDTH (ALL PAGES)
   1200px + 24px gutter
============================== */
:root{
  --krc-container: 1200px;
  --krc-gutter: 24px;
}

/* Make normal page content centered */
body:not(.home) .site-main .entry-content{
  max-width: var(--krc-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--krc-gutter);
  padding-right: var(--krc-gutter);
  box-sizing: border-box;
}

/* Align Gutenberg wide blocks to same container */
body:not(.home) .entry-content > .alignwide,
body:not(.home) .entry-content > .wp-block-columns.alignwide{
  max-width: var(--krc-container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* =========================================================
   ABOUT PAGE – HARD FIX (Prespa alignfull override)
   Put this at the VERY END of your child style.css
   ========================================================= */

/* 1) Kill Prespa full-bleed for THIS page block only */
.entry-content > .krc-page.krc-about.alignfull{
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* keep your nice padding */
  padding-left: 24px !important;
  padding-right: 24px !important;

  /* neutralize theme alignfull offsets */
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* 2) Inner container must stay inside the same 1200px */
.entry-content > .krc-page.krc-about.alignfull .krc-container.alignwide{
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Typography width control (optional but recommended) */
.entry-content > .krc-page.krc-about.alignfull p{
  max-width: 920px !important;
  margin-left: 0 !important;      /* left align like corporate pages */
  margin-right: auto !important;
  line-height: 1.75 !important;
}

/* 4) Remove any leftover alignwide/alignfull margin tricks inside About */
.entry-content > .krc-page.krc-about.alignfull .alignfull,
.entry-content > .krc-page.krc-about.alignfull .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}