/* Donne leur apparence aux éléments communs : logo, boutons, champs, pied de page.

   Couleurs lues dans css/tokens.css. */

/* ------------------------------------------------------------ Logo */
/* Sydney émet deux règles max-height contradictoires (selon une option du Personnaliseur). */
.site-logo {
  max-height: 28px !important;
  width: auto !important;
}

/* Le logo est chargé en <img> : ses couleurs internes sont hors d'atteinte du CSS. En thème clair, on
   sert donc le fichier clair officiel de la charte (copie générée par tools/build_light_logo.py depuis
   assets/brand/), un vrai second fichier plutôt qu'un filtre approximatif. */
:root[data-theme='light'] img.site-logo,
:root[data-theme='light'] .altaira-footer-logo img {
  content: url('../img/altaira-logo-header-light.svg');
}

/* ------------------------------------------------------------ Menu mobile */
/* Fermé, Sydney le pousse hors de l'écran et le rend transparent, mais il reste « visible » : ses liens
   restaient atteignables au clavier et lus par les lecteurs d'écran. Masqué pour de bon tant qu'il est
   fermé ; la transition du thème (0,4 s) laisse le menu glisser avant de le masquer. */
.sydney-offcanvas-menu:not(.toggled) {
  visibility: hidden;
}

/* ------------------------------------------------------------ Boutons */
.wp-block-button__link,
button:not(.slick-arrow),
input[type='submit'] {
  border-radius: 100px !important;
  letter-spacing: 2px;
}

.is-style-outline a {
  background-color: transparent;
}

.wp-block-button.is-style-outline a:hover {
  background-color: var(--altaira-button-outline-hover-bg);
  color: var(--altaira-button-text) !important;
}

/* Fond des boutons pleins : Sydney le lie à --sydney-global-color-1, qui sert aussi aux liens et
   s'assombrit en clair. Le bouton garde l'ambre de marque ; les boutons « outline » (bordure seule)
   gardent color-1, car chez eux c'est du texte, soumis à la même règle de contraste que les liens. */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
button:not(.slick-arrow),
input[type='submit'],
.go-top {
  background-color: var(--altaira-button-bg) !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
button:not(.slick-arrow):hover,
input[type='submit']:hover,
.go-top:hover {
  background-color: var(--altaira-button-bg-hover) !important;
}

.wp-block-image:not(.alignfull):not(.alignwide) img,
.wp-block-cover:not(.alignfull) {
  border-radius: 20px;
}

/* ------------------------------------------------------------ Champs de formulaire */
/* Le thème ne fixe que la bordure et le texte : le fond resterait le blanc du navigateur. */
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
textarea,
select {
  background-color: var(--sydney-global-color-7) !important;
  color: var(--sydney-global-color-3) !important;
  border-color: var(--sydney-global-color-8) !important;
}

/* ------------------------------------------------------------ Emplacement « image à remplacer » */
.altaira-placeholder-image {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 16 / 10;
  border: 2px dashed var(--sydney-global-color-8);
  border-radius: 20px;
  background: var(--sydney-global-color-7);
  color: var(--sydney-global-color-5);
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  padding: 1.5rem;
}

/* ------------------------------------------------------------ Pied de page */
/* Les 4 colonnes mélangent des widgets (menu, titre, logo) aux marges différentes : une « bande titre »
   de hauteur fixe (le logo occupe la même bande que les titres), puis un contenu qui démarre partout à
   la même hauteur, avec le même interligne. */
.footer-widgets .widget-title,
.footer-widgets .altaira-footer-logo {
  display: flex;
  align-items: center;
  height: 32px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  line-height: 1;
}

.footer-widgets .altaira-footer-logo a {
  display: flex;
  align-items: center;
}

.footer-widgets .altaira-footer-logo img {
  height: auto;
  max-height: 28px;
  width: auto;
}

.footer-widgets .widget_block p,
.footer-widgets .widget ul li {
  margin: 0;
  padding: 5px 0;
  line-height: 1.5;
}

.footer-widgets .widget ul,
.footer-widgets .widget_block p:first-child,
.footer-widgets .widget_block p:first-of-type,
.footer-widgets .widget ul li:first-child {
  margin-top: 0;
  padding-top: 0;
}

.footer-widgets .widget ul li a {
  padding-left: 0;
}