/* ============================================================
   DAL'ALU — Global
   Variables, typographie, éléments de base.
   ============================================================ */

/* ── Futura LT ──
   Police du site : Futura LT (fichiers .ttf). Le nom de famille reste
   "Futura Std" pour que toutes les feuilles qui l'utilisent basculent
   automatiquement sur Futura LT sans autre modification. */
@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-LightOblique.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-BookOblique.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Oblique.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-BoldOblique.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("../fonts/FuturaLT-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ── Conteneur centré 80 % ── */
.dal-container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* ── Section générique ── */
.dal-section {
  padding: 60px 0;
}

/* ── Variables de marque ── */
:root {
  /* Couleurs */
  --dal-font: "Futura Std", Futura, "Century Gothic", sans-serif;
  --dal-red: #DC0D15;
  --wp--preset--font-family--manrope: "Futura Std", Futura, "Century Gothic", sans-serif;
}

/* ── Appliquer Futura sur tout le site ── */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
select,
textarea {
  font-family: "Futura Std", Futura, "Century Gothic", sans-serif;
}


.wp-site-blocks{
  overflow: hidden;
}

/* ── Fond global du site ── */
body {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 100%), #FBFBFD;
}


/* ── Flèche de navigation ronde (slider, carrousels…) ──
   Géométrie commune ; la couleur se pilote via --dal-arrow-color et
   --dal-arrow-hover-bg posées sur un parent (contexte clair/sombre). */
.dal-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid currentColor;
  background: transparent;
  color: var(--dal-arrow-color, #fff);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.dal-arrow:hover {
  background: var(--dal-arrow-hover-bg, rgba(255, 255, 255, .15));
}


/* ── Boutons pilule ──
   Base de forme commune ; chaque emplacement garde son padding et sa
   taille de police. Trois variantes de couleur :
   --solid   : fond rouge, texte blanc (hover rouge foncé)
   --outline : fond blanc, contour rouge (hover inversé) — fond clair
   --ghost   : contour blanc, transparent (hover fond blanc) — fond sombre */
.dal-btn {
  display: inline-block;
  border-radius: 100px;
  text-decoration: none;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.dal-btn--solid {
  background: var(--dal-red, #DC0D15);
  color: #fff;
}

.dal-btn--solid:hover {
  background: #b40a11;
}

.dal-btn--outline {
  background: #fff;
  border: 2px solid var(--dal-red, #DC0D15);
  color: var(--dal-red, #DC0D15);
}

.dal-btn--outline:hover {
  background: var(--dal-red, #DC0D15);
  color: #fff;
}

.dal-btn--ghost {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.dal-btn--ghost:hover {
  background: #fff;
  color: var(--dal-red, #DC0D15);
}
/* Mobile : marge latérale homogène de 16px sur le conteneur principal */
@media (max-width: 600px) {
  .dal-container {
    width: 100%;
    padding-left: max(16px, 4vw);
    padding-right: max(16px, 4vw);
    box-sizing: border-box;
  }
}