/* ==========================================================================
   Ama Buua ko Sarathi — block styles
   Styles the native WordPress blocks that make up every page, so staff can
   edit all content in the normal editor without breaking the design.
   Deliberately NOT scoped to .entry-content so the block editor looks the same.
   ========================================================================== */

/* ---------- sections ---------- */
.sec{padding:70px 22px}
.sec > *{max-width:1160px;margin-left:auto;margin-right:auto}
.sec.alt{background:var(--cream-2)}
.sec.center{text-align:center}
.sec.center .lead,.center .lead{margin-left:auto;margin-right:auto}
.sec.hero{background:
  radial-gradient(1200px 500px at 80% -10%, rgba(246,168,33,.16), transparent 60%),
  linear-gradient(180deg,var(--green-100),var(--cream));
  padding:56px 22px 44px}
.narrow,.sec.narrow > *{max-width:820px;margin-left:auto;margin-right:auto}

/* ---------- typography helpers ---------- */
.np{font-family:var(--font-np);color:var(--marigold-600);font-weight:600;font-size:1.15rem;margin-bottom:.3rem}
.hl{color:var(--crimson)}
.trust-line{color:var(--ink-soft);font-size:.94rem;margin-top:1.4rem}
.note{font-size:.9rem;color:var(--ink-soft)}

/* ---------- hero ---------- */
.hero-grid{align-items:center;gap:48px}
.hero-grid > .wp-block-column{flex-grow:1;min-width:0}
.hero-grid > .wp-block-column:first-child{flex:1 1 52%}
.hero-grid > .wp-block-column:last-child{flex:1 1 40%}
.hero h1{color:var(--green-700)}
.hero .wp-block-image img,.hero-photo img{border-radius:26px;box-shadow:var(--shadow);
  width:100%;height:540px;object-fit:cover;object-position:center 22%}

/* ---------- buttons (core/button + modifier class) ---------- */
.wp-block-buttons{gap:.7rem;margin-top:1.4rem}
.wp-block-button__link{border-radius:10px;padding:.62rem 1.15rem;font-weight:600;
  font-family:var(--font-body);font-size:1rem;white-space:nowrap;box-shadow:var(--shadow-sm);
  transition:transform .15s ease,background .2s}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.btn-primary .wp-block-button__link{background:var(--green);color:#fff}
.wp-block-button.btn-primary .wp-block-button__link:hover{background:var(--green-700)}
.wp-block-button.btn-accent .wp-block-button__link{background:var(--crimson);color:#fff}
.wp-block-button.btn-accent .wp-block-button__link:hover{background:var(--crimson-700)}
.wp-block-button.btn-wa .wp-block-button__link{background:#25D366;color:#08341c}
.wp-block-button.btn-wa .wp-block-button__link:hover{background:#1eb257;color:#fff}
.wp-block-button.btn-ghost .wp-block-button__link{background:transparent;border:2px solid var(--green);
  color:var(--green);box-shadow:none}
.wp-block-button.btn-ghost .wp-block-button__link:hover{background:var(--green);color:#fff}

/* ---------- cards grid ---------- */
.cards{gap:26px!important;margin-bottom:26px}
.cards .wp-block-column{display:flex}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;
  box-shadow:var(--shadow-sm);width:100%;transition:transform .18s ease,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card h3{margin:0 0 .35rem}
.card p{margin:0;color:var(--ink-soft);font-size:.98rem}
.card .wp-block-list{margin:.4rem 0 0}

/* icon chip on cards / pillars (icon art lives in CSS so text stays editable) */
.card[class*="ic-"]::before,.pillar[class*="pi-"]::before{
  content:"";display:block;width:52px;height:52px;border-radius:14px;
  background-color:var(--green-100);background-repeat:no-repeat;background-position:center;
  background-size:26px 26px;margin-bottom:14px}
.pillar[class*="pi-"]::before{width:64px;height:64px;border-radius:50%;
  background-color:var(--marigold);background-size:30px 30px;margin:0 auto 14px}

/* ---------- stats ---------- */
.stats{gap:24px!important;margin-top:34px}
.stat{background:#fff;border-radius:18px;padding:24px;border:1px solid var(--line);
  text-align:center;width:100%}
.stat h3{font-size:2rem;color:var(--marigold-600);margin:0 0 .2rem;line-height:1}
.stat p{margin:0;font-size:.95rem;color:var(--ink-soft)}

/* ---------- pillars ---------- */
.pillars{gap:24px!important;margin-top:36px}
.pillar{text-align:center;padding:18px;width:100%}
.pillar p{color:var(--ink-soft);margin:0}

/* ---------- split (image + text) ---------- */
.split{gap:48px!important;align-items:center}
.split > .wp-block-column{flex:1 1 50%;min-width:0}
.split .wp-block-image{margin:0}
.split .wp-block-image img{border-radius:22px;box-shadow:var(--shadow);
  width:100%;height:440px;object-fit:cover}

/* ---------- tick / cross lists ---------- */
.ticks,.crosses{list-style:none;padding:0;margin:1rem 0}
.ticks li,.crosses li{position:relative;padding:.42rem 0 .42rem 30px;color:var(--ink-soft)}
.ticks li::before{content:"✓";position:absolute;left:0;top:.42rem;font-weight:800;color:var(--green)}
.crosses li::before{content:"✕";position:absolute;left:0;top:.42rem;font-weight:800;color:var(--crimson)}

/* ---------- numbered steps ---------- */
.steps{counter-reset:step;display:grid;gap:18px;margin-top:18px}
.steps.narrow{max-width:820px}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:22px 24px 22px 86px}
.step::before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:20px;
  width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;
  display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:1.25rem}
.step h3{margin:0 0 .2rem}
.step p{margin:0;color:var(--ink-soft)}

/* ---------- pricing plans ---------- */
.plans{gap:24px!important;margin-top:36px}
.plans .wp-block-column{display:flex}
.plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;
  width:100%;display:flex;flex-direction:column}
.plan.featured{border:2px solid var(--marigold);box-shadow:var(--shadow)}
.plan h3{margin:0 0 .1rem;font-size:1.4rem}
.plan-sub{color:var(--ink-soft);margin:0;font-size:.95rem}
.plan .price{font-family:var(--font-head);font-size:1.35rem;color:var(--green-700);margin:.5rem 0 .8rem}
.plan .wp-block-list{flex:1}
.plan .wp-block-buttons{margin-top:auto}

/* ---------- compare ---------- */
.compare{gap:0!important;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin-top:34px}
.compare .wp-block-column{padding:0}
.compare .them,.compare .us{padding:28px;height:100%}
.compare .them{background:#fff}
.compare .us{background:var(--green);color:#eafaf3}
.compare .us h3{color:#fff}
.compare .us li{color:#eafaf3}
.compare .us .ticks li::before{color:#fff}
.compare ul{list-style:none;padding:0;margin:1rem 0 0}
.compare .them li{padding:.42rem 0;color:var(--ink-soft);border-bottom:1px dashed rgba(0,0,0,.08)}
.compare .them li:last-child{border:0}

/* ---------- promise / do-dont ---------- */
.promise{gap:26px!important;margin-top:34px}
.promise .wp-block-column{display:flex}
.do-dont{gap:26px!important;margin-top:12px}
.do-dont li{color:#eafaf3}
.do-dont .ticks li::before{color:#fff}
.do-dont .crosses li::before{color:#ffd98a}

/* ---------- band / quote ---------- */
.band{background:var(--green);color:#eafaf3;border-radius:26px;padding:44px;box-shadow:var(--shadow)}
.band h2,.band h3{color:#fff}
.band .lead,.band p{color:#cfe9df}
.band .eyebrow{color:#ffd98a}
.quote{font-family:var(--font-head);font-size:clamp(1.25rem,2.6vw,1.75rem);
  color:#fff!important;line-height:1.4;font-style:italic;max-width:840px;margin:0 auto 1rem}

/* ---------- final CTA ---------- */
.cta-final{background:radial-gradient(900px 400px at 15% 120%,rgba(246,168,33,.22),transparent 60%),var(--green);
  color:#fff;border-radius:28px;padding:54px 44px;box-shadow:var(--shadow)}
.cta-final h2{color:#fff}
.cta-final .lead{color:#cfe9df;margin-left:auto;margin-right:auto}
.cta-final .eyebrow{color:#ffd98a}
.cta-final .wp-block-buttons{justify-content:center}

/* ---------- contact ---------- */
.contact-grid{gap:44px!important;align-items:flex-start}
.contact-grid > .wp-block-column{flex-grow:1;min-width:0}
.contact-grid > .wp-block-column:first-child{flex:1 1 56%}
.contact-grid > .wp-block-column:last-child{flex:1 1 36%}
.info-card{background:var(--green);color:#eafaf3;border-radius:18px;padding:28px;box-shadow:var(--shadow-sm)}
.info-card h3{color:#fff;margin-top:0}
.info-card p{color:#dff0e9;margin:0 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.15)}
.info-card p:last-of-type{border:0}
.info-card strong{color:#fff}

/* ---------- FAQ (core/details) ---------- */
.faq .wp-block-details{background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:6px 20px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;color:var(--green-700);padding:14px 0;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq .wp-block-details p{color:var(--ink-soft);margin:0 0 14px}

/* ---------- team / staff-added section ---------- */
.team-section .wp-block-image img{border-radius:16px}
.team-section .wp-block-gallery{justify-content:center}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .sec{padding:52px 18px}
  .hero .wp-block-image img,.hero-photo img{height:340px}
  .split .wp-block-image img{height:300px}
  .cta-final{padding:36px 22px}
  .band{padding:30px 22px}
  .step{padding:20px 20px 20px 76px}
}
@media(max-width:781px){
  .compare{border-radius:18px}
  .compare .them,.compare .us{border-radius:0}
}

/* ---------- card & pillar icon art (generated) ---------- */
.card.ic-home::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.5%2012%203l9%207.5%22%2F%3E%3Cpath%20d%3D%22M5%209.5V21h14V9.5%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-hospital::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%208v6M9%2011h6%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-pills::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%2212%22%20height%3D%227%22%20rx%3D%223.5%22%20transform%3D%22rotate%28-45%209%2013.5%29%22%2F%3E%3Cpath%20d%3D%22M8%209l5%205%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%224.2%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-calendar::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224.5%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M8%203v4M16%203v4%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-alert::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.3%203.6%201.8%2018a2%202%200%200%200%201.7%203h17a2%202%200%200%200%201.7-3L13.7%203.6a2%202%200%200%200-3.4%200z%22%2F%3E%3Cpath%20d%3D%22M12%209v4M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-chat::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12.3%207.6L3%2021l1.9-5.7A8.5%208.5%200%201%201%2021%2011.5z%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-heart::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1-1.1a5.5%205.5%200%201%200-7.8%207.8l1%201L12%2021l7.8-7.6%201-1a5.5%205.5%200%200%200%200-7.8z%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-eye::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207-10-7-10-7z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-shield::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%206v6c0%204.5%203%207.6%207%209%204-1.4%207-4.5%207-9V6z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.card.ic-users::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231E86C7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M3%2020c0-3.3%202.7-6%206-6s6%202.7%206%206%22%2F%3E%3Cpath%20d%3D%22M16%205.2A3.2%203.2%200%200%201%2016%2011M21%2020c0-2.5-1.4-4.7-3.5-5.6%22%2F%3E%3C%2Fsvg%3E")}
.pillar.pi-shield::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233a2a08%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%206v6c0%204.5%203%207.6%207%209%204-1.4%207-4.5%207-9V6z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.pillar.pi-eye::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233a2a08%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207-10-7-10-7z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.pillar.pi-heart::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233a2a08%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.8%204.6a5.5%205.5%200%200%200-7.8%200L12%205.7l-1-1.1a5.5%205.5%200%201%200-7.8%207.8l1%201L12%2021l7.8-7.6%201-1a5.5%205.5%200%200%200%200-7.8z%22%2F%3E%3C%2Fsvg%3E")}

/* ---------- overrides so legacy section CSS can't fight the block layout ---------- */
.wp-block-columns.hero-grid,.wp-block-columns.cards,.wp-block-columns.stats,
.wp-block-columns.pillars,.wp-block-columns.split,.wp-block-columns.plans,
.wp-block-columns.compare,.wp-block-columns.promise,.wp-block-columns.do-dont,
.wp-block-columns.contact-grid{display:flex}
.wp-block-group.step{display:block}
.wp-block-group.card,.wp-block-group.plan,.wp-block-group.stat{display:block}
.wp-block-group.plan{display:flex}
/* nav menu built in Appearance → Menus */
.nav-links li.current-menu-item > a,.nav-links li.current_page_item > a{color:var(--green)}
.nav-links{list-style:none;margin:0;padding:0}