/* Fidlon Legal v201 — isolated site-wide mobile CTA component + mobile accent normalization. */
.mobile-fixed-actions-v201{display:none;}

@media (max-width:980px){
  :root{--mobile-fixed-cta-height:110px;}
  body{padding-top:var(--mobile-fixed-cta-height)!important;}

  /* Disable the legacy mobile CTA instance. Desktop remains untouched because this is media-scoped. */
  html body .site-header .topbar .top-actions,
  html body .topbar .top-actions,
  html body .top-actions{
    display:none!important;
  }

  /* Independent fixed mobile CTA component: direct child of .site-header, not nested in .wrap. */
  html body .site-header > .mobile-fixed-actions-v201,
  html body .mobile-fixed-actions-v201{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 0!important;
    gap:0!important;
    box-sizing:border-box!important;
    background:#050505!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    transform:none!important;
    z-index:10000!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:35px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    background:#981129!important;
    background-image:none!important;
    color:#fff!important;
    text-decoration:none!important;
    text-align:center!important;
    white-space:nowrap!important;
    border:0!important;
    border-top:1px solid #a5a5a5!important;
    border-radius:0!important;
    box-shadow:none!important;
    font:700 12.5px/1 Arial,Helvetica,sans-serif!important;
    text-transform:uppercase!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:first-child{
    border-top:0!important;
  }
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:hover,
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201:focus{
    background:#cf3448!important;
  }
}

@media (max-width:760px) and (orientation:portrait){
  :root{--fidlon-site-mobile-accent-width:60px;}
  html body .accent-rule,
  html body .inner-hero .accent-rule,
  html body.consult-page .booking-card-heading h2::after,
  html body .individual-consult-page .booking-card-heading h2::after{
    width:var(--fidlon-site-mobile-accent-width)!important;
    height:3px!important;
  }
}
@media (max-width:980px) and (orientation:landscape){
  :root{--fidlon-site-mobile-accent-width:74px;}
  html body .accent-rule,
  html body .inner-hero .accent-rule,
  html body.consult-page .booking-card-heading h2::after,
  html body .individual-consult-page .booking-card-heading h2::after{
    width:var(--fidlon-site-mobile-accent-width)!important;
    height:3px!important;
  }
}

/* =========================================================
   V203 — landscape CTA typography normalization site-wide.
   Match the 14px landscape CTA text already approved on the homepage.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    font-size:14px!important;
  }
}

/* =========================================================
   V204 — cache-busted site-wide landscape CTA typography.
   Exact match to approved homepage landscape CTA text.
   ========================================================= */
@media (max-width:980px) and (orientation:landscape){
  html body .mobile-fixed-actions-v201 .mobile-fixed-action-v201{
    font:700 14px/1 Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    letter-spacing:normal!important;
  }
}