/* =========================================================
   Chris Nogala — Mobile App Navigation
   Chargé par le thème enfant. Desktop totalement intact.
   ========================================================= */
#cn-mobile-app-nav{display:none;}

@media (max-width: 760px){
  :root{
    --cn-app-bg:#050b14;
    --cn-app-panel:#071827;
    --cn-app-panel2:#0b1b2c;
    --cn-app-yellow:#efff00;
    --cn-app-cyan:#00b7e6;
    --cn-app-text:#fff;
    --cn-app-muted:#9db4c5;
  }

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

  #cn-mobile-app-nav,
  #cn-mobile-app-nav *{
    box-sizing:border-box!important;
    font-family:'Inter',Arial,sans-serif!important;
  }

  #cn-mobile-app-nav{
    display:block!important;
    position:relative!important;
    z-index:2147483000!important;
  }

  #cn-mobile-app-nav a,
  #cn-mobile-app-nav button{
    -webkit-tap-highlight-color:rgba(239,255,0,.25)!important;
    touch-action:manipulation!important;
  }

  .cn-app-tabbar{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    z-index:2147483300!important;
    height:68px!important;
    display:grid!important;
    grid-template-columns:1fr 1.18fr 1fr 1fr 1fr!important;
    gap:6px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(7,16,30,.92),rgba(3,8,16,.98))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 0 1px rgba(239,255,0,.06) inset!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .cn-app-tab{
    min-width:0!important;
    height:52px!important;
    border:0!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(255,255,255,.84)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-decoration:none!important;
    font-size:.58rem!important;
    line-height:1!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.45px!important;
    cursor:pointer!important;
    overflow:hidden!important;
  }

  .cn-app-tab .cn-app-ico{
    display:block!important;
    font-size:1.05rem!important;
    line-height:1!important;
  }

  .cn-app-tab.cn-app-main{
    background:var(--cn-app-yellow)!important;
    color:#02070f!important;
    box-shadow:0 10px 28px rgba(239,255,0,.22)!important;
  }

  .cn-app-tab[aria-current="page"],
  .cn-app-tab.is-active{
    color:var(--cn-app-yellow)!important;
    background:rgba(239,255,0,.08)!important;
    border:1px solid rgba(239,255,0,.20)!important;
  }
  .cn-app-tab.cn-app-main[aria-current="page"],
  .cn-app-tab.cn-app-main.is-active{
    color:#02070f!important;
    background:var(--cn-app-yellow)!important;
  }

  .cn-app-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483310!important;
    background:rgba(0,0,0,.64)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  .cn-app-backdrop[hidden]{display:none!important;}

  .cn-app-sheet{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483320!important;
    max-height:min(82vh,720px)!important;
    overflow:auto!important;
    padding:10px 14px calc(92px + env(safe-area-inset-bottom))!important;
    border-radius:30px 30px 0 0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-bottom:0!important;
    background:
      radial-gradient(circle at 20% 0%,rgba(0,183,230,.18),transparent 34%),
      radial-gradient(circle at 86% 10%,rgba(239,255,0,.12),transparent 28%),
      linear-gradient(180deg,#09182a 0%,#050b14 100%)!important;
    box-shadow:0 -30px 90px rgba(0,0,0,.55)!important;
    transform:translateY(112%)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .28s ease,opacity .22s ease!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .cn-app-sheet.open{
    transform:translateY(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .cn-app-handle{
    width:48px!important;
    height:5px!important;
    border-radius:99px!important;
    background:rgba(255,255,255,.25)!important;
    margin:0 auto 14px!important;
  }

  .cn-app-sheet-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:4px 2px 16px!important;
  }

  .cn-app-sheet-head strong{
    display:block!important;
    color:#fff!important;
    font-size:1.05rem!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }

  .cn-app-sheet-head span{
    display:block!important;
    color:var(--cn-app-muted)!important;
    font-size:.72rem!important;
    line-height:1.25!important;
    margin-top:3px!important;
  }

  .cn-app-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.06)!important;
    color:var(--cn-app-yellow)!important;
    font-size:1.7rem!important;
    line-height:1!important;
    display:grid!important;
    place-items:center!important;
    cursor:pointer!important;
  }

  .cn-app-quick{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-bottom:14px!important;
  }

  .cn-app-quick a{
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:.78rem!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.55px!important;
    text-align:center!important;
  }

  .cn-app-quick .cn-app-quick-primary{
    background:var(--cn-app-yellow)!important;
    color:#02070f!important;
    border-color:var(--cn-app-yellow)!important;
  }

  .cn-app-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .cn-app-grid a{
    min-height:82px!important;
    padding:13px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:4px!important;
  }

  .cn-app-grid b{
    color:#fff!important;
    font-size:.83rem!important;
    font-weight:950!important;
    line-height:1.12!important;
    text-transform:uppercase!important;
  }

  .cn-app-grid span{
    color:var(--cn-app-muted)!important;
    font-size:.67rem!important;
    line-height:1.15!important;
  }

  body.cn-app-menu-open{
    overflow:hidden!important;
  }
}

@media (min-width: 761px){
  #cn-mobile-app-nav{display:none!important;}
}