/*
Theme Name: Open Modal theme
Theme URI: https://preprod.open-modal.com/
Description: Thème enfant de Hello Elementor pour le multisite
Author: 109 l'agence
Author URI: https://www.109lagence.fr/
Template: hello-elementor
Version: 1.0
Text Domain: hello-child
*/

@import url("../hello-elementor/style.css");

/* ============== STYLES GLOBAUX ============== */

/* Exemple de variables CSS communes */
/*:root {
  --color-primary: #0073e6;
  --color-secondary: #222;
  --font-base: "Inter", sans-serif;
}*/

body {
  /*font-family: var(--font-base);
  color: var(--color-secondary);*/
}
p {
  margin-bottom: 0 !important;
}
a {
  text-decoration: none !important;
}
.sr-only, .entry-title {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important; /* évite le retour à la ligne */
  border:0 !important;
}

button {
    border-radius: 0 !important;
    border: 0 !important;
}

/* btn avec flèche > changement de couleur flèche en hover */
/* Cible le path et le cercle du SVG */
.btn-fleche svg circle,
.btn-fleche svg path {
    transition: 0.3s ease;
}

/* Couleur au hover */
.btn-fleche:hover svg circle {
    fill: #FFFFFF; 
}
.btn-fleche:hover svg path {
    fill: #002344; 
}
.btn-fleche-gris:hover svg path {
    fill: #EFF1F3; 
}

/* Animation rotation flèche au survol du wrapper link */
.entite-fleche .rotation-fleche img {
    transition: transform 0.35s ease;
    transform-origin: center;
}

.entite-fleche:hover .rotation-fleche img {
    transform: rotate(-45deg);
}


/* === Lien d'évitement ==== */
/* ----- BARRE DOUBLE ----- */
.om-skiplinks {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100000;
  display:flex;
  justify-content:sart;
  pointer-events:none;
  transform:translateY(-100%);
  transition:transform .25s ease;
}
.om-skipbar {
  display:flex;
  gap:2rem;
  background: #A3ADB9;
  border-radius:0 0 1rem 1rem;
  padding:.7rem 2rem;
  pointer-events:auto;
}
a.om-skiplink {
  display:inline-block;
  color: var(--e-global-color-primary) !important;
  font-weight:800;
  text-decoration:none !important;
}
.om-skiplink::before {
  content:"›";
  margin-right:.4rem;
  font-weight:600;
  font-size: 1.5 rem;
  vertical-align: text-bottom;
}
.om-skiplink:hover,.om-skiplink:focus {
  text-decoration:underline;
}

/* Afficher la barre quand un lien a le focus */
.om-skiplinks:focus-within { transform:translateY(0); }

/* ----- PUSH HEADER + MAIN quand la barre est visible ----- */
header[data-elementor-type="header"], main#content { transition:transform .25s ease; }
.om-skiplinks:focus-within ~ header[data-elementor-type="header"],
.om-skiplinks:focus-within ~ main#content { transform:translateY(3.5rem); }

/* Barre admin WP */
body.admin-bar .om-skiplinks{ top:32px; }
@media (max-width:782px){ body.admin-bar .om-skiplinks{ top:46px; } }

/* Neutralise d’éventuels "visually-hidden" agressifs */
.om-skiplink{ position:static!important; clip:auto!important; clip-path:none!important; }


/******** apparition smooth des résultats Actus et Jobs *****/
/* État normal */
#all_jobs,
#all_actus {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Pendant la requête (on garde is-loading comme hook JS) */
#all_jobs.is-loading,
#all_actus.is-loading {
  opacity: 0.35;          /* léger fondu */
  transform: translateY(4px); /* petite translation vers le bas */
}