/* ------------------------------------------------------------------
   Ajustements site Node — chargé APRÈS assets/tailwind.css du thème.
------------------------------------------------------------------ */

/* Note : la gestion des .glass-card en thème clair est faite dans head.ejs
   (thème clair maison). On ne l'override plus ici. */

/* Le thème utilise .bg-gradient-primary sans le définir → carré transparent.
   On le définit avec le violet de marque (#6b21a8 → #4327A9). */
.bg-gradient-primary {
  background: linear-gradient(135deg, #6b21a8 0%, #4327a9 100%) !important;
}

/* Bouton hamburger + menu déroulant : visibles UNIQUEMENT en mobile (< 1024px).
   Le tailwind.css compilé du thème n'inclut pas la classe lg:hidden → on force ici. */
@media (min-width: 1024px) {
  #burger-btn { display: none !important; }
  #mobile-menu { display: none !important; }
}

/* Menu mobile : masquer le marqueur natif des <details>, animer la flèche */
#mobile-menu summary { list-style: none; }
#mobile-menu summary::-webkit-details-marker { display: none; }
#mobile-menu summary .material-symbols-outlined { transition: transform 0.2s ease; }
#mobile-menu details[open] > summary .material-symbols-outlined { transform: rotate(180deg); }

/* Carrés « portail » colorés (Espace Recruteurs / Candidats) + filigrane */
.portal-box { position: relative; overflow: hidden; }
.portal-box--primary { background: linear-gradient(135deg, #6b21a8 0%, #4327a9 100%); }
.portal-box--secondary { background: linear-gradient(135deg, #b45309 0%, #7c2d12 100%); }
.portal-filigrane {
  position: absolute; right: -20px; bottom: -28px;
  font-size: 190px; line-height: 1; opacity: 0.10; color: #fff; pointer-events: none;
}