/* FLOWLINE launch-readiness front-end styles.
   Scoped to accessibility affordances only - no visual redesign. */

/* ---------- skip link ---------- */
.flr-skip-link{
  position:absolute; left:-9999px; top:0; z-index:100000;
  background:#091725; color:#FFFFFF; border:1px solid #35D1C4;
  padding:12px 18px; border-radius:4px;
  font:600 14px/1.2 Inter, system-ui, sans-serif; text-decoration:none;
}
.flr-skip-link:focus{ left:12px; top:12px; outline:2px solid #35D1C4; outline-offset:2px; }

/* ---------- visible keyboard focus everywhere ---------- */
a:focus-visible, button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline:2px solid #35D1C4; outline-offset:2px; border-radius:2px;
}

/* ---------- tap targets ----------
   Lighthouse flags the footer's icon-list links: they are inline text with no
   vertical padding, so the hit area is ~17px tall and neighbours sit closer
   than 8px. Padding is added rather than font-size so the design is unchanged. */
@media (max-width:1024px){
  .fl-footer-links .elementor-icon-list-item,
  .flr-site-footer .elementor-icon-list-item{
    margin-block:2px;
  }
  .fl-footer-links .elementor-icon-list-item > a,
  .flr-site-footer .elementor-icon-list-item > a{
    display:inline-flex; align-items:center;
    min-height:44px; padding-block:6px;
  }
  /* the header toggle is a 44x40 box; make it a full 48x48 target */
  .flh-toggle .elementor-button{ width:48px !important; height:48px !important; }
  .flh-toggle .elementor-button::before{ top:18px !important; }
  .flh-toggle .elementor-button::after{ top:30px !important; }
  .flh-open .flh-toggle .elementor-button::before,
  .flh-open .flh-toggle .elementor-button::after{ top:23px !important; }

  /* CookieAdmin controls: consent must stay easy to operate on a phone */
  .cookieadmin_btn, .cookieadmin-btn,
  #cookieadmin button, .cookieadmin_container button,
  .cookieadmin_container a.cookieadmin_btn{
    min-height:44px !important; min-width:44px !important;
    padding:11px 16px !important;
  }
  #cookieadmin input[type="checkbox"] + label,
  .cookieadmin_container .cookieadmin_switch{
    min-height:44px !important; min-width:44px !important;
  }
}