/* PUBLIC MOBILE NAV V2 — TUevento con Más funcional */
.public-mobile-nav{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    bottom:0 !important;
    z-index:9999 !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:5px !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    background:rgba(255,253,252,.86) !important;
    border:1px solid #E7DDD3 !important;
    border-bottom:0 !important;
    border-radius:24px 24px 0 0 !important;
    box-shadow:0 -16px 38px rgba(34,24,18,.15) !important;
    backdrop-filter:blur(22px) !important;
    max-width:100vw !important;
    overflow:hidden !important;
}

html[data-theme="dark"] .public-mobile-nav{
    background:rgba(16,16,24,.88) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 -16px 38px rgba(0,0,0,.38) !important;
}

.public-mobile-nav a,
.public-mobile-nav button{
    min-width:0 !important;
    width:100% !important;
    min-height:56px !important;
    max-height:64px !important;
    border-radius:18px !important;
    border:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    background:transparent !important;
    color:#7C6F68 !important;
    font-family:inherit !important;
    font-size:8.6px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-align:center !important;
    overflow:hidden !important;
    text-decoration:none !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
}

html[data-theme="dark"] .public-mobile-nav a,
html[data-theme="dark"] .public-mobile-nav button{
    color:#A1A1AA !important;
}

.public-mobile-nav a.active{
    background:linear-gradient(135deg,#E88C8C,#F4B4B4) !important;
    color:#FFFFFF !important;
}

html[data-theme="dark"] .public-mobile-nav a.active{
    background:linear-gradient(135deg,#7C3AED,#A855F7) !important;
    color:#FFFFFF !important;
}

.public-mobile-nav span{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 22px !important;
    color:inherit !important;
}

.public-mobile-nav svg{
    width:21px !important;
    height:21px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.9 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

body{
    padding-bottom:calc(82px + env(safe-area-inset-bottom)) !important;
}

/* Bottom sheet Más */
.public-more-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:10000 !important;
    background:rgba(6,7,11,.36) !important;
    backdrop-filter:blur(8px) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .22s ease !important;
}

.public-more-backdrop.is-open{
    opacity:1 !important;
    pointer-events:auto !important;
}

.public-more-sheet{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(92px + env(safe-area-inset-bottom)) !important;
    z-index:10001 !important;
    display:grid !important;
    gap:10px !important;
    padding:12px 14px 14px !important;
    border-radius:28px !important;
    background:rgba(255,253,252,.96) !important;
    border:1px solid #E7DDD3 !important;
    box-shadow:0 18px 60px rgba(34,24,18,.22) !important;
    backdrop-filter:blur(24px) !important;
    transform:translateY(18px) scale(.98) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:transform .22s ease, opacity .22s ease !important;
}

html[data-theme="dark"] .public-more-sheet{
    background:rgba(16,16,24,.96) !important;
    border-color:rgba(255,255,255,.10) !important;
    box-shadow:0 18px 60px rgba(0,0,0,.48) !important;
}

.public-more-sheet.is-open{
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

.public-more-handle{
    width:44px !important;
    height:4px !important;
    border-radius:999px !important;
    background:rgba(124,111,104,.35) !important;
    margin:2px auto 4px !important;
}

html[data-theme="dark"] .public-more-handle{
    background:rgba(255,255,255,.22) !important;
}

.public-more-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:0 2px 4px !important;
}

.public-more-head strong{
    color:var(--text, #2B211D) !important;
    font-size:15px !important;
    letter-spacing:-.25px !important;
}

.public-more-close{
    width:36px !important;
    height:36px !important;
    border-radius:50% !important;
    border:1px solid var(--line, #E7DDD3) !important;
    background:var(--surface, #FFFDFC) !important;
    color:var(--text, #2B211D) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    font-weight:900 !important;
}

.public-more-list{
    display:grid !important;
    gap:8px !important;
}

.public-more-list a,
.public-more-list button{
    width:100% !important;
    min-height:52px !important;
    border-radius:18px !important;
    border:1px solid var(--line, #E7DDD3) !important;
    background:var(--surface, #FFFDFC) !important;
    color:var(--text, #2B211D) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:0 16px !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:950 !important;
    text-decoration:none !important;
}

.public-more-list small{
    color:var(--muted, #7C6F68) !important;
    font-size:11px !important;
    font-weight:850 !important;
}

@media(min-width:761px){
    .public-mobile-nav,
    .public-more-backdrop,
    .public-more-sheet{
        display:none !important;
    }

    body{
        padding-bottom:0 !important;
    }
}

@media(max-width:360px){
    .public-mobile-nav{
        left:6px !important;
        right:6px !important;
        gap:4px !important;
        padding-left:6px !important;
        padding-right:6px !important;
    }

    .public-mobile-nav a,
    .public-mobile-nav button{
        font-size:7.8px !important;
    }
}


/* =========================================================
   CRITICAL MOBILE NAV FIX — iPhone real / cache override
   Fuerza 5 ítems en una sola fila
========================================================= */

@media(max-width:760px){
    .public-mobile-nav{
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        grid-auto-flow:column !important;
        grid-auto-columns:minmax(0,1fr) !important;
        align-items:center !important;
        gap:4px !important;
        left:8px !important;
        right:8px !important;
        bottom:0 !important;
        padding:7px 7px calc(7px + env(safe-area-inset-bottom)) !important;
        max-width:calc(100vw - 16px) !important;
        overflow:hidden !important;
        flex-wrap:nowrap !important;
    }

    .public-mobile-nav > a,
    .public-mobile-nav > button{
        grid-row:1 !important;
        min-width:0 !important;
        width:100% !important;
        max-width:100% !important;
        min-height:54px !important;
        max-height:60px !important;
        padding:0 !important;
        margin:0 !important;
        border-radius:16px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:3px !important;
        font-size:7.6px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-align:center !important;
        appearance:none !important;
        -webkit-appearance:none !important;
    }

    .public-mobile-nav > a:nth-child(1){grid-column:1 !important;}
    .public-mobile-nav > a:nth-child(2){grid-column:2 !important;}
    .public-mobile-nav > a:nth-child(3){grid-column:3 !important;}
    .public-mobile-nav > a:nth-child(4){grid-column:4 !important;}
    .public-mobile-nav > button:nth-child(5){grid-column:5 !important;}

    .public-mobile-nav span{
        width:21px !important;
        height:21px !important;
        min-width:21px !important;
        min-height:21px !important;
        max-width:21px !important;
        max-height:21px !important;
        flex:0 0 21px !important;
    }

    .public-mobile-nav svg{
        width:20px !important;
        height:20px !important;
    }
}

@media(max-width:360px){
    .public-mobile-nav{
        left:6px !important;
        right:6px !important;
        max-width:calc(100vw - 12px) !important;
        gap:3px !important;
    }

    .public-mobile-nav > a,
    .public-mobile-nav > button{
        font-size:7px !important;
        border-radius:15px !important;
    }
}