/* ── AZA theme variables ─────────────────────────────────────────────── */

:root {
    --draivi-color-1: #ff5511;
}

/* ── Fullpage form layout (global dmforms-style.css is skipped for AZA) ─ */

.conditions {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

.dm-form-container.dm-fullpage-form {
    padding: 0;
    background: transparent;
}

.dm-form-container.dm-fullpage-form .draivi-grid {
    padding: 0 16px;
}

.dm-form-container.dm-fullpage-form .form-section {
    margin-top: 60px;
    margin-bottom: 28px;
    padding-bottom: 12px;
    background: #f8f8f8;
    border: 1px solid #ff5511;
    border-radius: 8px;
}

.dm-form-container.dm-fullpage-form .form-section .dm-form-title {
    display: block;
    margin-top: -28px !important;
    margin-left: -1px;
    padding: 4px 20px 4px 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: 1px;
    font-size: 23px;
    font-weight: 400;
    background: #f8f8f8;
    color: #425252;
    border-left: 1px solid #ff5511;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

@media (max-width: 399px) {
    .dm-form-container.dm-fullpage-form .form-section .dm-form-title {
        max-width: 275px;
    }
}

.dm-form-container.dm-fullpage-form .conditions {
    padding: 0 16px;
}

.dm-form-container.dm-fullpage-form .monthly-amount {
    padding: 4px;
    -ms-flex-item-align: center;
        align-self: center;
    text-align: center;
    min-height: auto;
    background-color: #f0f4f6;
    border-radius: 5px;
    border: 1px solid #888;
}

.dm-form-container.dm-fullpage-form .monthly-amount label {
    font-size: 18px;
}

.dm-form-container.dm-fullpage-form .monthly-amount div {
    font-size: 26px;
}

/* ── Details tooltip (unlock form key explanation) ───────────────────── */

.dm-form-container.dm-fullpage-form label details {
    display: inline-block;
    cursor: help;
}

.dm-form-container.dm-fullpage-form label details summary {
    display: inline-block;
}

.dm-form-container.dm-fullpage-form label details summary::before {
    content: "?";
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 20px;
    background: transparent;
    color: #444;
    border: 1px solid #777;
    border-radius: 100%;
}

.dm-form-container.dm-fullpage-form label details summary::marker {
    content: "";
}

.dm-form-container.dm-fullpage-form label details > * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.dm-form-container.dm-fullpage-form label details[open] summary {
    position: absolute;
    width: 200px;
    border: 1px solid #777;
    border-radius: 6px;
    color: #eee;
    padding: 8px;
    background: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    margin-top: -26px;
}

.dm-form-container.dm-fullpage-form label details[open] summary::before {
    content: "x";
    margin-left: 0;
    margin-right: -8px;
    margin-top: -8px;
    border: none;
    float: right;
    color: #fff;
}

.dm-form-container.dm-fullpage-form label details[open] p {
    display: inline-block;
}