/* ================================================= */
/* SHOP WOOCOMMERCE */
/* HUSKY – Products Filter Open-Button für mobile Ansicht, unter Mobilmenü*/
/* ================================================= */


/* ========== Open-Button WOOF mobile ========== */
/* Open-Button für mobile Ansicht, unter Mobilmenü */
.woof_show_mobile_filter {
    position: relative !important;
    z-index: 99 !important; /* kleiner als Mobilmenü */
    pointer-events: auto !important;
    cursor: pointer;

	margin: 1em 0 0 0;
    background-color: #22b24c; /* grüne Hintergrundfarbe */
    color: #ffffff; /* weiße Schrift */
    padding: 0.5rem 1rem; /* Abstand innen */
    border-radius: 8px; /* abgerundete Ecken */
    border: none; /* kein Rahmen */
    box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* leichter Schatten */
    display: inline-flex; /* damit Icon + Text nebeneinander bleiben */
    align-items: center;
    gap: 0.5rem; /* Abstand zwischen Icon und Text */
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
}
.woof_hide_mobile_filter span, .woof_show_mobile_filter span {
    font-size: 16px;
    font-weight: 600;
}
/* Hover-Effekt */
.woof_show_mobile_filter:hover {
    background-color: #1fa33d; /* dunkleres grün beim Hover */
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* Standard: mobile-Variante verstecken */
.woof_show_filter_for_mobile {
    display: none !important;
}

/* Overlay sichtbar, wenn geöffnet */
.woof.custom-open {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    background: #ffffff !important;
    z-index: 100005 !important; /* hoch genug, damit Overlay über allem liegt */
    padding: 1rem !important;
}

/* sicherstellen, dass Elemente im Overlay klickbar sind */
.woof.custom-open * {
    pointer-events: auto !important;
}