/* ============================================================
   VALENTINA MOBILE + TABLET DRAWER — isolated hard fix
   Completely independent from the desktop .nav-links menu.
   ============================================================ */

.vt-mobile-menu-button,
.vt-mobile-menu-overlay,
.vt-mobile-drawer { display:none; }

@media (max-width:1260px){
  html,body{max-width:100%;overflow-x:hidden}
  body.vt-mobile-menu-open{overflow:hidden!important;touch-action:none}

  .site-header{z-index:8000!important}
  .site-header .nav-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    gap:12px!important;
    margin-inline:auto!important;
  }
  .site-header .brand{grid-column:1!important;min-width:0!important;max-width:calc(100vw - 94px)!important}
  .site-header .nav-links,.site-header .header-actions,.site-header .nav-toggle{display:none!important}

  .vt-mobile-menu-button{
    display:inline-flex!important;
    grid-column:2!important;
    width:50px;height:50px;min-width:50px;
    padding:0;border:1px solid rgba(255,255,255,.22);border-radius:15px;
    background:linear-gradient(145deg,rgba(14,40,65,.94),rgba(5,19,34,.96));
    box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
    align-items:center;justify-content:center;flex-direction:column;gap:5px;
    position:relative;z-index:8200;cursor:pointer;pointer-events:auto;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  }
  .vt-mobile-menu-button span{display:block;width:20px;height:2px;border-radius:99px;background:#fff;transition:transform .3s,opacity .2s}
  .vt-mobile-menu-button.is-active{background:linear-gradient(135deg,var(--gold),var(--teal));border-color:transparent}
  .vt-mobile-menu-button.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .vt-mobile-menu-button.is-active span:nth-child(2){opacity:0}
  .vt-mobile-menu-button.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .vt-mobile-menu-overlay{
    display:block!important;position:fixed;inset:0;z-index:9000;
    background:rgba(2,8,16,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
  }
  .vt-mobile-menu-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}

  .vt-mobile-drawer{
    display:flex!important;position:fixed;top:0;right:0;bottom:0;left:auto;
    width:min(91vw,440px);height:100vh;height:100dvh;z-index:9100;
    flex-direction:column;overflow:hidden;
    background:
      radial-gradient(circle at 92% 4%,rgba(23,201,192,.18),transparent 28%),
      radial-gradient(circle at 8% 96%,rgba(90,166,224,.14),transparent 30%),
      linear-gradient(180deg,#071728 0%,#09243c 56%,#061421 100%);
    border-left:1px solid rgba(255,255,255,.11);
    box-shadow:-32px 0 100px rgba(0,0,0,.56);
    transform:translate3d(105%,0,0);visibility:hidden;pointer-events:none;
    transition:transform .42s cubic-bezier(.22,1,.36,1),visibility .42s;
  }
  .vt-mobile-drawer.is-open{transform:translate3d(0,0,0);visibility:visible;pointer-events:auto}

  .vt-mobile-drawer-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:calc(18px + env(safe-area-inset-top)) 20px 18px;
    border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto;
  }
  .vt-mobile-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}
  .vt-mobile-brand img{width:42px;height:42px;object-fit:contain;flex:0 0 auto}
  .vt-mobile-brand span{display:flex;flex-direction:column;min-width:0}
  .vt-mobile-brand b{font-size:15px;letter-spacing:.16em;white-space:nowrap}
  .vt-mobile-brand small{color:#78c8e8;font-size:8px;letter-spacing:.24em;margin-top:3px;white-space:nowrap}

  .vt-mobile-drawer-close{
    width:44px;height:44px;min-width:44px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
    background:rgba(255,255,255,.055);position:relative;cursor:pointer;
  }
  .vt-mobile-drawer-close span{position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:99px;background:#fff}
  .vt-mobile-drawer-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
  .vt-mobile-drawer-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}

  .vt-mobile-drawer-links{
    display:block!important;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
    padding:12px 20px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  }
  .vt-mobile-drawer-links a{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;gap:10px!important;width:100%!important;min-height:64px!important;
    padding:13px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.095)!important;
    color:#fff!important;text-decoration:none!important;opacity:1!important;visibility:visible!important;
    transform:none!important;filter:none!important;font-size:inherit!important;line-height:1.3!important;
    transition:background .22s,color .22s,padding .22s!important;
  }
  .vt-mobile-drawer-links a:hover,.vt-mobile-drawer-links a.is-active{background:rgba(255,255,255,.045)!important;padding-inline:12px!important}
  .vt-mobile-link-en{display:block!important;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.08em!important;white-space:normal!important;opacity:1!important}
  .vt-mobile-link-ar{display:block!important;color:#91a8bc!important;font-size:12px!important;font-weight:600!important;white-space:normal!important;opacity:1!important}
  .vt-mobile-link-arrow{display:grid!important;place-items:center!important;width:30px;height:30px;border-radius:50%;color:var(--gold-2)!important;background:rgba(255,255,255,.055)!important;font-size:13px!important}
  .vt-mobile-drawer-links a.is-active .vt-mobile-link-en{color:var(--gold-2)!important}

  .vt-mobile-drawer-actions{display:grid;gap:10px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1);flex:0 0 auto}
  .vt-mobile-action{display:flex;align-items:center;justify-content:center;min-height:49px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;text-align:center}
  .vt-mobile-action-whatsapp{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.055)}
  .vt-mobile-action-book{color:#061421;background:linear-gradient(120deg,#fff,var(--gold-2))}

  .vt-mobile-drawer-foot{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:0 20px calc(16px + env(safe-area-inset-bottom));color:rgba(255,255,255,.38);flex:0 0 auto}
  .vt-mobile-drawer-foot span{font-size:10px;font-weight:900;letter-spacing:.2em}.vt-mobile-drawer-foot small{font-size:7px;letter-spacing:.16em}
}

@media(max-width:560px){
  .vt-mobile-drawer{width:min(94vw,410px)}
  .vt-mobile-menu-button{width:46px;height:46px;min-width:46px}
  .site-header .brand-mark{width:36px!important;height:36px!important}
  .site-header .brand-name b{font-size:13px!important}.site-header .brand-name span{font-size:8px!important;letter-spacing:.16em!important}
}

@media(min-width:1261px){
  .vt-mobile-menu-button,.vt-mobile-menu-overlay,.vt-mobile-drawer{display:none!important}
}