/* TELEACCES+ v2.3.80 — ETAPE 3 — BOUTONS UNIFIES
   Reference visuelle approuvee: bouton « Telecharger l’app » (fond bleu nuit, bord cyan lumineux, texte blanc).
   Portee: interfaces publiques fonctionnelles. Les hotspots invisibles des maquettes figees restent invisibles. */
:root{
  --ta-step3-btn-bg-top:rgba(6,31,72,.98);
  --ta-step3-btn-bg-bottom:rgba(2,17,48,.98);
  --ta-step3-btn-border:#27c7ff;
  --ta-step3-btn-border-hi:#7fe7ff;
  --ta-step3-btn-text:#ffffff;
  --ta-step3-btn-shadow:0 0 0 1px rgba(63,205,255,.16) inset,0 0 14px rgba(17,177,255,.28),0 4px 14px rgba(0,0,0,.22);
  --ta-step3-btn-radius:14px;
  --ta-step3-btn-height:44px;
}

/* Canonical public button family. */
html:root body button:not(.ta-hit):not(.ta-web-menu),
html:root body input[type="submit"],html:root body input[type="button"],html:root body input[type="reset"],
html:root body a[class*="btn"]:not(.ta-hit),html:root body a.ta-action,html:root body a.cta,html:root body a.back,html:root body a.back61,
html:root body .ta-nav a,html:root body .reminder-tab,html:root body .smallbtn,html:root body .iconbtn,html:root body .choice61,html:root body .device-btn,html:root body .remind-btn,html:root body .fav-btn,
html:root body .langs61 a,html:root body .langs66 a,html:root body .actions66 a{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  min-height:var(--ta-step3-btn-height)!important;
  height:auto!important;
  min-width:44px!important;
  padding:10px 18px!important;
  border:2px solid var(--ta-step3-btn-border)!important;
  border-radius:var(--ta-step3-btn-radius)!important;
  background:linear-gradient(180deg,var(--ta-step3-btn-bg-top),var(--ta-step3-btn-bg-bottom))!important;
  color:var(--ta-step3-btn-text)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  vertical-align:middle!important;
  white-space:normal!important;
  cursor:pointer!important;
  box-shadow:var(--ta-step3-btn-shadow)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.28)!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

html:root body button:not(.ta-hit):not(.ta-web-menu):hover,
html:root body input[type="submit"]:hover,html:root body input[type="button"]:hover,html:root body input[type="reset"]:hover,
html:root body a[class*="btn"]:not(.ta-hit):hover,html:root body a.ta-action:hover,html:root body a.cta:hover,html:root body a.back:hover,html:root body a.back61:hover,
html:root body .ta-nav a:hover,html:root body .reminder-tab:hover,html:root body .smallbtn:hover,html:root body .iconbtn:hover,html:root body .choice61:hover,html:root body .device-btn:hover,html:root body .remind-btn:hover,html:root body .fav-btn:hover,
html:root body .langs61 a:hover,html:root body .langs66 a:hover,html:root body .actions66 a:hover{
  border-color:var(--ta-step3-btn-border-hi)!important;
  background:linear-gradient(180deg,rgba(8,55,113,.99),rgba(2,29,67,.99))!important;
  box-shadow:0 0 0 1px rgba(120,233,255,.18) inset,0 0 22px rgba(17,190,255,.46),0 6px 18px rgba(0,0,0,.28)!important;
  transform:translateY(-1px)!important;
}

html:root body button:not(.ta-hit):not(.ta-web-menu):focus-visible,
html:root body input[type="submit"]:focus-visible,html:root body input[type="button"]:focus-visible,html:root body input[type="reset"]:focus-visible,
html:root body a[class*="btn"]:not(.ta-hit):focus-visible,html:root body a.ta-action:focus-visible,html:root body a.cta:focus-visible,html:root body a.back:focus-visible,html:root body a.back61:focus-visible,
html:root body .ta-nav a:focus-visible,html:root body .reminder-tab:focus-visible,html:root body .smallbtn:focus-visible,html:root body .iconbtn:focus-visible,html:root body .choice61:focus-visible,html:root body .device-btn:focus-visible,html:root body .remind-btn:focus-visible,html:root body .fav-btn:focus-visible{
  outline:3px solid rgba(123,230,255,.96)!important;
  outline-offset:2px!important;
}

/* Same design for selected/primary states; only the glow is reinforced. */
html:root body button.active,html:root body button.primary,html:root body button.success,html:root body button.danger,
html:root body a[class*="btn"].active,html:root body a[class*="btn"].primary,html:root body a[class*="btn"].success,html:root body a[class*="btn"].danger,
html:root body .ta-nav a.active,html:root body .ta-action.primary,html:root body .ta-btn.primary,html:root body .reminder-tab.active,html:root body .smallbtn.active,html:root body .choice61.active{
  border-color:var(--ta-step3-btn-border-hi)!important;
  background:linear-gradient(180deg,rgba(7,48,103,.99),rgba(2,25,62,.99))!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(120,233,255,.18) inset,0 0 20px rgba(17,190,255,.42),0 4px 14px rgba(0,0,0,.24)!important;
}

html:root body button:disabled,html:root body input[type="submit"]:disabled,html:root body input[type="button"]:disabled,html:root body input[type="reset"]:disabled,
html:root body a[aria-disabled="true"][class*="btn"]{
  opacity:.48!important;
  cursor:not-allowed!important;
  transform:none!important;
  filter:saturate(.65)!important;
}

/* Compact icon/close controls keep the same approved visual, but remain square. */
html:root body button.modal-close,html:root body .iconbtn,html:root body .btn-small{
  width:44px!important;
  padding:8px!important;
  flex:0 0 44px!important;
}

/* Language selectors in the unified public header use the same visual family. */
html:root body .ta-lang{
  min-height:var(--ta-step3-btn-height)!important;
  border:2px solid var(--ta-step3-btn-border)!important;
  border-radius:var(--ta-step3-btn-radius)!important;
  background:linear-gradient(180deg,var(--ta-step3-btn-bg-top),var(--ta-step3-btn-bg-bottom))!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:var(--ta-step3-btn-shadow)!important;
}

/* Never reveal or restyle invisible click maps on approved frozen artwork. */
html:root body .ta-hit{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;min-width:0!important;}
html:root body .ta-lang-hit{opacity:0!important;}

@media(max-width:700px){
  html:root body button:not(.ta-hit):not(.ta-web-menu),html:root body input[type="submit"],html:root body input[type="button"],html:root body input[type="reset"],
  html:root body a[class*="btn"]:not(.ta-hit),html:root body a.ta-action,html:root body a.cta,html:root body a.back,html:root body a.back61,html:root body .ta-nav a,html:root body .reminder-tab,html:root body .smallbtn,html:root body .choice61,html:root body .device-btn,html:root body .remind-btn,html:root body .fav-btn{
    min-height:44px!important;
    padding:10px 14px!important;
    font-size:13px!important;
  }
}


/* TA_HEADER_ACTIONS_MATCH_HOME_FINAL_20260923
   Français / Espace client / Télécharger l’app = design exact de l’accueil. */
html:root body .ta-approved-real-actions .ta-action,
html:root body .ta-approved-real-actions .ta-lang,
html:root body .ta-approved-real-actions .ta-action-search{
  min-height:40px!important;height:auto!important;min-width:0!important;
  border:1px solid rgba(61,184,255,.55)!important;border-radius:10px!important;
  background:rgba(2,23,48,.84)!important;color:#fff!important;
  padding:8px 13px!important;font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;font-weight:750!important;line-height:1.15!important;
  box-shadow:none!important;text-shadow:none!important;transform:none!important;
}
html:root body .ta-approved-real-actions .ta-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important}
html:root body .ta-approved-real-actions .ta-lang{text-align:center!important;text-align-last:center!important;padding-right:13px!important}
html:root body .ta-approved-real-actions .ta-action-search{width:42px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important}
html:root body .ta-approved-real-actions .ta-action.primary{
  background:linear-gradient(135deg,#19c5ff,#087cff)!important;
  border-color:#75e0ff!important;
  box-shadow:0 0 18px rgba(25,180,255,.23)!important;
}
html:root body .ta-approved-real-actions .ta-action:hover,
html:root body .ta-approved-real-actions .ta-action-search:hover,
html:root body .ta-approved-real-actions .ta-lang:hover{
  border-color:#75e0ff!important;box-shadow:0 0 18px rgba(25,180,255,.18)!important;transform:none!important;
}
@media(max-width:1500px) and (min-width:1181px){
 html:root body .ta-approved-real-actions .ta-action,html:root body .ta-approved-real-actions .ta-lang{padding:7px 8px!important;font-size:12.5px!important;min-height:38px!important}
 html:root body .ta-approved-real-actions .ta-action-search{width:35px!important;min-height:38px!important}
}
@media(max-width:760px){
 html:root body .ta-approved-real-actions .ta-action,html:root body .ta-approved-real-actions .ta-lang{min-height:40px!important;white-space:nowrap!important}
}