/* =============================================================
   LA PESCA IN ADRIATICO — LIZMAP WEB CLIENT 3.9.11
   Custom map styles

   Repository: media/themes/default/css/map.css
   Applies to fishing-effort layers named asf_effort_*
   (e.g. OTB, TBB, PTM; annual and monthly layers).
   ============================================================= */

/* -------------------------------------------------------------
   1. FISHING-EFFORT LEGENDS
   Show only symbol categories valid at the current map scale.
   Lizmap updates the not-in-scale class when the zoom changes.
   ------------------------------------------------------------- */
#switcher li:has(> div.layer input[id^=node-asf_effort_])
    li.symbol.rule.not-in-scale {
    display: none !important;
}

/* Hide individual symbol-category checkboxes but keep each
   main layer checkbox fully visible and functional. */
#switcher li:has(> div.layer input[id^=node-asf_effort_])
    li.symbol.rule input[type=checkbox] {
    display: none !important;
}

/* -------------------------------------------------------------
   2. TIME MANAGER
   Hide the redundant layer name; navigation remains unchanged.
   ------------------------------------------------------------- */
#timemanager-menu #tmLayers {
    display: none !important;
}

/* -------------------------------------------------------------
   3. LAYER PANEL
   Hide the two global Expand all / Collapse all buttons.
   Individual layer expand/collapse behavior remains unchanged.
   ------------------------------------------------------------- */
#switcher #layers-unfold-all,
#switcher #layers-fold-all {
    display: none !important;
}
/* -------------------------------------------------------------
   4. ZOOM SLIDER
   Thin dark handle for the vertical zoom slider.
   ------------------------------------------------------------- */

#navbar .ol-zoomslider {
    overflow: visible !important;
}

#navbar .ol-zoomslider button.ol-zoomslider-thumb {
    display: block !important;
    position: relative !important;
    width: 24px !important;
    height: 6px !important;
    left: -10px !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #18344A !important;
    border: 1px solid #0E2233 !important;
    border-radius: 2px !important;
    cursor: ns-resize !important;
}