/* ------------------------------------------------------------------
   Thèmes de kiosque ( kiosques.theme ) appliqués SEULEMENT sur #!/facture/{uuid}
   et #!/carte-virtuel/{uuid} : FactureController / CarteVirtuelleController posent
   $rootScope.themePage, MainController le remet à null à chaque changement de page,
   et <body> reçoit la classe theme-halloween ou theme-studiomobile.
   Sans classe ( ou theme-noel ), le site garde les couleurs de Noël de style.css.
------------------------------------------------------------------ */

/* ---------- Halloween : nuit violette + orange citrouille ---------- */
body.theme-halloween .bg-secondary-app { background-color: #1b0f2a; }
body.theme-halloween .bg-primary { background-color: #4a1e6e; }

body.theme-halloween .rd-navbar-6.rd-navbar-static.rd-navbar--is-clone,
body.theme-halloween .rd-navbar-6.rd-navbar-static.rd-navbar--is-stuck,
body.theme-halloween .rd-navbar-fixed.rd-navbar-6.context-dark .rd-navbar-panel { background-color: #4a1e6e; }
body.theme-halloween .rd-navbar-6.rd-navbar-static .rd-nav-link:after { background: #F2711C; }

body.theme-halloween .button-primary,
body.theme-halloween .button-primary:focus { background-color: #F2711C; border-color: #F2711C; color: #fff; }
body.theme-halloween .button-primary:hover,
body.theme-halloween .button-primary:active,
body.theme-halloween .button-primary.button-nuka:hover { background-color: #d95f10; border-color: #d95f10; }
body.theme-halloween .button-primary.button-nuka .button-overlay { background-color: #d95f10; }

body.theme-halloween .button-secondary,
body.theme-halloween .button-secondary:focus { background-color: #6B2FA0; border-color: #6B2FA0; color: #fff; }
body.theme-halloween .button-secondary:hover,
body.theme-halloween .button-secondary:active { background-color: #57237f; border-color: #57237f; }
body.theme-halloween .button-secondary.button-nuka .button-overlay { background-color: #57237f; }

body.theme-halloween .fas { color: #F2711C; }
/* Icônes des boutons ( Ouvrir la carte, Partager… ) : blanches, sinon orange sur bouton orange */
body.theme-halloween .button .fas { color: #ffffff; }

/* Titres h2 ( « Joyeux Halloween ! », pied de page… ) : rouge #F81D3D dans style.css */
body.theme-halloween h2, body.theme-halloween .heading-2 { color: #F2711C; }

/* Champs du formulaire de contact ( pied de page ) : rouge #d61935 dans style.css */
body.theme-halloween .form-input { background-color: #3a1657; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); }
body.theme-halloween .form-input:focus { background-color: #ffffff; }
body.theme-halloween .form-wrap.has-focus .form-input { border-color: #F2711C; }
body.theme-halloween .form-input:focus ~ .form-validation { color: #F2711C; }

/* ---------- Le Studio Mobile : noir + or ( studiomobile.quebec ) ---------- */
body.theme-studiomobile .bg-secondary-app { background-color: #1f1f1f; }
body.theme-studiomobile .bg-primary { background-color: #141414; }

body.theme-studiomobile .rd-navbar-6.rd-navbar-static.rd-navbar--is-clone,
body.theme-studiomobile .rd-navbar-6.rd-navbar-static.rd-navbar--is-stuck,
body.theme-studiomobile .rd-navbar-fixed.rd-navbar-6.context-dark .rd-navbar-panel { background-color: #141414; }
body.theme-studiomobile .rd-navbar-6.rd-navbar-static .rd-nav-link:after { background: #D4B068; }

body.theme-studiomobile .button-primary,
body.theme-studiomobile .button-primary:focus,
body.theme-studiomobile .button-secondary,
body.theme-studiomobile .button-secondary:focus { background-color: #D4B068; border-color: #D4B068; color: #1f1f1f; }
body.theme-studiomobile .button-primary:hover,
body.theme-studiomobile .button-primary:active,
body.theme-studiomobile .button-primary.button-nuka:hover,
body.theme-studiomobile .button-secondary:hover,
body.theme-studiomobile .button-secondary:active { background-color: #c19c52; border-color: #c19c52; color: #1f1f1f; }
body.theme-studiomobile .button-primary.button-nuka .button-overlay,
body.theme-studiomobile .button-secondary.button-nuka .button-overlay { background-color: #c19c52; }
body.theme-studiomobile .button-secondary .fas,
body.theme-studiomobile .button-primary .fas { color: #1f1f1f; }

/* Titres h2 ( « Votre photo du Studio Mobile », pied de page… ) */
body.theme-studiomobile h2, body.theme-studiomobile .heading-2 { color: #D4B068; }

/* Champs du formulaire de contact ( pied de page ) */
body.theme-studiomobile .form-input { background-color: #2a2a2a; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5); }
body.theme-studiomobile .form-input:focus { background-color: #ffffff; }
body.theme-studiomobile .form-wrap.has-focus .form-input { border-color: #D4B068; }
body.theme-studiomobile .form-input:focus ~ .form-validation { color: #D4B068; }

/* Boutons de choix de la page #!/sondage ( rouge #ff4141 dans pages/sondage.html ) */
body.theme-halloween .option-btn { border-color: #F2711C; }
body.theme-halloween .option-btn.active { background: #F2711C; box-shadow: 0 0 10px rgba(242, 113, 28, 0.6); }
body.theme-halloween .option-btn:hover { background: rgba(242, 113, 28, 0.2); }

/* ---------- Bloc sondage de la facture ---------- */
.facture-sondage { background-color: #1DC5A3; }
.facture-sondage .facture-sondage-bouton { background-color: #c0392b; border: none; }
body.theme-halloween .facture-sondage { background-color: #4a1e6e; }
body.theme-halloween .facture-sondage .facture-sondage-bouton { background-color: #F2711C; }
body.theme-studiomobile .facture-sondage { background-color: #2a2a2a; }
body.theme-studiomobile .facture-sondage h4 { color: #D4B068 !important; }
body.theme-studiomobile .facture-sondage .facture-sondage-bouton { background-color: #D4B068; color: #1f1f1f; }