/* HUB Capri Blu Totem v0.4.30
   Contrasto carrello/review/success + richiamo cameriere a respiro.
   Solo override grafici: nessuna logica ordine viene modificata. */

:root {
  --cb-navy: #0b3e67;
  --cb-navy-deep: #062b48;
  --cb-cream: #fff0c4;
  --cb-white: #ffffff;
  --cb-orange: #ed8128;
  --cb-orange-deep: #c95e16;
}

/* Titoli che nei passaggi finali ereditavano il blu sopra sfondo blu. */
#screen-cart .gallery-header .brand,
#screen-review .gallery-header .brand,
#screen-success .success-brand {
  color: var(--cb-cream) !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

#screen-cart .gallery-header h2,
#screen-review .gallery-header h2,
#screen-success .success-fullscreen > h2 {
  color: var(--cb-white) !important;
  opacity: 1 !important;
  text-shadow: 0 3px 16px rgba(0,0,0,.34);
}

#screen-cart .gallery-header,
#screen-review .gallery-header {
  color: var(--cb-white) !important;
}

#screen-cart .gallery-shell,
#screen-review .gallery-shell {
  color: var(--cb-white);
}

#screen-cart .cart-total-box,
#screen-review .cart-total-box,
#screen-review .review-table-box,
#screen-success .success-summary {
  color: var(--cb-navy-deep) !important;
}

#screen-cart .cart-total-box strong,
#screen-review .cart-total-box strong,
#screen-review .review-table-box strong,
#screen-success .success-summary strong {
  color: #063e70 !important;
}

/* Pulsanti di ritorno: testo chiaro e coerente con la plancia. */
#screen-cart .inline-back-button,
#screen-review .inline-back-button {
  color: var(--cb-white) !important;
  background: rgba(18, 77, 124, .92) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}

#screen-cart .inline-back-button:hover,
#screen-review .inline-back-button:hover {
  background: rgba(24, 91, 145, .98) !important;
}

/* Schermata ordine inviato: niente testo blu quasi invisibile. */
#screen-success .success-fullscreen {
  color: var(--cb-white) !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(55,123,178,.22), transparent 38%),
    linear-gradient(180deg, #174f7e 0%, #0a3c66 58%, #072f51 100%) !important;
}

#screen-success .success-message,
#screen-success .success-footer {
  color: rgba(255,255,255,.95) !important;
}

#screen-success .success-icon {
  color: var(--cb-white) !important;
  background: rgba(9,58,99,.72) !important;
  border: 2px solid rgba(255,240,196,.72);
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}

/* Richiamo al cameriere: respiro lento, non lampeggio aggressivo.
   Alterna il navy Capri Blu con arancio caldo per attirare l'attenzione. */
#call-waiter-final.waiter-pulse-button {
  color: var(--cb-white) !important;
  background: var(--cb-navy) !important;
  border: 3px solid rgba(255,240,196,.95) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.22), 0 0 0 0 rgba(237,129,40,.0);
  animation: cbWaiterBreath 2.6s ease-in-out infinite !important;
  transform-origin: center;
  will-change: transform, box-shadow, background-color;
}

#call-waiter-final.waiter-pulse-button span,
#call-waiter-final.waiter-pulse-button strong {
  color: var(--cb-white) !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.22);
}

#call-waiter-final.waiter-pulse-button strong {
  color: #fff7df !important;
}

#call-waiter-final.waiter-pulse-button:active {
  transform: scale(.985) !important;
}

@keyframes cbWaiterBreath {
  0%, 100% {
    background-color: var(--cb-navy);
    transform: scale(1);
    box-shadow: 0 12px 34px rgba(0,0,0,.22), 0 0 0 0 rgba(237,129,40,0);
  }
  45%, 55% {
    background-color: var(--cb-orange);
    transform: scale(1.035);
    box-shadow: 0 16px 42px rgba(0,0,0,.24), 0 0 0 14px rgba(237,129,40,.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  #call-waiter-final.waiter-pulse-button {
    animation: none !important;
    background: var(--cb-orange) !important;
  }
}