/* Burdekin Funerals — shared styles (resets, form fields, responsive) */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}

/* Form fields (carried over from the original designs) */
.ppf::placeholder,.cf::placeholder,.nsearch::placeholder{color:#A9B0A6}
.ppf:focus,.cf:focus,.nsearch:focus{outline:none;border-color:#0E3A34;box-shadow:0 0 0 3px rgba(14,58,52,.12)}

/* Notices: hidden card when filtered out */
.bf-hidden{display:none !important}

/* WordPress admin bar offset for the sticky header */
.admin-bar header[style*="sticky"]{top:32px !important}
@media screen and (max-width:782px){.admin-bar header[style*="sticky"]{top:46px !important}}

/* ---- Responsive ---- Pragmatic overrides so the desktop layouts stack
   gracefully on tablets and phones without rewriting every inline style. */
@media (max-width:1024px){
  section > div[style*="max-width:1220px"],
  section > div[style*="max-width:1200px"],
  section > div[style*="max-width:1180px"],
  section > div[style*="max-width:1120px"],
  section > div[style*="max-width:1100px"],
  section > div[style*="max-width:1080px"]{padding-left:22px !important;padding-right:22px !important}
}
@media (max-width:900px){
  /* Stack any two/three/four column grid */
  [style*="grid-template-columns:1.08fr"],
  [style*="grid-template-columns:1.2fr"],
  [style*="grid-template-columns:1.15fr"],
  [style*="grid-template-columns:1.05fr"],
  [style*="grid-template-columns:.9fr"],
  [style*="grid-template-columns:.85fr"],
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr !important}
  /* Testimonials columns -> single */
  [style*="columns:3"]{columns:1 !important}
  /* Header nav wraps */
  header nav{flex-wrap:wrap !important;justify-content:center !important}
  /* Big hero headings shrink */
  h1[style*="font-size:57px"],h1[style*="font-size:52px"],h1[style*="font-size:50px"]{font-size:34px !important}
  h2[style*="font-size:42px"],h2[style*="font-size:40px"],h2[style*="font-size:36px"]{font-size:28px !important}
  /* The big costs comparison table: allow horizontal scroll wrapper handles it */
}
@media (max-width:600px){
  section{padding-left:0 !important;padding-right:0 !important}
  section > div{padding-left:18px !important;padding-right:18px !important}
  .bf-callbar-text{display:none !important}
}

/* Pill-style radio buttons (forms) */
.bf-pill{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;border:1.5px solid #DED3BC;background:#FCFAF4;color:#4E5A51;transition:all .15s}
.bf-pill input{position:absolute;opacity:0;width:0;height:0}
.bf-pill:has(input:checked){border-color:#0E3A34;background:#0E3A34;color:#F6F1E7;font-weight:700}

/* Costs comparison table: horizontal scroll on small screens */
.bf-costs-scroll{overflow-x:auto}
.bf-costs-scroll > div{min-width:720px}