/* ============================================================
   CONTACT US PAGE — MODERN REDESIGN
   Scoped to body.page-id-3275
   ============================================================ */

/* ---- Main content section background ---- */
.page-id-3275 .elementor-element-58e96d7 {
    background:     #0a0102 !important;
    padding-top:    60px !important;
    padding-bottom: 80px !important;
}

/* ---- "SEND US A MESSAGE" label ---- */
.page-id-3275 .elementor-element-7b0c86f p {
    color:          #C90E0E !important;
    font-size:      13px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    margin-bottom:  8px !important;
}

/* ---- "We will be in touch shortly" heading ---- */
.page-id-3275 .elementor-element-6969a9b .elementor-heading-title {
    color:         #ffffff !important;
    font-size:     clamp(28px, 4vw, 42px) !important;
    line-height:   1.2 !important;
    margin-bottom: 40px !important;
}

/* ---- Form card ---- */
.page-id-3275 .elementor-element-92af7c6 {
    background:    #1c1314 !important;
    border:        1px solid rgba(201, 14, 14, 0.22) !important;
    border-radius: 16px !important;
    padding:       44px 56px !important;
    max-width:     900px !important;
    width:         100% !important;
    margin:        0 auto !important;
    box-sizing:    border-box !important;
    box-shadow:    0 8px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ---- Field labels / legends ---- */
.page-id-3275 .wpforms-form .wpforms-field label,
.page-id-3275 .wpforms-form .wpforms-field legend,
.page-id-3275 .wpforms-form .wpforms-field .wpforms-field-label {
    color:          #C1BDBD !important;
    font-size:      13px !important;
    font-weight:    600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom:  6px !important;
}

/* ---- Inputs and textarea ---- */
.page-id-3275 .wpforms-form input[type="text"],
.page-id-3275 .wpforms-form input[type="email"],
.page-id-3275 .wpforms-form input[type="tel"],
.page-id-3275 .wpforms-form textarea {
    background:    #0f0d0d !important;
    border:        1px solid rgba(201, 14, 14, 0.3) !important;
    border-radius: 8px !important;
    color:         #EAE9E9 !important;
    font-size:     14px !important;
    padding:       13px 16px !important;
    width:         100% !important;
    box-sizing:    border-box !important;
    transition:    border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.page-id-3275 .wpforms-form textarea {
    min-height: 140px !important;
    resize:     vertical !important;
}

/* ---- Focus state ---- */
.page-id-3275 .wpforms-form input:focus,
.page-id-3275 .wpforms-form textarea:focus {
    border-color: #C90E0E !important;
    box-shadow:   0 0 0 3px rgba(201, 14, 14, 0.15) !important;
    outline:      none !important;
}

/* ---- Placeholder text ---- */
.page-id-3275 .wpforms-form input::placeholder,
.page-id-3275 .wpforms-form textarea::placeholder {
    color:   rgba(193, 189, 189, 0.35) !important;
    opacity: 1 !important;
}

/* ---- Field spacing ---- */
.page-id-3275 .wpforms-form .wpforms-field {
    margin-bottom: 22px !important;
    padding:       0 !important;
}

/* ---- Submit button ---- */

.page-id-3275 .wpforms-form .wpforms-submit-container {
    margin-top: 10px !important;
}

.page-id-3275 .wpforms-form button[type="submit"],
.page-id-3275 .wpforms-form .wpforms-submit {
    background:      #C90E0E !important;
    border:          none !important;
    border-radius:   12px !important;
    color:           #ffffff !important;
    font-size:       15px !important;
    font-weight:     700 !important;
    letter-spacing:  1.5px !important;
    padding:         16px 48px !important;
    cursor:          pointer !important;
    width:           100% !important;
    text-transform:  uppercase !important;
    box-shadow:      none !important;
    transition:      background 0.2s ease, transform 0.15s ease !important;
}

.page-id-3275 .wpforms-form button[type="submit"]:hover,
.page-id-3275 .wpforms-form .wpforms-submit:hover {
    background: #a80a0a !important;
    transform:  translateY(-1px) !important;
}

.page-id-3275 .wpforms-form button[type="submit"]:active,
.page-id-3275 .wpforms-form .wpforms-submit:active {
    background: #8b0000 !important;
    transform:  translateY(0) !important;
}

/* ---- Error messages ---- */
.page-id-3275 .wpforms-form .wpforms-error {
    color:      #FA2E41 !important;
    font-size:  12px !important;
    margin-top: 4px !important;
}

/* ---- Success message ---- */
.page-id-3275 .wpforms-confirmation-container-full {
    background:    #1c1314 !important;
    border:        1px solid rgba(201, 14, 14, 0.3) !important;
    border-radius: 12px !important;
    color:         #EAE9E9 !important;
    padding:       28px 32px !important;
    text-align:    center !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Also ensure the parent container doesn't clip the wider card */
.page-id-3275 .elementor-element-58e96d7 .e-con-inner,
.page-id-3275 .elementor-element-b695496 {
    max-width: 900px !important;
    width:     100% !important;
    margin:    0 auto !important;
}

@media (max-width: 960px) {
    .page-id-3275 .elementor-element-92af7c6 {
        padding: 36px 32px !important;
    }
}

@media (max-width: 768px) {
    .page-id-3275 .elementor-element-92af7c6 {
        padding:       24px 18px !important;
        border-radius: 12px !important;
    }
    .page-id-3275 .elementor-element-58e96d7 {
        padding-top:    32px !important;
        padding-bottom: 48px !important;
        padding-left:   12px !important;
        padding-right:  12px !important;
    }
    .page-id-3275 .wpforms-form input[type="text"],
    .page-id-3275 .wpforms-form input[type="email"],
    .page-id-3275 .wpforms-form textarea {
        font-size: 16px !important; /* prevents iOS zoom on focus */
    }
    .page-id-3275 .wpforms-form button[type="submit"],
    .page-id-3275 .wpforms-form .wpforms-submit {
        font-size:      14px !important;
        padding:        15px 24px !important;
        letter-spacing: 1.5px !important;
    }
}

@media (max-width: 480px) {
    .page-id-3275 .elementor-element-92af7c6 {
        padding: 20px 14px !important;
    }
    .page-id-3275 .elementor-element-6969a9b .elementor-heading-title {
        font-size: 24px !important;
    }
}
