/* Odstúpenie od zmluvy — online formulár
   Ladené do tyrkysového brandu colormania.sk (#5db5a9).
   Scopované na .withdrawal-page (stránka information/withdrawal). */

.withdrawal-page .content {
    padding-top: 35px;
    padding-bottom: 45px;
}

.withdrawal-page #content {
    max-width: 820px;
    margin: 0 auto;
}

/* Úvodný text */
.withdrawal-page .withdrawal-intro {
    font-size: 15px;
    line-height: 1.65;
    color: #4a4a4a;
    background: #f1faf8;
    border-left: 4px solid #5db5a9;
    padding: 16px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
}

/* Sekcie formulára */
.withdrawal-page .withdrawal-form fieldset {
    border: 1px solid #e4eeec;
    border-radius: 8px;
    padding: 22px 26px;
    margin-bottom: 26px;
    background: #ffffff;
}

.withdrawal-page .withdrawal-form legend {
    width: auto;
    font-size: 17px;
    font-weight: 600;
    padding: 0 12px;
    margin-bottom: 18px;
    color: #4fa99d;
    border: none;
}

.withdrawal-page .withdrawal-form .form-group {
    margin-bottom: 18px;
}

.withdrawal-page .withdrawal-form .control-label {
    font-weight: 600;
    color: #2b2b2b;
    padding-bottom: 6px;
}

.withdrawal-page .withdrawal-form .form-control {
    border-radius: 6px;
    border: 1px solid #d9e4e2;
    box-shadow: none;
    height: 44px;
    padding: 8px 14px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.withdrawal-page .withdrawal-form textarea.form-control {
    height: auto;
}

.withdrawal-page .withdrawal-form .form-control:focus {
    border-color: #5db5a9;
    box-shadow: 0 0 0 3px rgba(93, 181, 169, .15);
}

.withdrawal-page .withdrawal-form small.text-muted {
    display: block;
    margin-top: 5px;
    font-size: 12.5px;
    color: #9aa5a3;
}

/* Blok potvrdenia + súhlasu */
.withdrawal-page .withdrawal-confirm {
    background: #f1faf8;
    border: 1px solid #cfe8e3;
    border-radius: 8px;
    padding: 20px 26px;
    margin-bottom: 26px;
}

.withdrawal-page .withdrawal-legal {
    font-size: 13.5px;
    color: #5f6b69;
    margin-bottom: 16px;
}

.withdrawal-page .withdrawal-confirm .checkbox {
    margin: 10px 0;
}

.withdrawal-page .withdrawal-confirm .checkbox label {
    font-size: 14px;
    color: #2b2b2b;
    padding-left: 24px;
}

.withdrawal-page .withdrawal-refund-note {
    background: #eaf6f4;
    border: 1px solid #cfe8e3;
    color: #3c706a;
    border-radius: 6px;
    margin-bottom: 22px;
}

/* Chyby / validačné stavy */
.withdrawal-page .withdrawal-form .text-danger {
    font-size: 13px;
    margin-top: 6px;
    color: #e1344c;
}

.withdrawal-page .withdrawal-form input.is-invalid,
.withdrawal-page .withdrawal-form input.is-invalid:focus {
    border-color: #e1344c;
    box-shadow: 0 0 0 3px rgba(225, 52, 76, .12);
}

.withdrawal-page .withdrawal-form input.is-valid,
.withdrawal-page .withdrawal-form input.is-valid:focus {
    border-color: #5db5a9;
    box-shadow: 0 0 0 3px rgba(93, 181, 169, .15);
}

/* Výsledok živého overenia objednávky */
.withdrawal-page .order-check {
    font-size: 13.5px;
    margin-top: 10px;
    min-height: 1.2em;
    padding-left: 24px;
    position: relative;
}

.withdrawal-page .order-check--checking {
    color: #6b7674;
}
.withdrawal-page .order-check--checking::before {
    content: "⏳";
    position: absolute;
    left: 0;
}

.withdrawal-page .order-check--valid {
    color: #3c9c8e;
    font-weight: 600;
}
.withdrawal-page .order-check--valid::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #3c9c8e;
}

.withdrawal-page .order-check--invalid {
    color: #e1344c;
    font-weight: 600;
}
.withdrawal-page .order-check--invalid::before {
    content: "✕";
    position: absolute;
    left: 0;
}

/* IBAN polia – naznačenie ručného zadávania */
.withdrawal-page .withdrawal-form .iban-no-paste {
    letter-spacing: .04em;
}

/* Odoslať */
.withdrawal-page .buttons {
    margin-top: 10px;
}

.withdrawal-page .withdrawal-form .btn-primary {
    padding: 12px 42px;
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .withdrawal-page .withdrawal-form fieldset {
        padding: 16px;
    }
    .withdrawal-page .withdrawal-confirm {
        padding: 16px;
    }
}