/* ==========================================================================
   DOCUMENT SHOP - MOBILE STYLESHEET
   Breakpoint: max-width 768px
   ========================================================================== */

@media (max-width: 1024px) {
    body .document-card__title-group {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    body.page-template-template-shop .hero.shop-hero {
        padding-bottom: 2rem;
    }
    body .product-modal {
        width: 100%;
    }
    body .product-modal__title-group {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    body .shop-sidebar-right {
        display: block;
        width: 100%;
    }
	body .shop-main-content {
		width:100%;
	}
    body:not(.home).page-template-template-shop .hero-title br {
        display: none;;
    }
}
/* ==========================================================================
   MOBILE FILTER TOGGLE - FIXED
   ========================================================================== */

@media (max-width: 1024px) {
    /* ==========================================================================
       SIDEBAR VISIBLE ON MOBILE
       ========================================================================== */
    body .site .shop-sidebar-left {
        display: block !important;
        position: relative;
        width: 100% !important;
        margin-bottom: 0;
        padding-bottom: 0;
        overflow: visible !important;
        max-height: none !important;
    }
    body .shop-layout {
        gap: 0.625rem;
    }
    body .document-grid {
        gap: 0.625rem;
    }
    /* ==========================================================================
       FILTER TITLE AS TRIGGER BUTTON
       ========================================================================== */
    body .site .shop-sidebar-left .filter-title {
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        cursor: pointer;
        margin: 0 0 0 0;
        color: #ffffff;
        font-family: "Sora", sans-serif;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: -0.02em;
        font-weight: 400;
        position: relative;
        box-sizing: border-box;
    }
    /* Chevron icon */
    body .site .shop-sidebar-left .filter-title::after {
        content: '';
        width: 10px;
        height: 6px;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"%3E%3Cpath d="M5 6C4.81168 6 4.63591 5.92092 4.47269 5.76277L0.19774 1.25535C0.0659134 1.10379 0 0.932455 0 0.741351C0 0.530478 0.0674827 0.354201 0.202448 0.212521C0.337414 0.0708404 0.502197 0 0.696798 0C0.8914 0 1.06089 0.0757823 1.20527 0.227347L5 4.22076L8.79473 0.227347C8.93911 0.0757823 9.1086 0 9.3032 0C9.4978 0 9.66259 0.0708404 9.79755 0.212521C9.93252 0.354201 10 0.530478 10 0.741351C10 0.945634 9.93409 1.11697 9.80226 1.25535L5.52731 5.76277C5.3892 5.92092 5.21343 6 5 6Z" fill="white"/%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: transform 0.2s ease;
    }
    /* Rotate 180° when open */
    body .site .shop-sidebar-left.open .filter-title::after {
        transform: rotate(180deg);
    }
    /* ==========================================================================
       FILTER LIST - HIDDEN BY DEFAULT
       ========================================================================== */
    body .site .shop-sidebar-left .filter-list {
        display: none;
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        border-top: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }
    body .site .shop-sidebar-left.open .filter-list {
        display: block;
    }
    /* ==========================================================================
       FILTER ITEMS STYLING
       ========================================================================== */
    body .site .shop-sidebar-left .filter-item {
        padding: 12px 16px !important;
        border-bottom: 1px solid #EEEEEE !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        margin: 0 !important;
    }
    body .site .shop-sidebar-left .filter-item:last-child {
        border-bottom: none !important;
    }
    body .site .shop-sidebar-left .filter-item:hover, body .site .shop-sidebar-left .filter-item.filter-item--active {}
    body .site .shop-sidebar-left .filter-item__name {
        color: #07264C !important;
        font-size: 14px !important;
    }
    body .site .shop-sidebar-left .filter-item__badge {
        color: #6B7380 !important;
        font-size: 12px !important;
    }
}