/*
Theme Name: Scrub Hub Theme
Version: 1.0
*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure the body doesn't horizontal scroll on small screens */
html, body {
    overflow-x: hidden;
    width: 100%;
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

header {
    z-index: 100;
}

.min-h-screen {
    min-height: -webkit-fill-available;
}

/* --- Contact Page Photo Adjustment --- */

/* Desktop Default (Centered) */
.family-photo {
    object-position: center;
}

/* Mobile Only (Adjusted vertical focus) */
@media (max-width: 767px) {
    .family-photo {
        object-position: 50% 15% !important;
    }
}

/* --- Scrub Hub Custom Form Styling --- */

.frm_forms {
    max-width: 100% !important;
    font-family: 'Inter', sans-serif !important;
}

.frm_forms input[type=text], 
.frm_forms input[type=email], 
.frm_forms input[type=tel], 
.frm_forms input[type=number], 
.frm_forms select, 
.frm_forms textarea {
    width: 100% !important;
    padding: 14px 20px !important;
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    color: #1E293B !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out !important;
}

.frm_forms input:focus, 
.frm_forms select:focus, 
.frm_forms textarea:focus {
    background-color: #FFFFFF !important;
    border-color: #00D0FF !important;
    box-shadow: 0 0 0 4px rgba(0, 208, 255, 0.1) !important;
    outline: none !important;
}

.frm_forms .frm_primary_label {
    font-weight: 700 !important;
    color: #1E293B !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.frm_forms .frm_submit input[type=submit] {
    width: 100% !important;
    background-color: #00D0FF !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    padding: 16px 30px !important;
    border-radius: 100px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s transform !important;
    box-shadow: 0 10px 15px -3px rgba(0, 208, 255, 0.2) !important;
}

.frm_forms .frm_submit input[type=submit]:hover {
    background-color: #00A3C9 !important;
    transform: translateY(-2px) !important;
}