/* Base CSS - Clean reset and utilities only */
html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #111111;
    background: #FFFFFF;
}

.matv5-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.matv5-hero {
    height: 90vh;
    display: grid;
    place-items: center;
    text-align: center;
}

.matv5-hero h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.matv5-hero p {
    font-size: 1.2rem;
    font-weight: 400;
    opacity: 0.8;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .matv5-container {
        padding: 0 1rem;
    }

    /* Hero adjustments */
    .matv5-hero h1 {
        font-size: 2rem !important;
    }

    .matv5-hero p {
        font-size: 1rem !important;
    }

    /* Grid adjustments for mobile */
    [style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    [style*="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    [style*="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))"] {
        grid-template-columns: 1fr !important;
    }

    /* Font size adjustments */
    [style*="font-size: 4rem"] {
        font-size: 2.5rem !important;
    }

    [style*="font-size: 3.5rem"] {
        font-size: 2.2rem !important;
    }

    [style*="font-size: 3rem"] {
        font-size: 2rem !important;
    }

    [style*="font-size: 2.5rem"] {
        font-size: 1.8rem !important;
    }

    /* Padding adjustments */
    [style*="padding: 5rem 0"] {
        padding: 3rem 0 !important;
    }

    [style*="padding: 4rem 0"] {
        padding: 2.5rem 0 !important;
    }

    /* Circular images mobile */
    [style*="width: 200px; height: 200px; border-radius: 50%"] {
        width: 150px !important;
        height: 150px !important;
    }

    /* Iframe mobile */
    iframe {
        width: 100% !important;
        height: 500px !important;
        max-width: 100% !important;
    }

    /* Flex direction adjustments for buttons */
    [style*="display: flex"][style*="gap: 1rem"][style*="justify-content: center"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }

    /* Button adjustments */
    [style*="padding: 1rem 2rem"] {
        padding: 0.8rem 1.5rem !important;
        font-size: 14px !important;
    }

    /* Form grid mobile */
    form[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    /* Height adjustments */
    [style*="height: 300px"] {
        height: 200px !important;
    }

    [style*="height: 200px"][style*="background:"] {
        height: 150px !important;
    }
}

/* Footer Styles - Enhanced for hosting compatibility */
footer, footer.bg-dark, footer.text-white {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 60px 0 30px !important;
}

/* Ensure footer background works on all hosting environments */
body footer {
    background: #000000 !important;
    background-color: #000000 !important;
}

html footer {
    background: #000000 !important;
    background-color: #000000 !important;
}

footer .btn-warning {
    background-color: #FFCC00 !important;
    border-color: #FFCC00 !important;
    color: #111111 !important;
}

/* Footer Links */
footer a {
    color: #ffffff !important;
    text-decoration: none;
}

footer a:hover {
    color: #FFCC00 !important;
}

footer a[href^="tel:"], footer a[href^="mailto:"] {
    color: #ffffff !important;
}

footer a[href^="tel:"]:hover, footer a[href^="mailto:"]:hover {
    color: #FFCC00 !important;
}

.footer-badge {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    border: 1px solid #333;
    border-radius: 8px;
    font-size: .8rem;
    color: #ffffff !important;
    background: #333333 !important;
    margin-right: .5rem;
}

.footer-sep {
    border-color: #333333 !important;
}

/* Override Bootstrap text utilities in footer */
footer .text-muted {
    color: #ffffff !important;
}

footer .text-secondary {
    color: #ffffff !important;
}

footer .text-light {
    color: #ffffff !important;
}

/* Ensure all footer icons are white */
footer i {
    color: #ffffff !important;
}

footer .fab, footer .fas, footer .far {
    color: #ffffff !important;
}

/* Footer links in warning color */
footer .text-warning {
    color: #FFCC00 !important;
}

footer a.text-warning {
    color: #FFCC00 !important;
}

footer a.text-warning:hover {
    color: #FFD700 !important;
}

/* Navbar Brand Fix */
.navbar-brand {
    text-decoration: none !important;
    display: inline-block !important;
}

.navbar-brand:hover {
    text-decoration: none !important;
}

.navbar-brand span {
    display: inline !important;
    white-space: nowrap !important;
}