/* TARIK STUDIO - FINAL MOBILE FIX */
@media (max-width:700px){

  /* ===== MOBILE MENU ===== */
  header nav#mainNav{
    position:fixed !important;
    top:0 !important;
    right:-100% !important;
    left:auto !important;
    width:min(86vw,360px) !important;
    height:100dvh !important;
    min-height:100vh !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;

    padding:85px 18px 24px !important;
    gap:0 !important;

    background:#111 !important;
    z-index:99998 !important;

    opacity:1 !important;
    visibility:hidden !important;

    transform:none !important;
    transition:right .3s ease, visibility .3s ease !important;

    overflow-y:auto !important;
  }

  header nav#mainNav.open{
    right:0 !important;
    visibility:visible !important;
  }

  header nav#mainNav a{
    display:block !important;
    width:100% !important;
    padding:18px 12px !important;
    margin:0 !important;

    color:#fff !important;
    background:transparent !important;

    font-size:16px !important;
    font-weight:800 !important;
    text-decoration:none !important;

    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }

  header nav#mainNav .mobile-menu-cta{
    margin-top:auto !important;
    padding:16px !important;

    background:#b8ff19 !important;
    color:#111 !important;

    border:0 !important;
    border-radius:12px !important;

    text-align:center !important;
  }

  .menu-toggle{
    position:relative !important;
    z-index:100000 !important;
  }

  body.menu-open .menu-toggle{
    position:fixed !important;
    top:18px !important;
    right:18px !important;
  }

  .menu-backdrop{
    z-index:99997 !important;
  }


  /* ===== FOOTER ===== */
  footer{
    margin:8px !important;
    padding:26px 18px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    gap:18px !important;
  }

  footer .logo.logo-premium{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  footer .logo.logo-premium .logo-main{
    display:block !important;
    width:auto !important;

    font-size:0 !important;
    line-height:1 !important;

    white-space:nowrap !important;
  }

  footer .logo.logo-premium .logo-main > *{
    display:none !important;
  }

  footer .logo.logo-premium .logo-main::after{
    content:"TARIK STUDIO" !important;

    display:block !important;

    width:max-content !important;
    max-width:100% !important;

    font-size:24px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;

    color:#fff !important;

    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }

  footer .logo.logo-premium > small{
    display:block !important;

    margin-top:8px !important;

    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:3px !important;

    color:#fff !important;

    white-space:nowrap !important;
  }

  footer > span{
    display:block !important;
    width:100% !important;

    margin:0 !important;

    line-height:1.5 !important;

    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  footer .admin-link{
    display:inline-flex !important;
    width:auto !important;
    margin:0 !important;
  }
}