/*
Theme Name:     Lubinik Child Child
Theme URI:      
Description:    lubiniktheme child theme.
Author:         Me
Author URI:     
Template:       lubiniktheme
Version:        0.1.0
*/

/************************************************************************************
/* Theme Specific rules ovveride mobile-break-little 480px max
*************************************************************************************/

@media (max-width:480px){
    p{
        text-align:left !important;     /* drop justification */
        hyphens:auto;                   /* allow soft hyphens */
        -webkit-hyphens:auto;           /* Safari / iOS */
        text-wrap:pretty;               /* modern browsers smooth line-breaks */
    }


   

    /* 1) Never let the panel itself exceed the viewport */
    #lubinik-filter-panel,
    #lubinik-filter-form{ max-width:100vw; overflow-x:hidden; }

    /* 2) Let the selected-tag list wrap instead of spilling sideways */
    .choices__list--multiple{
        flex-wrap:wrap !important;   /* allow new lines */
        width:100% !important;       /* stay inside parent */
    }

    /* optional: avoid huge tags causing overflow individually */
    .choices__list--multiple .choices__item{
        max-width:calc(100% - 40px); /* leaves space for the “×” */
        margin-bottom:4px;           /* nicer when wrapped */
    }

    /* 3) Ensure all text/number/date inputs and selects stay within viewport */
    #lubinik-filter-form input[type="text"],
    #lubinik-filter-form input[type="number"],
    #lubinik-filter-form input[type="email"],
    #lubinik-filter-form input[type="search"],
    #lubinik-filter-form input[type="date"],
    #lubinik-filter-form select{
        width:100% !important;
        max-width:100%;
        box-sizing:border-box;
    }

    /* Choices.js wrapper should also respect full width */
    #lubinik-filter-form .choices__inner{
        width:100% !important;
    }

    /* 4) Prevent Choices.js search field from pushing out */
    #lubinik-filter-form .choices__input--cloned{
        min-width:0 !important;
        width:auto !important;
        flex:1 1 60px !important; /* allow it to shrink */
    }

    /* 5) Allow chips and input to wrap to next line */
    #lubinik-filter-form .choices__inner{
        flex-wrap:wrap !important;
        padding:6px 8px; /* tighter padding */
    }
    #lubinik-filter-form .choices__inner *{ min-width:0; }

    /* Choices.js dropdown should be tall & scrollable */
    #lubinik-filter-form .choices__list--dropdown{
        position:absolute;      /* stays under the input */
        width:100% !important;
        max-height:50vh !important;  /* show ~50 % of screen */
        overflow-y:auto !important;  /* scroll if longer */
        z-index:9999;                /* above everything */
    }

    /* each option occupies its own row */
    #lubinik-filter-form .choices__list--dropdown .choices__item{
        display:block;          /* one per line */
        white-space:normal;
        padding:10px;           /* finger-sized touch target */
    }

    /* Give Choices.js a positioning context so its dropdown can appear */
    #lubinik-filter-form .choices{
        position: relative !important;   /* enables the absolute dropdown */
    }

    #lubinik-filter-form .filter-section-amenities{
        display:none !important;
    }




   /* background hero text */
   .custom-hero-slider .slide-content {
	background-color: var(--lubinik-shadow-color-medium);
    }

}