/* =======================================================
   Header phone, hero actions + trust strip, mobile action bar,
   and the readability bump for a 55+ audience.
   ======================================================= */

/* ---------- Header phone ---------- */
.header-phone{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;white-space:nowrap;}
.site-header--overlay .header-phone{color:#fff;}
.site-header.is-solid .header-phone{color:var(--ink);}
.header-phone:hover{color:var(--accent);}
@media (max-width:620px){.header-phone span{display:none;}}

/* ---------- Hero actions + trust strip ---------- */
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px;}
.btn-hero-call{background:rgba(12,14,16,.62);color:#fff;border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(6px);}
.btn-hero-call:hover{background:rgba(12,14,16,.78);}

.hero__trust{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;max-width:640px;}
.hero__trust li{position:relative;color:#fff;font-size:15px;font-weight:500;padding-left:21px;}
.hero__trust li::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:10px;height:10px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 3px rgba(216,38,32,.3);
}
@media (max-width:560px){.hero__actions .btn{width:100%;justify-content:center;}}

/* ---------- Mobile sticky action bar ---------- */
.mobile-bar{display:none;}
@media (max-width:860px){
  .mobile-bar{
    display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;
    position:fixed;left:0;right:0;bottom:0;z-index:70;
    background:rgba(250,248,245,.97);backdrop-filter:blur(10px);
    border-top:1px solid rgba(28,25,23,.1);
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
  }
  .mobile-bar a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:9px 4px;border-radius:12px;
    font-size:12.5px;font-weight:600;color:var(--ink);min-height:54px;
  }
  .mobile-bar a:hover{background:rgba(28,25,23,.05);}
  .mobile-bar__primary{background:var(--accent);color:#fff;}
  .mobile-bar__primary:hover{background:#c0211c;}
  /* keep the closing CTA clear of the fixed bar */
  .site-footer{padding-bottom:96px;}
}

/* ---------- Readability for a 55+ audience ----------
   Body copy moves to 18px and the muted grey is darkened so
   secondary text still clears AA at the larger size. */
body{font-size:18px;}
:root{--ink-muted:#5C5752;}

.section-lead{font-size:18px;line-height:28px;}
.service-card__body p,
.why-card p,
.afford-point p,
.intent-tile__desc,
.post-card__body p,
.ba-card figcaption,
.step p{font-size:17px;line-height:27px;}
.testimonial p{font-size:19px;line-height:30px;}
.site-footer{font-size:17px;}

/* Larger tap targets on the primary actions */
.btn{padding:15px 30px;font-size:16px;min-height:50px;}
.btn-book{padding:13px 26px;}
.carousel__btn{width:48px;height:48px;}
.carousel__btn--flank{width:40px;height:40px;}

/* Contrast fixes */
.afford-panel .eyebrow{color:#B81C17;}
.hero__pills span{background:rgba(12,14,16,.72);}

.carousel__btn:disabled{opacity:.35;cursor:default;}
.carousel__btn:disabled:hover{background:inherit;}

/* Empty media placeholders */
.denturist-panel__media:empty::after,
.ba-card__side:empty::after{content:'Photo goes here';display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#8A8580;font-size:14px;letter-spacing:.04em;}
.denturist-panel__media:empty{display:block;}