/* ==========================================================================
   Cookiewall GDPR Cookie Compliance (addon premium, modalità Full-screen)
   Restyling del wall + logo. Struttura DOM prodotta dal plugin:

   aside#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar
     .moove-gdpr-info-bar-container            ← card bianca
       .moove-gdpr-info-bar-content
         .moove-gdpr-cookie-notice              ← logo (nostro) + testo
         .gdpr_cookie_settings_shortcode_content ← toggle categorie
         .moove-gdpr-button-holder              ← pulsanti

   Lo z-index del wall e del modal è gestito dallo snippet WPCode
   "CSS > Banner Cookie": qui non lo tocchiamo.
   ========================================================================== */

/* Palette presa dalle opzioni Salient del sito (salient-dynamic-styles.css):
   accent-color / header = #013759, extra-color-1 = #008eb4,
   extra-color-2 = #aad66f (verde "Area riservata"), extra-color-3 = #7ad9f5,
   font-color = #2e2e2e. */
:root {
  --pcw-navy: #013759;          /* accent-color Salient, sfondo header */
  --pcw-navy-dark: #012a44;     /* hover del navy */
  --pcw-primary: #008eb4;       /* extra-color-1, stesso "brand colour" del plugin */
  --pcw-primary-dark: #00779a;  /* hover dell'azzurro */
  --pcw-text: #2e2e2e;          /* font-color Salient */
  --pcw-muted: #4f86a6;         /* blu attenuato usato nei gradient Salient */
  --pcw-line: #e6ecf1;          /* grigio chiaro già usato nel sito */
  --pcw-toggle-off: #c8cdd6;    /* grigio neutro già usato nel sito */
  --pcw-radius: 20px;
}

/* --- Overlay ------------------------------------------------------------ */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-light-scheme {
  background-color: rgba(1, 55, 89, 0.8); /* --pcw-navy con alpha */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding: 16px;
  box-sizing: border-box;
}

/* --- Card --------------------------------------------------------------- */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container {
  background: #fff;
  color: var(--pcw-text);
  width: 100%;
  max-width: 640px;
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 36px 40px 32px;
  border-radius: var(--pcw-radius);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
  padding: 0;
  display: block;
}

/* --- Logo --------------------------------------------------------------- */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .perseo-cw-logo {
  text-align: center;
  margin: 0 0 22px;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .perseo-cw-logo img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 64px;
  max-width: 220px;
}

/* --- Testo -------------------------------------------------------------- */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice {
  max-height: none;
  overflow: visible;
  padding: 0;
  margin: 0 0 20px;
  text-align: center;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p {
  color: var(--pcw-text);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  margin: 0 0 8px;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p strong {
  font-weight: 600;
}

/* link "impostazioni" nel testo */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p a,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p button.change-settings-button,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p span[data-href] > u.change-settings-button {
  color: var(--pcw-primary) !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* --- Toggle categorie --------------------------------------------------- */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content {
  padding: 0;
  margin: 0;
  background: transparent;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content hr {
  border: 0;
  border-top: 1px solid var(--pcw-line);
  margin: 0 0 6px;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content .gdpr-shortcode-module {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 4px;
  border-bottom: 1px solid var(--pcw-line);
  margin: 0;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content .gdpr-shortcode-module:last-of-type {
  border-bottom: 0;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content .gdpr-shr-checkbox-cnt {
  flex: 0 0 auto;
  margin: 0;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content .gdpr-shr-title-section {
  flex: 1 1 auto;
  margin: 0;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr_cookie_settings_shortcode_content .gdpr-shr-title-section p {
  margin: 0;
  color: var(--pcw-text);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

/* Switch: spento grigio, acceso azzurro brand (niente rosso) */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr-shr-switch .gdpr-shr-slider {
  background-color: var(--pcw-toggle-off);
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr-shr-switch input:checked + .gdpr-shr-slider {
  background-color: var(--pcw-primary);
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr-shr-switch input:disabled + .gdpr-shr-slider {
  background-color: var(--pcw-navy);
  opacity: 0.45;
  cursor: not-allowed;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr-shr-switch.focus-g,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .gdpr-shr-switch:focus-within {
  box-shadow: 0 0 0 3px rgba(0, 142, 180, 0.35);
  border-radius: 50px;
}

/* --- Pulsanti ----------------------------------------------------------- */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
}

/* NB: le varianti sotto ripetono la stessa catena di selettori + la classe del
   pulsante, così vincono sempre su questa regola base (specificità maggiore). */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton {
  flex: 1 1 calc(33.333% - 7px);
  margin: 0;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 2px solid transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Accetta e Rifiuta: PARITÀ DI RISALTO (Linee guida Garante cookie 2021).
   Stesso riempimento, bordo, dimensione, peso e stati hover/focus. Non
   differenziare mai i due pulsanti: la regola base sopra fissa già le
   dimensioni identiche, qui i colori sono un'unica regola condivisa. */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-reject-btn {
  background-color: var(--pcw-navy);
  border-color: var(--pcw-navy);
  color: #fff;
}
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all:focus,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-reject-btn:hover,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-reject-btn:focus {
  background-color: var(--pcw-navy-dark);
  border-color: var(--pcw-navy-dark);
  color: #fff;
}

/* Salva le modifiche: azione secondaria (salva lo stato dei toggle), outline navy */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
  background-color: #fff;
  border-color: var(--pcw-navy);
  color: var(--pcw-navy);
}
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:focus {
  background-color: var(--pcw-navy);
  color: #fff;
}

/* Impostazioni: link testuale, su riga intera sotto ai pulsanti.
   L'addon fissa l'ordine dei pulsanti con `order: N !important` e una catena
   `.gdpr_cookie_settings_shortcode_content.gdpr_action_buttons_visible + .moove-gdpr-button-holder`:
   la ripetiamo per superarla. */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .gdpr_cookie_settings_shortcode_content.gdpr_action_buttons_visible + .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-settings-btn {
  flex: 1 1 100%;
  order: 20 !important;
  min-height: 0;
  padding: 6px 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--pcw-muted);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-settings-btn:hover,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-settings-btn:focus {
  color: var(--pcw-primary);
  background: transparent;
}

/* Focus visibile da tastiera (il wall intercetta il Tab) */
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-button-holder button.mgbutton.focus-g,
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-button-holder button.mgbutton:focus-visible {
  outline: 3px solid rgba(0, 142, 180, 0.45);
  outline-offset: 2px;
}

/* --- Mobile ------------------------------------------------------------- */
@media (max-width: 600px) {
  #moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container {
    padding: 28px 22px 24px;
    border-radius: 16px;
  }

  #moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .perseo-cw-logo img {
    max-height: 52px;
  }

  #moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-cookie-notice p {
    font-size: 14px;
  }

  #moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button.mgbutton {
    flex: 1 1 100%;
  }
}
