/**
 * Palette coordinata delle CTA pubbliche.
 * WhatsApp viene caricato dopo questo foglio e mantiene il verde ufficiale.
 */

body {
  --gs-action-petrol: #0b496c;
  --gs-action-petrol-dark: #073650;
  --gs-action-aqua: #edf8f6;
  --gs-action-aqua-hover: #dff2ee;
  --gs-action-aqua-border: #add5ca;
  --gs-action-teal: #0b6266;
  --gs-action-gold: #d5a64c;
  --gs-action-shadow: 0 10px 24px rgba(11, 73, 108, .22);
}

/* Azioni principali: un solo colore solido, profondo e coerente con il verde WhatsApp. */
body .sdv-btn-gold:not(.sdv-btn-booking-whatsapp):not(.sdv-offer-whatsapp-link):not([href*="wa.me" i]):not([href*="whatsapp.com" i]),
body .sdv-offer-quote-trigger,
body .gs-article-cta-button,
body .gs-service-button-primary,
body .gs-about-button-primary,
body .gs-about-button-review-primary,
body .gs-site-primary,
body .gs-cruise-post-lead-primary,
body .gs-ship-offer-link,
body .sdv-giulia-launcher {
  border-color: var(--gs-action-petrol);
  background: var(--gs-action-petrol);
  color: #fff !important;
  text-shadow: none;
  box-shadow: var(--gs-action-shadow);
}

body .sdv-btn-gold:not(.sdv-btn-booking-whatsapp):not(.sdv-offer-whatsapp-link):not([href*="wa.me" i]):not([href*="whatsapp.com" i]):hover,
body .sdv-btn-gold:not(.sdv-btn-booking-whatsapp):not(.sdv-offer-whatsapp-link):not([href*="wa.me" i]):not([href*="whatsapp.com" i]):focus-visible,
body .sdv-offer-quote-trigger:hover,
body .sdv-offer-quote-trigger:focus-visible,
body .gs-article-cta-button:hover,
body .gs-article-cta-button:focus-visible,
body .gs-service-button-primary:hover,
body .gs-service-button-primary:focus-visible,
body .gs-about-button-primary:hover,
body .gs-about-button-primary:focus-visible,
body .gs-about-button-review-primary:hover,
body .gs-about-button-review-primary:focus-visible,
body .gs-site-primary:hover,
body .gs-site-primary:focus-visible,
body .gs-cruise-post-lead-primary:hover,
body .gs-cruise-post-lead-primary:focus-visible,
body .gs-ship-offer-link:hover,
body .gs-ship-offer-link:focus-visible,
body .sdv-giulia-launcher:hover,
body .sdv-giulia-launcher:focus-visible {
  border-color: var(--gs-action-petrol-dark);
  background: var(--gs-action-petrol-dark);
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(7, 54, 80, .28);
}

/* Azioni secondarie: tono acquamarina leggero, vicino a petrolio e WhatsApp. */
body .sdv-btn-outline:not([href*="wa.me" i]):not([href*="whatsapp.com" i]),
body .sdv-btn-light:not([href*="wa.me" i]):not([href*="whatsapp.com" i]),
body .gs-service-button-light,
body .gs-about-button-light,
body .gs-about-button-review-secondary,
body .gs-cruise-route-control,
body .gs-cruise-globe-focus {
  border-color: var(--gs-action-aqua-border);
  background: var(--gs-action-aqua);
  color: var(--gs-action-teal) !important;
  text-shadow: none;
  box-shadow: 0 7px 18px rgba(11, 98, 102, .11);
}

body .sdv-btn-outline:not([href*="wa.me" i]):not([href*="whatsapp.com" i]):hover,
body .sdv-btn-outline:not([href*="wa.me" i]):not([href*="whatsapp.com" i]):focus-visible,
body .sdv-btn-light:not([href*="wa.me" i]):not([href*="whatsapp.com" i]):hover,
body .sdv-btn-light:not([href*="wa.me" i]):not([href*="whatsapp.com" i]):focus-visible,
body .gs-service-button-light:hover,
body .gs-service-button-light:focus-visible,
body .gs-about-button-light:hover,
body .gs-about-button-light:focus-visible,
body .gs-about-button-review-secondary:hover,
body .gs-about-button-review-secondary:focus-visible,
body .gs-cruise-route-control:hover,
body .gs-cruise-route-control:focus-visible,
body .gs-cruise-globe-focus:hover,
body .gs-cruise-globe-focus:focus-visible {
  border-color: #7dbcae;
  background: var(--gs-action-aqua-hover);
  color: #084e52 !important;
  box-shadow: 0 10px 23px rgba(11, 98, 102, .16);
}

/* L'oro resta un accento del marchio e rende il focus sempre evidente. */
body :is(
  .sdv-btn-gold,
  .sdv-offer-quote-trigger,
  .gs-article-cta-button,
  .gs-service-button,
  .gs-about-button,
  .gs-site-primary,
  .gs-cruise-post-lead-primary,
  .gs-ship-offer-link,
  .sdv-giulia-launcher,
  .gs-cruise-route-control,
  .gs-cruise-globe-focus
):focus-visible {
  outline: 3px solid rgba(213, 166, 76, .46);
  outline-offset: 3px;
}

/* Conserva il disco oro della freccia nella CTA editoriale. */
body .gs-article-cta-button .gs-article-cta-icon {
  background: var(--gs-action-gold);
  color: var(--gs-action-petrol-dark);
}

@media (prefers-reduced-motion: reduce) {
  body :is(
    .sdv-btn-gold,
    .sdv-offer-quote-trigger,
    .gs-article-cta-button,
    .gs-service-button,
    .gs-about-button,
    .gs-site-primary,
    .gs-cruise-post-lead-primary,
    .gs-ship-offer-link,
    .sdv-giulia-launcher,
    .gs-cruise-route-control,
    .gs-cruise-globe-focus
  ) {
    transition: none;
  }
}