/* simpletekvies — stili front allineati al linguaggio grafico del sito
   (stessa palette del modulo simpletekddp: card scure #1e293b, bordo
   #334155, testo bianco, accento #338cc6, muted #9fb3d1, warning #ffd27a,
   radius 10px; font ereditato dal tema). */

/* ==================== pagina richiesta ==================== */

.stkvies-front {
    color: #fff;
}
.stkvies-front h2,
.stkvies-front h3 {
    color: #fff;
}
.stkvies-front p,
.stkvies-front label,
.stkvies-front li {
    color: #fff;
}
.stkvies-front a {
    color: #6db3e8;
    text-decoration: underline;
}
.stkvies-front a:hover {
    color: #9fcdf0;
}
.stkvies-front .stkvies-hint,
.stkvies-front .stkvies-hint a,
.stkvies-front small,
.stkvies-front .text-muted {
    color: #9fb3d1 !important;
}

/* tabelle (riepilogo dati, stato richiesta): card scura come il box DDP */
.stkvies-front table.table {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 10px;
    color: #fff;
}
.stkvies-front table.table th,
.stkvies-front table.table td {
    color: #fff;
    border-color: #334155 !important;
    background: transparent;
    padding: 10px 14px;
}
.stkvies-front table.table th {
    background: #172032;
    white-space: nowrap;
}

/* form dentro una card scura */
.stkvies-front .stkvies-form {
    max-width: 700px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 10px;
    padding: 18px 20px;
}
.stkvies-front .form-group {
    margin-bottom: 16px;
}
.stkvies-front .form-control {
    background: #fff;
    color: #1e293b;
    border: 1px solid #334155;
}
.stkvies-front input[type="checkbox"],
.stkvies-front input[type="radio"] {
    accent-color: #338cc6;
}
.stkvies-front .form-check label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    line-height: 1.35;
    cursor: pointer;
}
.stkvies-front .form-check input {
    margin-top: 3px;
}

/* informativa legale nel form */
.stkvies-front .stkvies-legal {
    background: #172032;
    border: 1px solid #2c3a52;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 16px;
    max-height: 260px;
    overflow-y: auto;
}
.stkvies-front .stkvies-legal h4 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 1em;
    font-weight: 700;
}
.stkvies-front .stkvies-legal p {
    color: #c9d6e8;
    font-size: 0.88em;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* pulsante primario: accento del sito */
.stkvies-front .btn-primary {
    background: #338cc6;
    border-color: #338cc6;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
}
.stkvies-front .btn-primary:hover,
.stkvies-front .btn-primary:focus {
    background: #2e7db1;
    border-color: #2e7db1;
    color: #fff;
}

/* badge di stato (pagina stato richiesta) */
.stkvies-front .badge,
.stkvies-front .label {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 600;
    color: #fff;
    background: #334155;
}
.stkvies-front .badge-success,
.stkvies-front .label-success {
    background: #1e8449;
}
.stkvies-front .badge-info,
.stkvies-front .label-info {
    background: #338cc6;
}

/* ==================== avvisi (pagina + carrello) ==================== */
/* stesse tinte del warning DDP: colore chiaro su velo colorato scuro */

.stkvies-front .alert,
.stkvies-alert {
    border: 1px solid #334155;
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 14px;
    background: #1e293b;
    color: #fff;
}
.stkvies-front .alert a,
.stkvies-alert a {
    color: #6db3e8;
}
.stkvies-front .alert strong,
.stkvies-alert strong {
    color: inherit;
}
.stkvies-front .alert-success,
.stkvies-alert-success {
    color: #b7f0c6;
    background: rgba(40, 167, 69, 0.14);
    border-color: rgba(40, 167, 69, 0.45);
}
.stkvies-front .alert-warning,
.stkvies-alert-warning {
    color: #ffd27a;
    background: rgba(255, 193, 7, 0.12);
    border-color: rgba(255, 193, 7, 0.4);
}
.stkvies-front .alert-danger,
.stkvies-alert-danger {
    color: #ffb3ab;
    background: rgba(220, 53, 69, 0.14);
    border-color: rgba(220, 53, 69, 0.45);
}
.stkvies-front .alert-info,
.stkvies-alert-info {
    color: #cfe8fb;
    background: rgba(51, 140, 198, 0.16);
    border-color: rgba(51, 140, 198, 0.5);
}

/* ==================== banner invito ==================== */

.stkvies-banner {
    background: #1e293b;
    border-bottom: 1px solid #334155;
    color: #fff;
    font-size: 14px;
}
.stkvies-banner-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 9px 12px;
    flex-wrap: wrap;
}
.stkvies-banner a.stkvies-banner-link {
    color: #fff;
    background: #338cc6;
    border-radius: 6px;
    padding: 5px 14px;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}
.stkvies-banner a.stkvies-banner-link:hover {
    background: #2e7db1;
    color: #fff;
}
.stkvies-banner-close {
    background: none;
    border: none;
    color: #9fb3d1;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 6px;
}
.stkvies-banner-close:hover {
    color: #fff;
}