/*
Copyright © Wild Rose Devs. & Alberta Lynx 2025. All rights reserved.

This software and its source code are proprietary and confidential.
Unauthorized copying, distribution, modification, or use in whole or in part
is strictly prohibited and may result in civil and/or criminal penalties.

No license or rights are granted by implication or otherwise under any
intellectual property rights.

For licensing inquiries, contact: https://wildrosedevs.ca
*/

/*********************************
  HERO SECTION
**********************************/
.hero {
    background:
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/enquiries-hero.png") no-repeat center center / cover !important;
    height: 40vh;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 3rem;
    z-index: 1;
}

.hero-content {
    width: 100%;
    position: relative;
    max-width: 1280px;
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: left;
}

.hero-label {
    font-size: 3.2rem;
    font-weight: 900;
    color: #0c81f7;
    margin: 0 0 20px;
    margin-bottom: 0;
}

.hero-subtext {
    display: flex;
    font-size: 1.1rem;
    color: #ffffff;
    font-weight: 500;
    gap: 20px;
    margin-top: 0;
}

@media (max-width: 768px) {
    .hero {
        padding: 0;
        display: flex;
        align-items: flex-end;
    }

    .hero-content {
        width: 100%;
        padding: 1rem 1.25rem;
        margin: 0;
        position: relative;
        bottom: 0;
        text-align: left;
    }

    .hero-label {
        font-size: 2rem;
        margin-bottom: 0.25rem;
        color: #0c81f7;
    }

    .hero-subtext {
        font-size: 1rem;
        color: white;
        line-height: 1.4;
        margin: 0;
    }
}

/* --------------------
   ENQUIRY FORM GLASS CARD
   -------------------- */
.enquiry-form-container {
    background-color: #f5f5f5;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

/* keep your existing layout rules… */
.section-title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.form-title {
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

form .form-row {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group {
    flex: 1;
}

.full-width {
    flex: 2;
}

.short-width {
    flex: 0 0 200px;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
    width: 100%;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.8);
}

fieldset {
    border: none;
    margin: 15px 0;
    padding: 0;
}

fieldset legend {
    font-weight: bold;
    margin-bottom: 10px;
}

.choices label,
.keep-updated label {
    display: block;
    margin-bottom: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.privacy-note {
    font-size: 0.875rem;
    margin-top: 10px;
}

.submit-footer {
    border: 1px solid #f44336;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
}

/* submit-button states */
#submit-button {
    border: 1px solid #f44336;
    background: #fff;
    color: #f44336;
    padding: 10px 20px;
    font-size: 1rem;
    border-radius: 4px;
    opacity: 0.6;
    cursor: not-allowed;
    transition: all 0.2s ease;
}

#submit-button.enabled {
    opacity: 1;
    cursor: pointer;
}

#submit-button.enabled:hover {
    background: #f44336;
    color: #fff;
}

#form-status {
    margin-bottom: 1rem;
    font-weight: bold;
}

#form-status.success {
    color: rgb(27, 255, 27);
}

#form-status.error {
    color: #eb0b4d;
}