/**
 * Mobile Checkbox Fix
 * Fix oversized checkboxes on mobile devices
 */

/* ================================
   PROCESS SECTION GAP FIX
   ================================ */

/* Add gap to process-all class from _process-style-three.scss */
.process-all {
    gap: 30px !important;
}

/* Mobile responsive for process section */
@media (max-width: 575px) {
    .process-all .process-step {
        width: 100% !important;
    }
}

/* Fix for GDPR term checkbox on mobile devices */
input[type="checkbox"].gdpr-term {
    transform: scale(1) !important;
    width: auto !important;
    height: auto !important;
    max-width: 16px !important;
    max-height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}

/* Additional mobile-specific fixes */
@media (max-width: 768px) {
    input[type="checkbox"].gdpr-term {
        transform: scale(0.8) !important;
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
    }
}

@media (max-width: 480px) {
    input[type="checkbox"].gdpr-term {
        transform: scale(0.75) !important;
        width: 14px !important;
        height: 14px !important;
        max-width: 14px !important;
        max-height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
    }
}

/* Ensure checkbox doesn't get enlarged by any mobile viewport meta tag issues */
@viewport {
    width: device-width;
    zoom: 1.0;
}

/* Prevent iOS Safari from scaling checkboxes */
input[type="checkbox"].gdpr-term {
    -webkit-transform: scale(1) !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}

@media (max-width: 768px) {
    input[type="checkbox"].gdpr-term {
        -webkit-transform: scale(0.8) !important;
    }
}

@media (max-width: 480px) {
    input[type="checkbox"].gdpr-term {
        -webkit-transform: scale(0.75) !important;
    }
}

/* Target high-DPI mobile devices */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    input[type="checkbox"].gdpr-term {
        transform: scale(0.7) !important;
        -webkit-transform: scale(0.7) !important;
    }
}

/* Fix container sizing if parent elements are causing issues */
.gdpr-term-wrapper,
.terms-condition,
.form-group.terms,
.contact-form form .terms {
    display: inline-flex !important;
    align-items: center !important;
}

.gdpr-term-wrapper input[type="checkbox"].gdpr-term,
.terms-condition input[type="checkbox"].gdpr-term,
.form-group.terms input[type="checkbox"].gdpr-term,
.contact-form form .terms input[type="checkbox"].gdpr-term {
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* Fix for contact form terms label color */
.contact-form form .terms label {
    color: white !important;
}

@media (max-width: 468px) {
    .contact-form form .terms {
        height: auto !important;
    }
}

/* ================================
   FOOTER MOBILE LAYOUT FIX
   ================================ */

/* DEBUG: Simple test to verify CSS is loading */
@media (max-width: 575px) {
    .footer-one {
        border: 3px solid green !important;
        background: rgba(0, 255, 0, 0.1) !important;
    }

    .footer-one .footer-brand {
        border: 2px solid yellow !important;
        background: rgba(255, 255, 0, 0.1) !important;
    }
}

/* Force footer columns to stay on same row */
@media (max-width: 575px) {
    /* Target the specific row containing the two columns */
    .footer-one .footer-brand + .col-lg-4 .row,
    .footer-one .col-lg-4:nth-child(2) .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        gap: 20px !important;
    }

    /* Force the individual columns */
    .footer-one .footer-brand + .col-lg-4 .col-lg-6,
    .footer-one .col-lg-4:nth-child(2) .col-lg-6 {
        flex: 1 !important;
        min-width: 0 !important;
        max-width: 50% !important;
        width: 50% !important;
        display: block !important;
        padding: 0 10px !important;
    }

    /* Remove padding adjustments */
    .footer-one .footer-brand + .col-lg-4 .col-lg-6:first-child {
        padding-left: 0 !important;
    }

    .footer-one .footer-brand + .col-lg-4 .col-lg-6:last-child {
        padding-right: 0 !important;
    }

    /* Hide interfering elements */
    .footer-one .col-lg-1.md-d-none {
        display: none !important;
    }
}