/* Logo enlargement styles */
#comp-ltvv0gxs {
    width: 750px !important;
    height: auto !important;
    object-fit: contain !important;
}

#comp-ltvv0gxs img {
    width: 750px !important;
    height: auto !important;
    object-fit: contain !important;
}

[data-mesh-id=SITE_HEADERinlineContent-gridContainer] > [id="comp-ltvv0gxs"] {
    margin: 35px 0px 15px 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Add two line spaces after the copyright text in the footer and remove any horizontal line */
.footer-bottom {
    margin-bottom: 2em !important;
    border: none !important;
    border-bottom: none !important;
}

/* Remove the top border of the footer */
#SITE_FOOTER {
    border-top: none !important;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    /* Header adjustments */
    #comp-ltvv0gxs {
        width: 300px !important;
        max-width: 90% !important;
    }

    #comp-ltvv0gxs img {
        width: 100% !important;
        height: auto !important;
    }

    [data-mesh-id=SITE_HEADERinlineContent-gridContainer] > [id="comp-ltvv0gxs"] {
        margin: 20px 0px 10px 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* Navigation menu - stack items vertically on mobile */
    #comp-j78y5mpw .y7qwii {
        flex-direction: column !important;
        align-items: center !important;
    }

    #comp-j78y5mpw .Tg1gOB {
        margin: 10px 0 !important;
    }

    /* Make buttons touch-friendly */
    button, .button, [data-testid="buttonElement"], 
    a[role="button"], input[type="submit"], input[type="button"],
    [class*="button"], [class*="Button"] {
        min-height: 44px !important;
        padding: 12px 20px !important;
        font-size: 16px !important; /* Prevent zoom on iOS */
    }

    /* Adjust font sizes for readability */
    .font_0 { font-size: 48px !important; }
    .font_2 { font-size: 32px !important; }
    .font_3 { font-size: 28px !important; }
    .font_4 { font-size: 24px !important; }
    .font_5 { font-size: 20px !important; }
    .font_6 { font-size: 18px !important; }
    .font_7 { font-size: 14px !important; }
    .font_8 { font-size: 14px !important; }
    .font_9 { font-size: 13px !important; }
    .font_10 { font-size: 12px !important; }

    /* Ensure images scale properly */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Override Wix fixed widths for mobile responsiveness */
    div[style*="min-width:980px"], div[style*="width:980px"] {
        min-width: 100% !important;
        width: 100% !important;
    }

    section {
        min-width: 100% !important;
        width: 100% !important;
    }

    /* Stack sections vertically */
    [data-mesh-id$="inlineContent-gridContainer"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Adjust container padding */
    .SPY_vo, .Containerh82vl {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Footer adjustments */
    .footer-bottom {
        flex-direction: column !important;
        text-align: center !important;
        gap: 10px !important;
        font-size: 12px !important;
    }

    /* Contact page specific mobile adjustments */
    /* Ensure Google Maps iframe scales properly */
    iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Adjust form elements for mobile */
    input, textarea, select {
        font-size: 16px !important; /* Prevent zoom on iOS */
        padding: 12px !important;
        min-height: 44px !important;
    }
}

/* ADDRESS, CONTACT, OPENING HOURS section titles - gold color */
/* Footer section titles */
#comp-footer-address-title,
#comp-footer-address-title h3,
#comp-footer-address-title span,
#comp-footer-contact-title,
#comp-footer-contact-title h3,
#comp-footer-contact-title span,
#comp-footer-hours-title,
#comp-footer-hours-title h3,
#comp-footer-hours-title span {
    color: #c69503 !important;
}

/* Also target the inline content section titles if present */
#comp-ltx3r446 h3,
#comp-ltx3r446 span,
#comp-contact-title h3,
#comp-contact-title span,
#comp-ltx3r44i h3,
#comp-ltx3r44i span {
    color: #c69503 !important;
}
