/* Leaflet Control Images Path Override
   Copyright (c) 2023-2025 Christian Werner, WERNER.Solutions <office@werner.solutions> */

/* Layer Control Images - Override default path */
.leaflet-control-layers-toggle {
    background-image: url('../images/leaflet/layers.png') !important;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url('../images/leaflet/layers-2x.png') !important;
}

/* Ensure proper sizing */
.leaflet-control-layers-toggle {
    width: 36px;
    height: 36px;
}

/* Larger touch targets for zoom controls on touch devices — Leaflet's
   default 26px buttons are below the 44px minimum comfortable touch
   target size (WCAG 2.5.5 / Apple HIG). */
@media (max-width: 768px) {
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out {
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 20px !important;
    }

    .leaflet-control-layers-toggle {
        width: 44px !important;
        height: 44px !important;
    }
}