/* ============================= */
/* DARK FORM CONTAINER */
/* ============================= */
.dark-form {
    background: rgba(17,17,17,0.85) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(212,175,55,0.25) !important;
    border-radius: 22px !important;
    padding: 45px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6);
}

/* REMOVE DEFAULT WPFORM / ELEMENTOR BACKGROUNDS */
.dark-form .wpforms-form,
.dark-form .wpforms-field,
.dark-form .wpforms-container,
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container,
.wpforms-container,
.wpforms-container-full {
    background: transparent !important;
    border: none !important;
}

.dark-form div {
    background: transparent !important;
}

/* ============================= */
/* LABELS */
/* ============================= */
.dark-form label,
.dark-form .wpforms-field-label {
    color: #ffffff !important;
    font-weight: 500;
    margin-bottom: 6px !important;
}

.dark-form .wpforms-required-label {
    color: #ffca5c !important;
}

/* ============================= */
/* INPUT FIELDS */
/* ============================= */
.dark-form input,
.dark-form textarea,
.dark-form select {
    width: 100% !important;
    max-width: 100% !important;
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
    padding: 12px !important;
    border-radius: 8px !important;
}

.dark-form input:focus,
.dark-form textarea:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 1px rgba(212,175,55,0.4);
    outline: none;
}

/* ============================= */
/* FIELD SPACING */
/* ============================= */
.dark-form .wpforms-field,
.dark-form .wpforms-field-name {
    margin-bottom: 18px !important;
}

/* STACKED NAME FIELD CLEAN FIX */
.dark-form .wpforms-field-name .wpforms-field-row {
    display: block !important;
}

.dark-form .wpforms-field-name .wpforms-field-row-block {
    width: 100% !important;
    margin-bottom: 12px !important;
}

.dark-form .wpforms-field-name .wpforms-field-row-block:last-child {
    margin-bottom: 0 !important;
}

/* ============================= */
/* PROJECT TYPE CHECKBOXES */
/* ============================= */
.dark-form fieldset.wpforms-field-checkbox ul,
.dark-form .wpforms-field-checkbox ul,
.dark-form .wpforms-field ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 45px !important;
    row-gap: 10px !important;
}

.dark-form fieldset.wpforms-field-checkbox ul li,
.dark-form .wpforms-field-checkbox ul li {
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.dark-form .wpforms-field-checkbox label {
    color: #cccccc !important;
}

/* ============================= */
/* BUTTON */
/* ============================= */
.dark-form .wpforms-submit,
.gold-btn {
    background: #d4af37 !important;
    color: #000 !important;
    border: none !important;
    padding: 14px 26px !important;
    border-radius: 30px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer;
    transition: 0.3s ease;
}

.dark-form .wpforms-submit:hover,
.gold-btn:hover {
    background: #b8962e !important;
    transform: translateY(-1px);
}

/* ============================= */
/* FEATURE ACCORDION */
/* ============================= */
.feature {
    display: block !important;
    cursor: pointer;
    padding: 24px 28px !important;
}

.feature summary {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    width: 100%;
}

.feature summary::-webkit-details-marker {
    display: none;
}

.feature summary strong {
    font-size: 20px;
    line-height: 1.2;
}

.feature summary span {
    color: #ffca5c;
    font-size: 24px;
    transition: transform 0.25s ease;
}

.feature p {
    display: block;
    margin: 16px 0 0 0 !important;
    max-width: 720px;
    color: #b8b8c2;
    line-height: 1.65;
    font-size: 16px;
}

.feature[open] {
    border-color: rgba(217,164,65,.45);
    background: rgba(255,255,255,.055);
}

.feature[open] summary span {
    transform: rotate(90deg);
}

/* ============================= */
/* MOBILE FIX */
/* ============================= */
@media (max-width: 767px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    .elementor,
    .elementor-section,
    .elementor-container,
    .e-con,
    .e-con-inner,
    .elementor-widget-wrap {
        width: 100% !important;
        max-width: 100vw !important;
        margin-left: auto !important;
        margin-right: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
    }

    .elementor-widget-shortcode,
    .elementor-widget-shortcode .elementor-widget-container,
    .wpforms-container,
    .dark-form {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 22px !important;
        left: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
        border-radius: 18px !important;
    }

    .dark-form .wpforms-field-row,
    .dark-form .wpforms-one-half,
    .dark-form .wpforms-field-row-block {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }

    .dark-form input,
    .dark-form textarea,
    .dark-form select {
        width: 100% !important;
        max-width: 100% !important;
    }

    .dark-form textarea {
        height: 130px !important;
    }

    .dark-form fieldset.wpforms-field-checkbox ul,
    .dark-form .wpforms-field-checkbox ul,
    .dark-form .wpforms-field ul {
        display: block !important;
    }

    .dark-form fieldset.wpforms-field-checkbox ul li,
    .dark-form .wpforms-field-checkbox ul li {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    .dark-form .wpforms-field-checkbox input[type="checkbox"] {
        flex: 0 0 auto !important;
        width: 20px !important;
        height: 20px !important;
    }

    .dark-form .wpforms-field-checkbox label {
        width: auto !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.35 !important;
    }
}