/* =========================================================
   ART GLASS TIFFANY — FINAL MOBILE MENU
   Compact transparent frosted-glass menu
   ========================================================= */

@media (max-width: 768px){

    .header nav,
    .header .flags{
        display:none !important;
    }

    .mobile-menu-btn{
        display:flex !important;
        position:relative;
        width:42px;
        height:42px;
        margin-left:auto;
        padding:0;
        border:1px solid rgba(191,145,52,.38);
        border-radius:12px;
        background:rgba(248,244,235,.10);
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px);
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:5px;
        cursor:pointer;
        flex-shrink:0;
        z-index:10002;
        transition:background .25s ease, border-color .25s ease;
    }

    .mobile-menu-btn span{
        width:23px;
        height:2px;
        border-radius:2px;
        background:#234538;
        transition:transform .25s ease, opacity .2s ease;
    }

    .mobile-menu-btn.active span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
    }
    .mobile-menu-btn.active span:nth-child(2){ opacity:0; }
    .mobile-menu-btn.active span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
    }

    .mobile-menu{
        display:flex !important;
        position:fixed;
        top:92px;
        right:6px;
        left:auto;
        width:195px;
        max-width:calc(100vw - 24px);
        z-index:10000;
        flex-direction:column;
        padding:10px 10px 8px;
        box-sizing:border-box;

        background:rgba(248,244,235,.05);
        backdrop-filter:blur(16px) saturate(115%);
        -webkit-backdrop-filter:blur(16px) saturate(115%);

        border:1px solid rgba(191,145,52,.32);
        border-radius:16px;
        box-shadow:0 10px 26px rgba(0,0,0,.11), inset 0 0 0 1px rgba(255,255,255,.16);

        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-8px) scale(.985);
        transform-origin:top right;
        transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
    }

    .mobile-menu::before{
        content:"";
        position:absolute;
        top:-7px;
        right:17px;
        width:13px;
        height:13px;
        background:rgba(248,244,235,.18);
        border-left:1px solid rgba(191,145,52,.32);
        border-top:1px solid rgba(191,145,52,.32);
        transform:rotate(45deg);
        backdrop-filter:blur(16px);
        -webkit-backdrop-filter:blur(16px);
    }

    .mobile-menu.open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0) scale(1);
    }

    .mobile-nav{
        display:flex !important;
        flex-direction:column;
        width:100%;
        margin:0;
        padding:0;
    }

    .mobile-nav > a,
    .mobile-gallery-trigger{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:48px;
        padding:0 15px;
        box-sizing:border-box;
        color:#234538;
        text-decoration:none;
        font-family:Inter,sans-serif;
        font-size:17px;
        font-weight:500;
        letter-spacing:.2px;
        border:0;
        border-bottom:1px solid rgba(191,145,52,.20);
        background:transparent;
        cursor:pointer;
        text-align:left;
    }

    .mobile-nav > a:hover,
    .mobile-gallery-trigger:hover{
        background:rgba(255,255,255,.10);
    }

    .mobile-gallery-trigger > span:last-child{
    position:relative;
    width:9px;
    height:9px;
    margin-left:auto;
    margin-right:0;
    left:35px;
    font-size:0;
    line-height:0;
    border-right:2px solid #234538;
    border-bottom:2px solid #234538;
    transform:rotate(45deg);
    top:-2px;
    flex-shrink:0;
}

html[dir="rtl"] .mobile-gallery-trigger > span:last-child{
    left:-60px !important;
}
	
	html[dir="rtl"] .mobile-gallery-trigger > span:last-child{
    margin-left:0;
    margin-right:auto;
    left:auto;
    right:15px;
}

    .mobile-gallery-trigger.open > span:last-child{
        transform:rotate(45deg);
    }

    .mobile-gallery-links{
        display:none;
        padding:3px 0 5px;
        border-bottom:1px solid rgba(191,145,52,.20);
    }

    .mobile-gallery-links.open{
        display:block;
    }

    .mobile-gallery-links a{
        display:block;
        padding:8px 15px 8px 29px;
        color:#234538;
        text-decoration:none;
        font-family:Inter,sans-serif;
        font-size:17px;
        font-weight:500;
        line-height:1.35;
        white-space:nowrap;
    }

    .mobile-gallery-links a:hover{
        background:rgba(255,255,255,.10);
    }

    .mobile-menu-divider{
        height:1px;
        margin:6px 7px 5px;
        background:linear-gradient(90deg,transparent,rgba(191,145,52,.48),transparent);
    }

    .mobile-menu-flags{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:22px;
        padding:5px 6px 3px;
    }

    .mobile-menu-flags a,
    .mobile-menu-flags span{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
        margin:0;
    }

    .mobile-menu-flags img{
        width:31px;
        height:20px;
        object-fit:cover;
        display:block;
        border-radius:3px;
        box-shadow:0 1px 4px rgba(0,0,0,.12);
    }
}

@media (max-width:380px){
    .mobile-menu{
        width:190px;
        right:6px;
    }
}

@media (min-width:769px){
    .mobile-menu-btn,
    .mobile-menu{
        display:none !important;
    }
}

html[dir="rtl"] .mobile-gallery-trigger{
    position:relative;
}

html[dir="rtl"] .mobile-gallery-trigger > span:last-child{
    position:absolute;
    left:15px;
    right:auto;
    margin:0;
    top:50%;
    transform:translateY(-50%) rotate(45deg);
}