.elementor-6558 .elementor-element.elementor-element-bcc65fe{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}body.elementor-page-6558:not(.elementor-motion-effects-element-type-background), body.elementor-page-6558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-d54723b *//* Fix blog title color to white */
.header h1 {
    color: white;
}

/* Ensure uniform image sizes in restaurant cards */
.restaurant-grid .restaurant-card .restaurant-image {
    width: 100% !important; /* Full width of the card */
    height: 250px !important; /* Fixed height to match Beija Flor card */
    object-fit: cover !important; /* Crops image to fill container */
    object-position: center !important; /* Centers image */
    transition: transform 0.3s ease !important; /* Retains hover effect */
    display: block !important; /* Prevents inline-block issues */
    margin: 0 !important; /* Removes any unwanted margins */
    padding: 0 !important; /* Removes any unwanted padding */
}

/* Prevent Elementor/WordPress from adding unwanted styles */
.restaurant-grid .restaurant-card img.restaurant-image {
    max-width: none !important; /* Overrides Elementor max-width */
    min-width: 100% !important; /* Ensures full width */
}

/* Ensure card container doesn't interfere */
.restaurant-grid .restaurant-card {
    overflow: hidden !important; /* Clips any overflow */
}/* End custom CSS */