/*
Theme Name: OriginDev Child
Description: Child theme Divi — identité visuelle « OriginDev ». Généré par divi-theme-integrator.
Author: Développement Origine Inc.
Template: Divi
Version: 1.0.2
*/

/* ==========================================================================
   Variables du thème « OriginDev »
   Les couleurs d'accent Divi 5 (--gcid-primary-color, etc.) sont définies par
   les réglages du Customizer (posés par le plugin compagnon ou l'import JSON).
   Les variables ci-dessous complètent pour le CSS custom.
   ========================================================================== */
:root {
  --origindev-primary: #AB000E;
  --origindev-secondary: #2B386C;
  --origindev-heading: #132940;
  --origindev-body: #535B6E;
  --origindev-background: #FFFFFF;
  --origindev-marine-fonce-fonds-sombres-overlays: #132940;
  --origindev-accent-web-cyan: #1BC1FF;
  --origindev-accent-hebergement-turquoise: #5EEAD4;
  --origindev-rouge-fonce-hover-boutons: #7A000A;
  --origindev-radius: 8px;
  --origindev-button-radius: 4px;
  --origindev-shadow: 0 8px 22px rgba(0,0,0,0.10);
}

/* Typographie et fond de base — filet de sécurité ; les vrais réglages vivent dans Divi.
   Le fond est crucial pour les thèmes sombres : Divi est « light » par défaut. */
body,
#page-container,
#main-content {
  background-color: var(--origindev-background);
}

body {
  font-family: 'Raleway', sans-serif;
  color: var(--origindev-body);
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Dosis', sans-serif;
  color: var(--origindev-heading);
}

/* Échelle typographique — Divi 5 ne porte pas les tailles dans les blocs,
   elles viennent des presets ou d'ici (responsive via clamp) */
h1, .et_pb_module h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.15; }
h2, .et_pb_module h2 { font-size: clamp(28px, 4vw, 38px); line-height: 1.2; }
h3, .et_pb_module h3 { font-size: clamp(22px, 3vw, 25px); }
h4, .et_pb_module h4 { font-size: 20px; }

/* Finitions que les réglages Divi ne couvrent pas */
::selection {
  background: var(--origindev-primary);
  color: var(--origindev-background);
}

/* Module Menu (header Theme Builder) : sans contrainte, le logo s'affiche en
   taille native et peut envahir l'écran */
.et_pb_menu__logo img,
.et_pb_menu__logo-wrap img {
  max-height: 64px;
  width: auto;
}

/* Header : séparer le logo (gauche) et le menu (droite). Le conteneur interne du
   module Menu Divi est en flex mais « packé » à gauche par défaut ; space-between
   pousse le logo et les liens aux deux extrémités de la largeur du module. */
.et-l--header .et_pb_menu_inner_container {
  justify-content: space-between;
}

a {
  transition: color 0.2s ease;
}

.et_pb_button {
  border-radius: var(--origindev-button-radius);
}

/* Classes utilitaires réutilisables dans les modules Divi (onglet Avancé > Classe CSS) */
.origindev-card {
  background: #ffffff;
  border-radius: var(--origindev-radius);
  box-shadow: var(--origindev-shadow);
  padding: 28px;
  height: 100%;
}

.origindev-accent-text {
  color: var(--origindev-primary);
}

/* NB : le voile/positionnement du hero (.origindev-hero, ::before, > *) a été RETIRÉ.
   Ces règles (position:relative + pseudo absolus + « > * » en position:relative)
   perturbaient le rendu de la section dans le Visual Builder Divi (la section
   « grossissait » à la sélection). Le fond image est géré en natif (size:cover sur
   l'image de la section) ; le voile, si besoin, se fera en dégradé natif Divi. */

/* ==========================================================================
   CSS spécifique au projet (tokens.json > customCss)
   ========================================================================== */