/* UK Beaches - Custom Styles */

/* Additional custom styles can be added here */
/* Tailwind CSS is loaded from CDN in the layout */

/* Custom button styles */
.btn-primary {
    background-color: #0ea5e9;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.2s;
}

.btn-primary:hover {
    background-color: #0284c7;
}

/* Ensure map container has proper styling */
#map {
    height: 70vh;
    min-height: 500px;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Custom marker styles for Leaflet */
.custom-div-icon {
    background: transparent;
    border: none;
}

.user-location-icon {
    background: transparent;
    border: none;
}
