/* ORIGIN — ACCUEIL · CSS externalisé (v1.0.1)
   Extrait de pages/page_accueil.html — Divi mâchait le JS inline des modules
   Code ; ce fichier vit hors de portée du filtre shortcode/texturize de WP. */
/* Polices auto-hébergées : @font-face dans origin-global.css (correctif Google Fonts 20.07.2026). */

#origin-accueil-page { background: #120D0B; color: #D9C2AF; font-family: Inter, sans-serif; font-weight: 300; overflow-x: hidden; position: relative; min-height: 100vh; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
#origin-accueil-page a { color: #C89A7A; text-decoration: none; transition: color .25s ease; }
#origin-accueil-page a:hover { color: #D8B49A; }
#origin-accueil-page ::selection { background: #A56E58; color: #120D0B; }
@keyframes oa-breathe { 0%, 100% { opacity: .35; } 50% { opacity: .95; } }
@keyframes oa-twinkle { 0%, 100% { opacity: .05; } 50% { opacity: .75; } }
@keyframes oa-nodeGlow { 0%, 100% { box-shadow: 0 0 8px 1px rgba(216,180,154,.25); } 50% { box-shadow: 0 0 16px 3px rgba(216,180,154,.5); } }
@keyframes oa-sway { 0%, 100% { transform: translateY(0) rotate(0deg); opacity: .8; } 50% { transform: translateY(-7px) rotate(1.2deg); opacity: 1; } }
@keyframes oa-aura { 0%, 100% { transform: scale(.85); opacity: .35; } 50% { transform: scale(1.25); opacity: .85; } }

#origin-accueil-page .oa-hero-card { display: block; flex: 1 1 220px; max-width: 280px; padding: 22px 24px; text-align: left; border: 1px solid rgba(178,183,156,.22); border-radius: 3px; background: rgba(15,18,13,.5); transition: border-color .25s ease, background .25s ease; }
#origin-accueil-page .oa-hero-card:hover { border-color: rgba(178,183,156,.6); background: rgba(15,18,13,.85); }
#origin-accueil-page .oa-hero-card.oa-emotion { border-color: rgba(196,141,118,.22); background: rgba(42,15,20,.4); }
#origin-accueil-page .oa-hero-card.oa-emotion:hover { border-color: rgba(196,141,118,.6); background: rgba(42,15,20,.75); }
#origin-accueil-page .oa-hero-card.oa-atelier { border-color: rgba(196,169,122,.22); background: rgba(9,13,21,.5); }
#origin-accueil-page .oa-hero-card.oa-atelier:hover { border-color: rgba(196,169,122,.6); background: rgba(9,13,21,.85); }

#origin-accueil-page .oa-link-fil { display: inline-block; padding: 13px 26px; border: 1px solid rgba(178,183,156,.5); border-radius: 2px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #B2B79C; transition: background .25s ease, border-color .25s ease, color .25s ease; }
#origin-accueil-page .oa-link-fil:hover { background: rgba(178,183,156,.1); border-color: #B2B79C; color: #DDE0CE; }
#origin-accueil-page .oa-link-emotion { display: inline-block; padding: 13px 26px; border: 1px solid rgba(196,141,118,.5); border-radius: 2px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #C48D76; transition: background .25s ease, border-color .25s ease, color .25s ease; }
#origin-accueil-page .oa-link-emotion:hover { background: rgba(196,141,118,.1); border-color: #C48D76; color: #E8CCBE; }
#origin-accueil-page .oa-link-atelier { display: inline-block; padding: 13px 26px; border: 1px solid rgba(196,169,122,.5); border-radius: 2px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #C4A97A; transition: background .25s ease, border-color .25s ease, color .25s ease; }
#origin-accueil-page .oa-link-atelier:hover { background: rgba(196,169,122,.1); border-color: #C4A97A; color: #EBDDC2; }
#origin-accueil-page .oa-link-traj { display: inline-block; padding: 15px 30px; border: 1px solid rgba(216,180,154,.45); border-radius: 2px; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: #D8B49A; transition: background .25s ease, border-color .25s ease, color .25s ease; }
#origin-accueil-page .oa-link-traj:hover { background: rgba(216,180,154,.08); border-color: #D8B49A; color: #EDE0D4; }

#origin-accueil-page .oa-guide-btn { display: block; width: 100%; text-align: left; padding: 14px 18px; min-height: 40px; border: 1px solid rgba(200,154,122,.3); border-radius: 2px; background: rgba(18,13,11,.4); color: #D9C2AF; font-family: Inter, sans-serif; font-weight: 300; font-size: 14.5px; line-height: 1.5; cursor: pointer; transition: border-color .25s ease, background .25s ease; }
#origin-accueil-page .oa-guide-btn:hover { border-color: #C89A7A; background: rgba(36,24,21,.7); }
#origin-accueil-page .oa-guide-btn.oa-hover-fil:hover { border-color: #B2B79C; background: rgba(15,18,13,.7); }
#origin-accueil-page .oa-guide-btn.oa-hover-emotion:hover { border-color: #C48D76; background: rgba(42,15,20,.5); }
#origin-accueil-page .oa-guide-back { margin-top: 20px; padding: 0; min-height: 40px; border: none; background: none; color: #A56E58; font-family: Inter, sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }

#origin-accueil-page .oa-anchor-nav-mobile { display: flex; gap: clamp(14px, 2.5vw, 28px); flex-wrap: wrap; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }

/* --- scintillement des étoiles décoratives : SIMPLE, comme la source Design.
   (correctif 19.07 : l'anneau ::after « aura » était de trop sur les petites
   étoiles — l'aura reste réservée aux nœuds/moments, pas au fond de ciel.) --- */
#origin-accueil-page .oa-stars span { position: absolute; border-radius: 50%; }

@media (max-width: 780px) {
  #origin-accueil-page section > div[style*="margin: 0 auto"] { padding-left: 24px !important; padding-right: 24px !important; }
  /* correctif 19.07 : la règle ciblait TOUS les div (y c. les rails 1px → bande de 49px) */
}
@media (max-width: 480px) {
  #origin-accueil-page section > div[style*="margin: 0 auto"] { padding-top: 90px !important; }
  #origin-accueil-page .oa-hero-card { max-width: 100%; }
}

/* correctif 20.07 (decision Laurent) : rails caches mobile — la ligne n'apporte
   rien a 390px, le point tombe sur du texte, et sa presence decale le contenu. */
@media (max-width: 780px){
  #origin-accueil-page section > div[style*="width: 1px"],
  #origin-accueil-page section > div[style*="width: 9px"] { display:none !important; }
  #origin-accueil-page section { overflow:hidden; }
}