/* ============================
   Cookie CTA — restyle buttons
   ============================ */

/* area azioni più compatta */
.cookie__actions{
  gap: 8px;
}

/* bottoni nel cookie: più “tight”, meno pilloni */
.cookie__actions .btn{
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  box-shadow: none;
  transform: none; /* evita salto */
}

/* Secondari: stile "text/ghost" pulito */
.cookie__actions .btn-ghost{
  background: rgba(11,18,32,.02);
  border-color: rgba(11,18,32,.10);
  color: rgba(11,18,32,.88);
}

.cookie__actions .btn-ghost:hover{
  background: rgba(52,146,214,.08);
  border-color: rgba(52,146,214,.22);
}

/* Primario: più elegante (meno “blob”) */
.cookie__actions .btn-primary{
  background: linear-gradient(135deg, var(--brand-2), var(--brand));
  border-color: rgba(52,146,214,.28);
  box-shadow: 0 10px 26px rgba(28,92,158,.20);
}

.cookie__actions .btn-primary:hover{
  box-shadow: 0 14px 34px rgba(28,92,158,.26);
}

/* Desktop: colonna allineata, stessa larghezza (ordinato) */
@media (min-width: 900px){
  .cookie__actions{
    justify-items: end;
    align-content: start;
  }

  .cookie__actions .btn{
    width: 230px;           /* stessa larghezza -> look premium */
    justify-content: center;
  }
}

/* Mobile: full width (tap-friendly) */
@media (max-width: 520px){
  .cookie__actions .btn{
    width: 100%;
  }
}
/* Fix: il primario del cookie non deve diventare bianco in hover */
.cookie__btn--primary,
.cookie__btn--primary:hover,
.cookie__btn--primary:focus-visible,
.cookie__btn--primary:active{
  background: linear-gradient(135deg, var(--brand-2), var(--brand)) !important;
  color: #fff !important;
  border-color: rgba(52,146,214,.28) !important;
  box-shadow: 0 10px 26px rgba(28,92,158,.20) !important;
  filter: none !important;
}

/* Hover: solo un leggero aumento di shadow (resta blu) */
.cookie__btn--primary:hover{
  box-shadow: 0 14px 34px rgba(28,92,158,.26) !important;
}

/* Active: micro feedback */
.cookie__btn--primary:active{
  transform: translateY(1px);
}