/* County Louth Photo Pins Styles */
.leaflet-container {
    height: 100%;
    width: 100%;
}

/* Ensure modals appear above map */
.leaflet-popup-pane {
    z-index: 700;
}

.leaflet-tooltip-pane {
    z-index: 800;
}

/* Custom pin marker styles */
.custom-pin-marker {
    background: transparent;
    border: none;
}

/* County Louth specific styling */
.louth-red {
    background-color: #C41E3A;
}

.warm-gold {
    background-color: #F4A24C;
}

.irish-green {
    background-color: #169B62;
}

.sunset-orange {
    background-color: #E67E22;
}

.sea-blue {
    background-color: #3498DB;
}

.coal-gray {
    background-color: #2C3E50;
}

.light-gray {
    background-color: #ECF0F1;
}

/* Mobile optimizations for County Louth's compact geography */
@media (max-width: 768px) {
    .leaflet-control-container {
        font-size: 14px;
    }
    
    .custom-pin-marker div {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px;
    }

    /* Make town navigation buttons stack better on mobile */
    .town-nav button {
        min-width: 80px;
        margin-bottom: 4px;
    }
}

/* Fade animation for expiring pins */
@keyframes fadeWarning {
    0%, 50% { opacity: 1; }
    100% { opacity: 0.7; }
}

.expiring-pin {
    animation: fadeWarning 2s infinite;
}

/* QR Code modal styling */
.qr-modal {
    backdrop-filter: blur(4px);
}

/* Smooth transitions inspired by Louth's rolling drumlins */
* {
    transition: all 0.2s ease-in-out;
}

/* Custom scrollbars for modal content */
.modal-content::-webkit-scrollbar {
    width: 6px;
}

.modal-content::-webkit-scrollbar-track {
    background: #ECF0F1;
    border-radius: 3px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: #C41E3A;
    border-radius: 3px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
    background: #a01729;
}

/* Louth-inspired card designs with subtle Celtic patterns */
.pin-card {
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(196, 30, 58, 0.1), 0 2px 4px -1px rgba(196, 30, 58, 0.06);
}

/* Map controls styling for Louth geography */
.leaflet-control-zoom {
    border: 2px solid #C41E3A !important;
    border-radius: 8px !important;
}

.leaflet-control-zoom a {
    background-color: white !important;
    color: #C41E3A !important;
    border: none !important;
}

.leaflet-control-zoom a:hover {
    background-color: #C41E3A !important;
    color: white !important;
}

/* Custom styling for County Louth boundaries awareness */
.louth-boundary-warning {
    background: linear-gradient(45deg, #C41E3A, #F4A24C);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* Irish language support for Louth place names */
.irish-place-name {
    font-style: italic;
    color: #169B62;
}

/* Responsive layout optimized for exploring the compact county */
@media (max-width: 640px) {
    .county-header {
        padding: 12px;
    }
    
    .county-header h1 {
        font-size: 18px;
    }
    
    .town-navigation {
        padding: 8px;
        overflow-x: auto;
    }
    
    .town-navigation button {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* Touch-friendly interactions for mobile users exploring Louth */
@media (hover: none) and (pointer: coarse) {
    .custom-pin-marker div {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px;
    }
    
    button {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Seasonal theming for different Louth areas */
.coastal-theme {
    border-left: 4px solid #3498DB;
}

.inland-theme {
    border-left: 4px solid #169B62;
}

.historic-theme {
    border-left: 4px solid #F4A24C;
}

/* Animation for pin clustering in popular Louth destinations */
@keyframes pulseCluster {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.cluster-marker {
    animation: pulseCluster 2s infinite;
}