/**
 * FICHIER DE RESET/OVERRIDE POUR LE THÈME SAE
 * Ce fichier garantit que les styles du thème SAE prennent le dessus sur le thème classic
 */

/* Reset complet pour éviter les conflits avec le thème classic */
* {
  box-sizing: border-box;
}

/* Body - Fond violet SAE */
body {
  background: #daa8e8 !important;
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

/* Header - Transparent pour voir la vidéo */
#header,
header#header,
.kany-header,
.header-container,
#header .header-top {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Wrapper principal */
#wrapper {
  background: transparent !important;
}

/* Connexion / Inscription : ne jamais forcer le fond violet sur le wrapper */
body.page-authentication #wrapper,
body.authentication-page #wrapper,
body.page-registration #wrapper,
body.registration-page #wrapper,
body.page-identity #wrapper,
body.identity-page #wrapper,
body#identity #wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

/* Identity : ne pas forcer le fond violet sur le body (sans casser l'image de fond) */
body.page-identity,
body.identity-page,
body#identity {
  /* IMPORTANT: theme-override force `body { background: #daa8e8 !important; }`
     donc on doit surcharger avec un `background:` complet ici. */
  background: url('../img/img_fondv4.png') no-repeat center/cover !important;
  background-attachment: fixed !important;
  background-color: transparent !important;
  background-image: url('../img/img_fondv4.png') !important;
}

/* Identity : forcer la transparence sur les éléments du layout (sans toucher au formulaire) */
body.page-identity #wrapper,
body.page-identity #main,
body.page-identity #content-wrapper,
body.page-identity #content,
body.page-identity section#main,
body.page-identity .container,
body.page-identity .container-fluid,
body.page-identity .row,
body.page-identity .page-content,
body.page-identity .card,
body.page-identity .card-block,
body.page-identity .page-footer,
body.page-identity .page-header,
body.identity-page #wrapper,
body.identity-page #main,
body.identity-page #content-wrapper,
body.identity-page #content,
body.identity-page section#main,
body.identity-page .container,
body.identity-page .container-fluid,
body.identity-page .row,
body.identity-page .page-content,
body.identity-page .card,
body.identity-page .card-block,
body.identity-page .page-footer,
body.identity-page .page-header,
body#identity #wrapper,
body#identity #main,
body#identity #content-wrapper,
body#identity #content,
body#identity section#main,
body#identity .container,
body#identity .container-fluid,
body#identity .row,
body#identity .page-content,
body#identity .card,
body#identity .card-block,
body#identity .page-footer,
body#identity .page-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

#content-wrapper,
#main {
  background: transparent !important;
}

/* Footer (uniquement le footer du site, pas les footers internes des formulaires) */
#footer,
footer#footer {
  background: #f8f8f8 !important;
  background-color: #f8f8f8 !important;
}

/* Pages d'authentification */
body.authentication-page,
body.page-authentication {
  background: transparent !important;
  background-color: transparent !important;
}

.authentication-page #wrapper,
.page-authentication #wrapper,
.authentication-page #main,
.page-authentication #main,
.authentication-page #content-wrapper,
.page-authentication #content-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

/* Page d'inscription */
body.page-registration,
body.registration-page,
.page-registration #wrapper,
.page-registration #main,
.page-registration #content-wrapper,
.registration-page #wrapper,
.registration-page #main,
.registration-page #content-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}

/* Page d'inscription : supprimer TOUS les fonds roses de TOUS les conteneurs */
body.page-registration #content-wrapper.js-content-wrapper,
body.registration-page #content-wrapper.js-content-wrapper,
body.page-registration section#main,
body.registration-page section#main,
body.page-registration header.page-header,
body.registration-page header.page-header,
body.page-registration .page-header,
body.registration-page .page-header,
body.page-registration #content.page-content.card.card-block,
body.registration-page #content.page-content.card.card-block,
body.page-registration footer.page-footer,
body.registration-page footer.page-footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Pages Connexion / Inscription : ne pas imposer de fond gris au footer */
body.page-authentication #footer,
body.page-authentication footer#footer,
body.page-registration #footer,
body.page-registration footer#footer,
body.registration-page #footer,
body.registration-page footer#footer {
  background: transparent !important;
  background-color: transparent !important;
}

/* Page à propos */
.cms-id-4 body,
body.cms-id-4,
html body.cms-id-4 {
  background: linear-gradient(180deg, 
    #a8d8a8 0%, 
    #b5d9b0 15%, 
    #c2dab8 30%, 
    #d0dbc0 45%, 
    #dddcc8 60%, 
    #eaddd0 75%, 
    #f6ded8 85%, 
    #ffd4a3 100%) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-color: transparent !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  min-height: 100vh !important;
}

.cms-id-4 #header,
.cms-id-4 .kany-header,
.cms-id-4 #header .header-top,
.cms-id-4 .header-container {
  background: transparent !important;
}

/* S'assurer que les styles personnalisés SAE sont prioritaires */
.container-login,
.container-register,
.auth-container {
  /* Styles déjà définis dans custom.css et auth-modern.css */
}

/* Override des styles Bootstrap/Classic qui pourraient interférer */
.btn-primary {
  background: #6a00ff !important;
  border-color: #6a00ff !important;
}

.form-control:focus {
  border-color: #6a00ff !important;
  box-shadow: 0 0 0 0.2rem rgba(106, 0, 255, 0.25) !important;
}

/* Identity : enlever le violet au focus des inputs */
body.page-identity .form-control:focus,
body.identity-page .form-control:focus,
body#identity .form-control:focus {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Identity : enlever le violet des boutons "Afficher" */
body.page-identity .input-group-btn button:focus,
body.page-identity .input-group-btn .btn:focus,
body.identity-page .input-group-btn button:focus,
body.identity-page .input-group-btn .btn:focus,
body#identity .input-group-btn button:focus,
body#identity .input-group-btn .btn:focus {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Bootstrap / PrestaShop */
.text-primary {
  color: #f09502 !important;
}