/* ============================================================
   LIQUID GLASS.CSS - Athenia ultra premium layer
   Purpose: systemic Apple Vision Pro inspired glass treatment.
   Loaded late to enhance existing pages without changing markup.
   ============================================================ */

:root {
  --glass-white: rgba(255, 255, 255, 0.68);
  --glass-white-strong: rgba(255, 255, 255, 0.82);
  --glass-white-soft: rgba(255, 255, 255, 0.44);
  --glass-dark: rgba(10, 14, 19, 0.54);
  --glass-dark-strong: rgba(10, 14, 19, 0.72);
  --glass-border: rgba(255, 255, 255, 0.42);
  --glass-border-dark: rgba(255, 255, 255, 0.18);
  --glass-hairline: rgba(29, 29, 31, 0.08);
  --glass-green: rgba(0, 168, 107, 0.20);
  --glass-green-bright: rgba(0, 230, 118, 0.24);
  --glass-blur: 26px;
  --glass-blur-soft: 16px;
  --glass-shadow:
    0 28px 90px rgba(15, 23, 42, 0.12),
    0 10px 28px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.74),
    inset 0 -1px 0 rgba(255, 255, 255, 0.20);
  --glass-shadow-hover:
    0 38px 120px rgba(15, 23, 42, 0.18),
    0 14px 36px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(255, 255, 255, 0.28);
}

html {
  background:
    radial-gradient(circle at 14% 8%, rgba(0, 230, 118, 0.09), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(122, 190, 255, 0.11), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.86), transparent 34%),
    #f5f5f7;
}

body {
  background:
    radial-gradient(circle at 8% 12%, rgba(0, 230, 118, 0.055), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(114, 170, 255, 0.07), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,245,247,0.98));
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  nav,
  .mobile-nav,
  .nav-dropdown,
  .nav-submenu,
  .dropdown-menu,
  .mega-menu,
  .lang-menu,
  .ath-overlay,
  .sticky-cta,
  .floating-cta,
  .home-hero-panel,
  .acad-proof-panel,
  .logo-glass-card,
  .glass-card,
  .proof-panel,
  .metric-card,
  .stat-card,
  .feature-card,
  .offer-card,
  .program-card,
  .method-card,
  .vertical-card,
  .vertical-card-core,
  .formation-card,
  .mentor-card,
  .advisory-method-card-content,
  .formations-verticals-method,
  .form-dark-btn-ghost,
  .home-btn-secondary,
  .signature-pill,
  .proof-pill,
  .badge,
  .pill,
  .chip,
  .tag,
  .ath-modal,
  .form-card,
  .contact-card,
  .legal-card,
  .content-card,
  .section-card,
  [class*="glass"],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-card"],
  [class*="-card "] {
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(175%);
    backdrop-filter: blur(var(--glass-blur)) saturate(175%);
  }
}

nav {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.58)) !important;
  border-bottom: 1px solid rgba(255,255,255,0.48) !important;
  box-shadow:
    0 18px 60px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

.mobile-nav,
.nav-dropdown,
.nav-submenu,
.dropdown-menu,
.mega-menu,
.lang-menu {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.64)) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
}

.home-hero-panel,
.acad-proof-panel,
.logo-glass-card,
.glass-card,
.proof-panel,
.metric-card,
.stat-card,
.feature-card,
.offer-card,
.program-card,
.method-card,
.vertical-card,
.vertical-card-core,
.formation-card,
.mentor-card,
.form-card,
.contact-card,
.legal-card,
.content-card,
.section-card,
[class*="glass"],
[class$="-panel"],
[class*="-panel "],
[class$="-card"],
[class*="-card "] {
  position: relative;
  overflow: hidden;
  border-color: var(--glass-border) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.74), rgba(255,255,255,0.34) 48%, rgba(255,255,255,0.20)),
    radial-gradient(circle at 12% 0%, rgba(255,255,255,0.78), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(0,230,118,0.10), transparent 36%) !important;
  box-shadow: var(--glass-shadow) !important;
}

.home-hero-panel::before,
.acad-proof-panel::before,
.logo-glass-card::before,
.glass-card::before,
.proof-panel::before,
.metric-card::before,
.stat-card::before,
.feature-card::before,
.offer-card::before,
.program-card::before,
.method-card::before,
.vertical-card::before,
.vertical-card-core::before,
.formation-card::before,
.mentor-card::before,
.form-card::before,
.contact-card::before,
.legal-card::before,
.content-card::before,
.section-card::before,
[class*="glass"]::before,
[class$="-panel"]::before,
[class*="-panel "]::before,
[class$="-card"]::before,
[class*="-card "]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,0.78), rgba(255,255,255,0.16) 31%, transparent 48%),
    linear-gradient(290deg, rgba(255,255,255,0.24), transparent 34%);
  opacity: 0.86;
  mix-blend-mode: screen;
}

.home-hero-panel::after,
.acad-proof-panel::after,
.logo-glass-card::after,
.glass-card::after,
.proof-panel::after,
.metric-card::after,
.stat-card::after,
.feature-card::after,
.offer-card::after,
.program-card::after,
.method-card::after,
.vertical-card::after,
.vertical-card-core::after,
.formation-card::after,
.mentor-card::after,
.form-card::after,
.contact-card::after,
.legal-card::after,
.content-card::after,
.section-card::after,
[class*="glass"]::after,
[class$="-panel"]::after,
[class*="-panel "]::after,
[class$="-card"]::after,
[class*="-card "]::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.26),
    inset 0 18px 36px rgba(255,255,255,0.18),
    inset 0 -24px 42px rgba(15,23,42,0.035);
}

.home-hero-panel > *,
.acad-proof-panel > *,
.logo-glass-card > *,
.glass-card > *,
.proof-panel > *,
.metric-card > *,
.stat-card > *,
.feature-card > *,
.offer-card > *,
.program-card > *,
.method-card > *,
.vertical-card > *,
.vertical-card-core > *,
.formation-card > *,
.mentor-card > *,
.form-card > *,
.contact-card > *,
.legal-card > *,
.content-card > *,
.section-card > *,
[class*="glass"] > *,
[class$="-panel"] > *,
[class*="-panel "] > *,
[class$="-card"] > *,
[class*="-card "] > * {
  position: relative;
  z-index: 1;
}

.home-hero-panel:hover,
.acad-proof-panel:hover,
.logo-glass-card:hover,
.glass-card:hover,
.proof-panel:hover,
.metric-card:hover,
.stat-card:hover,
.feature-card:hover,
.offer-card:hover,
.program-card:hover,
.method-card:hover,
.vertical-card:hover,
.formation-card:hover,
.mentor-card:hover,
.form-card:hover,
.contact-card:hover,
.legal-card:hover,
.content-card:hover,
.section-card:hover,
[class*="glass"]:hover,
[class$="-panel"]:hover,
[class*="-panel "]:hover,
[class$="-card"]:hover,
[class*="-card "]:hover {
  border-color: rgba(255,255,255,0.62) !important;
  box-shadow: var(--glass-shadow-hover) !important;
}

.home-btn-secondary,
.form-dark-btn-ghost,
.btn-secondary,
.btn-ghost,
.button-secondary,
.button-ghost,
.signature-pill,
.proof-pill,
.badge,
.pill,
.chip,
.tag {
  border-color: rgba(255,255,255,0.42) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.40), rgba(255,255,255,0.16)) !important;
  box-shadow:
    0 12px 32px rgba(15,23,42,0.08),
    inset 0 1px 0 rgba(255,255,255,0.68),
    inset 0 -1px 0 rgba(255,255,255,0.20) !important;
}

.ath-overlay {
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,0.18), transparent 30%),
    rgba(8, 12, 18, 0.46) !important;
}

.ath-modal {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.90), rgba(255,255,255,0.68)) !important;
  border-color: rgba(255,255,255,0.54) !important;
  box-shadow:
    0 38px 120px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

/* Dark media sections use smoked glass for stable readability. */
.home-hero-panel,
.acad-proof-panel,
.advisory-method-card-content,
.form-dark-btn-ghost,
.l48-panel,
.l48-edition-card,
[class*="hero"] [class$="-card"],
[class*="hero"] [class*="-card "],
[class*="hero"] [class$="-panel"],
[class*="hero"] [class*="-panel "],
[class*="dark"] [class$="-card"],
[class*="dark"] [class*="-card "],
[class*="dark"] [class$="-panel"],
[class*="dark"] [class*="-panel "] {
  border-color: rgba(255,255,255,0.28) !important;
  background:
    linear-gradient(145deg, rgba(9,14,20,0.62), rgba(16,24,30,0.44) 52%, rgba(22,32,38,0.34)),
    radial-gradient(circle at 12% 0%, rgba(255,255,255,0.20), transparent 35%),
    radial-gradient(circle at 86% 10%, rgba(0,230,118,0.12), transparent 32%) !important;
  box-shadow:
    0 38px 128px rgba(0,0,0,0.46),
    0 14px 36px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(255,255,255,0.11) !important;
}

.home-hero-panel::before,
.acad-proof-panel::before,
.advisory-method-card-content::before,
.l48-panel::before,
.l48-edition-card::before,
[class*="hero"] [class$="-card"]::before,
[class*="hero"] [class*="-card "]::before,
[class*="hero"] [class$="-panel"]::before,
[class*="hero"] [class*="-panel "]::before,
[class*="dark"] [class$="-card"]::before,
[class*="dark"] [class*="-card "]::before,
[class*="dark"] [class$="-panel"]::before,
[class*="dark"] [class*="-panel "]::before {
  background:
    linear-gradient(115deg, rgba(255,255,255,0.26), rgba(255,255,255,0.08) 30%, transparent 48%),
    linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.18)) !important;
  opacity: 0.94;
}

.home-hero-panel::after,
.acad-proof-panel::after,
.advisory-method-card-content::after,
.l48-panel::after,
.l48-edition-card::after,
[class*="hero"] [class$="-card"]::after,
[class*="hero"] [class*="-card "]::after,
[class*="hero"] [class$="-panel"]::after,
[class*="hero"] [class*="-panel "]::after,
[class*="dark"] [class$="-card"]::after,
[class*="dark"] [class*="-card "]::after,
[class*="dark"] [class$="-panel"]::after,
[class*="dark"] [class*="-panel "]::after {
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.24),
    inset 0 18px 42px rgba(255,255,255,0.11),
    inset 0 -34px 56px rgba(0,0,0,0.18) !important;
}

.home-hero-panel :where(h1,h2,h3,h4,p,span,a,li,strong,small),
.acad-proof-panel :where(h1,h2,h3,h4,p,span,a,li,strong,small),
.advisory-method-card-content :where(h1,h2,h3,h4,p,span,a,li,strong,small),
.l48-panel :where(h1,h2,h3,h4,p,span,a,li,strong,small),
.l48-edition-card :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="hero"] [class$="-card"] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="hero"] [class*="-card "] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="hero"] [class$="-panel"] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="hero"] [class*="-panel "] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="dark"] [class$="-card"] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="dark"] [class*="-card "] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="dark"] [class$="-panel"] :where(h1,h2,h3,h4,p,span,a,li,strong,small),
[class*="dark"] [class*="-panel "] :where(h1,h2,h3,h4,p,span,a,li,strong,small) {
  color: rgba(255,255,255,0.94) !important;
  text-shadow: 0 1px 18px rgba(0,0,0,0.42);
}

.home-hero-panel :where(hr, .divider, [class*="line"], [class*="separator"]),
.acad-proof-panel :where(hr, .divider, [class*="line"], [class*="separator"]),
.l48-panel :where(hr, .divider, [class*="line"], [class*="separator"]),
[class*="hero"] [class$="-card"] :where(hr, .divider, [class*="line"], [class*="separator"]),
[class*="hero"] [class$="-panel"] :where(hr, .divider, [class*="line"], [class*="separator"]),
[class*="dark"] [class$="-card"] :where(hr, .divider, [class*="line"], [class*="separator"]),
[class*="dark"] [class$="-panel"] :where(hr, .divider, [class*="line"], [class*="separator"]) {
  border-color: rgba(255,255,255,0.18) !important;
  background-color: rgba(255,255,255,0.16) !important;
}

/* ── Mobile : désactive le backdrop-filter coûteux sur les wildcards ─────── */
@media (max-width: 768px) {
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  nav,
  .mobile-nav,
  .nav-dropdown,
  .nav-submenu,
  .dropdown-menu,
  .mega-menu,
  .lang-menu,
  .ath-overlay,
  .ath-modal,
  .home-hero-panel,
  .acad-proof-panel,
  .logo-glass-card,
  [class*="glass"],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-card"],
  [class*="-card "] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}