/* Tablet ana site: 741px - 1024px */
@media (min-width:741px) and (max-width:1024px){
  .site-header{padding:14px 28px}
  .brand strong{max-width:280px}
  .nav{display:none;position:absolute;left:24px;right:24px;top:78px;background:#fff;border:1px solid #dbe7f7;border-radius:22px;padding:14px;box-shadow:0 18px 50px rgba(15,23,42,.14);flex-direction:column;align-items:stretch}
  .nav.open{display:flex}
  .menu-btn{display:block}
  .hero{grid-template-columns:1fr;min-height:auto;padding:60px 32px}
  .hero h1{font-size:64px;letter-spacing:-2.4px}
  .hero-visual{min-height:330px}
  .glass-card{left:50%;right:auto;transform:translateX(-50%);width:min(520px,92%)}
  .section{padding:58px 32px}
  .feature-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .game-cta{margin:32px;padding:34px;flex-direction:column;align-items:flex-start}
  .contact-strip{margin:36px 32px;padding:32px;flex-direction:column;align-items:flex-start}
  .contact-page{display:grid;grid-template-columns:1fr;gap:24px;padding:60px 32px}
  .footer{padding:30px 32px;flex-direction:column;align-items:flex-start}
}

/* v1.4 logo tablet */
@media (min-width:741px) and (max-width:1024px){
  .brand-with-logo{max-width:calc(100vw - 110px)}
  .brand-logo{height:54px;max-width:310px}
}


/* v1.5 tablet logo ve sade renk */
@media (min-width:741px) and (max-width:1024px){
  .brand-logo{height:52px;max-width:330px}
  .hero h1{font-size:58px}
  .glass-card{box-shadow:0 18px 42px rgba(23,32,51,.07)!important}
  .menu-btn{background:var(--dga-blue-soft);color:var(--dga-blue-dark)}
}


/* ===== v1.22 Tablet Premium Header ===== */
@media (min-width:741px) and (max-width:1024px){
  .site-header{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:12px !important;
    padding:12px 24px !important;
  }

  .brand-with-logo{
    max-width:calc(100vw - 130px) !important;
  }

  .brand-logo{
    height:50px !important;
    max-width:300px !important;
  }

  .menu-btn{
    justify-self:end !important;
    background:#fff !important;
    border:1px solid var(--dga-line) !important;
    box-shadow:0 8px 18px rgba(23,32,51,.045) !important;
  }

  .header-search{
    grid-column:1/-1 !important;
    width:100% !important;
    flex-basis:auto !important;
    order:3 !important;
    margin-top:0 !important;
  }

  .nav{
    grid-column:1/-1 !important;
    top:116px !important;
    left:24px !important;
    right:24px !important;
    border-radius:24px !important;
    background:#fff !important;
    padding:12px !important;
  }
}


/* ===== v1.82 Drawer puslanma düzeltmesi =====
   Overlay artık bulanıklaştırmaz; drawer ve kapatma butonu overlay üstünde net kalır. */

/* ===== v1.81 Tablet Sağdan Açılır Menü / Drawer =====
   Tablet görünümünde menü sağdan sola kayan geniş drawer olarak açılır. */
@media (min-width:741px) and (max-width:1024px){
  body.front-nav-open{
    overflow:hidden !important;
  }

  body.front-nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.16);
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:260;
  }

  .site-header{
    z-index:520 !important;
  }

  .menu-btn{
    position:relative !important;
    z-index:580 !important;
  }

  body.front-nav-open .menu-btn{
    position:fixed !important;
    top:18px !important;
    right:24px !important;
    width:50px !important;
    height:50px !important;
    border-radius:17px !important;
    background:#fff !important;
    color:var(--dga-blue-dark) !important;
    border:1px solid rgba(10,158,216,.22) !important;
    box-shadow:0 18px 42px rgba(15,23,42,.18) !important;
  }

  .nav{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:auto !important;
    width:min(420px,76vw) !important;
    max-width:420px !important;
    height:100vh !important;
    height:100dvh !important;
    grid-column:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:9px !important;
    padding:90px 22px 28px !important;
    border-radius:30px 0 0 30px !important;
    border:1px solid rgba(10,158,216,.16) !important;
    border-right:0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%) !important;
    box-shadow:-28px 0 80px rgba(15,23,42,.20) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    transform:translateX(108%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .30s cubic-bezier(.22,.84,.32,1), visibility 0s linear .30s !important;
    z-index:560 !important;
  }

  .nav::before{
    content:"Menü";
    display:block;
    margin:0 0 8px;
    color:var(--dga-blue-dark);
    font-weight:950;
    font-size:21px;
    letter-spacing:-.35px;
  }

  .nav.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition-delay:0s !important;
  }

  .nav > a,
  .nav-parent{
    width:100% !important;
    justify-content:space-between !important;
    border-radius:17px !important;
    padding:15px 15px !important;
    font-size:15px !important;
    background:#fff !important;
    border:1px solid rgba(219,231,247,.95) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
  }

  .nav > a:hover,
  .nav-parent:hover,
  .nav-dropdown.open .nav-parent{
    background:var(--dga-blue-soft) !important;
    color:var(--dga-blue-dark) !important;
  }

  .nav .game-link{
    background:var(--dga-orange) !important;
    color:#fff !important;
    border-color:transparent !important;
  }

  .submenu{
    margin:8px 0 10px !important;
    padding:8px !important;
    border:1px solid rgba(219,231,247,.95) !important;
    background:#fff !important;
    border-radius:17px !important;
  }
}

/* ===== v1.83 Tablet drawer alt menü hizalama fix =====
   Sağdan açılan drawer içinde ana menü başlıklarına dokununca alt menü artık
   sağ tarafa taşmaz; başlığın hemen altında, drawer akışı içinde listelenir. */
@media (min-width:741px) and (max-width:1024px){
  .nav .nav-dropdown{
    position:relative !important;
    display:block !important;
    width:100% !important;
  }

  .nav .nav-dropdown::after{
    display:none !important;
    content:none !important;
  }

  .nav .submenu,
  .nav .nav-dropdown:hover .submenu,
  .nav .nav-dropdown:focus-within .submenu{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:8px 0 10px !important;
    padding:9px !important;
    border:1px solid rgba(10,158,216,.14) !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 10px 24px rgba(15,23,42,.035) !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
    z-index:auto !important;
    display:none !important;
  }

  .nav .submenu::before{
    display:none !important;
    content:none !important;
  }

  .nav .nav-dropdown.open > .submenu{
    display:grid !important;
    gap:5px !important;
    animation:dgaTabletSubmenuDrop .18s ease both;
  }

  .nav .nav-dropdown:not(.open) > .submenu{
    display:none !important;
  }

  .nav .submenu a{
    width:100% !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    padding:12px 13px !important;
    border-radius:14px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .nav .submenu a:hover,
  .nav .submenu a:focus{
    background:var(--dga-blue-soft) !important;
    color:var(--dga-blue-dark) !important;
  }

  @keyframes dgaTabletSubmenuDrop{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }
}


/* ===== v1.86 Tablet drawer premium hiyerarşi fix =====
   Alt menüdeki sol çizgi kaldırıldı; hiyerarşi sadece kart derinliği, boşluk,
   yazı ağırlığı ve yumuşak premium yüzeylerle ayrılır. */
@media (min-width:741px) and (max-width:1024px){
  .nav .nav-dropdown{
    margin:3px 0 7px !important;
  }

  .nav .nav-dropdown.open{
    padding:9px !important;
    border-radius:24px !important;
    background:linear-gradient(180deg,rgba(236,249,255,.98) 0%,rgba(255,255,255,.98) 100%) !important;
    border:1px solid rgba(10,158,216,.16) !important;
    box-shadow:0 20px 44px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .nav .nav-dropdown.open > .nav-parent{
    position:relative !important;
    overflow:hidden !important;
    background:linear-gradient(135deg,#10a8de 0%,#057ec1 62%,#056aa8 100%) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:0 14px 30px rgba(10,126,193,.26), inset 0 1px 0 rgba(255,255,255,.18) !important;
    padding-left:17px !important;
  }

  .nav .nav-dropdown.open > .nav-parent::before{
    content:"" !important;
    position:absolute !important;
    inset:-40% auto auto -16% !important;
    width:92px !important;
    height:92px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.18) !important;
    box-shadow:78px 22px 0 rgba(255,255,255,.08) !important;
    pointer-events:none !important;
  }

  .nav .nav-dropdown.open > .nav-parent span{
    position:relative !important;
    z-index:1 !important;
    color:#fff !important;
    opacity:.98 !important;
  }

  .nav .nav-dropdown.open > .submenu{
    position:relative !important;
    margin:11px 4px 4px !important;
    padding:9px !important;
    border-radius:20px !important;
    border:1px solid rgba(10,158,216,.11) !important;
    border-left:1px solid rgba(10,158,216,.11) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,252,255,.98) 100%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 24px rgba(15,23,42,.045) !important;
  }

  .nav .nav-dropdown.open > .submenu::before{
    display:none !important;
    content:none !important;
  }

  .nav .submenu a{
    position:relative !important;
    min-height:44px !important;
    padding:11px 14px 11px 36px !important;
    border-radius:15px !important;
    color:#172033 !important;
    font-size:14px !important;
    font-weight:800 !important;
    background:linear-gradient(180deg,#fff 0%,#f9fdff 100%) !important;
    border:1px solid rgba(219,231,247,.92) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
  }

  .nav .submenu a::before{
    content:"" !important;
    position:absolute !important;
    left:15px !important;
    top:50% !important;
    width:7px !important;
    height:7px !important;
    transform:translateY(-50%) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#9bdfff,#0a9ed8) !important;
    box-shadow:0 0 0 4px rgba(10,158,216,.08) !important;
  }

  .nav .submenu a:hover,
  .nav .submenu a:focus{
    background:linear-gradient(180deg,#eaf8ff 0%,#f7fcff 100%) !important;
    border-color:rgba(10,158,216,.24) !important;
    color:var(--dga-blue-dark) !important;
    transform:translateX(2px) !important;
  }

  .nav > a{
    margin:3px 0 7px !important;
  }
}


/* ===== v1.87 Tablet drawer iç scroll + alt alan görünürlük fix =====
   Drawer yüksekliği padding ile taşmasın diye border-box kullanılır; uzun menüler
   kendi içinde kayar ve alt kısım kesilmez. */
@media (min-width:741px) and (max-width:1024px){
  .nav{
    box-sizing:border-box !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    padding-bottom:calc(118px + env(safe-area-inset-bottom, 0px)) !important;
    scrollbar-gutter:stable both-edges !important;
  }

  .nav::-webkit-scrollbar{
    width:8px !important;
  }

  .nav::-webkit-scrollbar-track{
    background:rgba(219,231,247,.55) !important;
    border-radius:999px !important;
  }

  .nav::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(10,158,216,.70),rgba(5,126,193,.78)) !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.82) !important;
  }

  .nav::after{
    content:"" !important;
    display:block !important;
    flex:0 0 24px !important;
    height:24px !important;
  }

  .nav .game-link{
    margin-bottom:4px !important;
  }
}


/* ===== v1.89 Tablet drawer portal + temiz scroll fix =====
   v1.88'de drawer header içinde sıkışıp beyaz kutuya dönüyordu. Bu fix,
   JS ile menüyü açılış sırasında body seviyesine taşır; CSS de sadece bu portal
   durumunda tam ekran sağ drawer + içeriden scroll uygular. */
@media (min-width:741px) and (max-width:1024px){
  body.front-nav-open{
    overflow:hidden !important;
  }

  body.front-nav-open::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(15,23,42,.22) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:9990 !important;
  }

  body.front-nav-open .menu-btn{
    z-index:10030 !important;
  }

  .nav.dga-drawer-portal{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(430px,82vw) !important;
    max-width:min(430px,82vw) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    box-sizing:border-box !important;
    grid-column:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:90px 18px calc(148px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:26px 0 0 26px !important;
    border:1px solid rgba(10,158,216,.16) !important;
    border-right:0 !important;
    background:linear-gradient(180deg,#ffffff 0%,#f4fbff 100%) !important;
    box-shadow:-24px 0 70px rgba(15,23,42,.22) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
    transform:translateX(108%) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.22,.84,.32,1), visibility 0s linear .28s !important;
    z-index:10010 !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(10,158,216,.75) rgba(219,231,247,.55) !important;
  }

  .nav.dga-drawer-portal.open{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition-delay:0s !important;
  }

  .nav.dga-drawer-portal > *,
  .nav.dga-drawer-portal .nav-dropdown,
  .nav.dga-drawer-portal .submenu,
  .nav.dga-drawer-portal .submenu a{
    flex:0 0 auto !important;
  }

  .nav.dga-drawer-portal::after{
    content:"" !important;
    display:block !important;
    flex:0 0 104px !important;
    min-height:104px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar{
    width:7px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar-track{
    background:rgba(219,231,247,.55) !important;
    border-radius:999px !important;
  }

  .nav.dga-drawer-portal::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(10,158,216,.70),rgba(5,126,193,.78)) !important;
    border-radius:999px !important;
    border:2px solid rgba(255,255,255,.82) !important;
  }

  .nav.dga-drawer-portal .game-link{
    margin-bottom:12px !important;
  }
}

/* ===== v1.90 Tablet duyuru bandı okunabilirlik fix ===== */
@media (min-width:741px) and (max-width:1024px){
  .notice-bar{
    padding:12px 24px !important;
    border-bottom:0 !important;
    box-shadow:0 12px 32px rgba(10,158,216,.12) !important;
  }

  .notice-bar-inner{
    max-width:none !important;
    width:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-content:stretch !important;
    gap:12px !important;
    padding-right:44px !important;
  }

  .notice-message{
    min-width:0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
    gap:8px !important;
    line-height:1.25 !important;
  }

  .notice-message strong{
    width:auto !important;
    white-space:nowrap !important;
  }

  .notice-action{
    width:auto !important;
    white-space:nowrap !important;
    border-radius:14px !important;
    padding:10px 16px !important;
  }

  .notice-close{
    right:24px !important;
    width:34px !important;
    height:34px !important;
  }
}


/* ===== v1.91 Tablet son uyum: drawer/cookie/erişilebilirlik çakışma temizliği ===== */
@media (min-width:741px) and (max-width:1024px){
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:520 !important;
    overflow:visible !important;
  }

  .brand-with-logo{
    min-width:0 !important;
  }

  .brand-logo{
    width:auto !important;
    max-width:min(280px, calc(100vw - 118px)) !important;
    object-fit:contain !important;
  }

  .nav.dga-drawer-portal{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:100vh !important;
    height:100dvh !important;
    max-height:100vh !important;
    max-height:100dvh !important;
    width:min(48vw, 430px) !important;
    padding:82px 20px calc(132px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom:140px !important;
    overscroll-behavior:contain !important;
  }

  .nav.dga-drawer-portal::before{
    position:sticky !important;
    top:-82px !important;
    z-index:2 !important;
    margin:-2px -2px 10px !important;
    padding:2px 0 7px !important;
    background:linear-gradient(180deg,#ffffff 0%,rgba(255,255,255,.94) 100%) !important;
  }

  .nav.dga-drawer-portal::after{
    flex-basis:120px !important;
    min-height:120px !important;
  }

  body.front-nav-open .cookie-consent,
  body.front-nav-open .accessibility-tools,
  body.front-nav-open .back-to-top{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translateY(12px) !important;
  }

  .cookie-consent{
    z-index:360 !important;
  }

  body.dga-cookie-visible .accessibility-tools{
    bottom:calc(122px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .accessibility-tools{
    z-index:370 !important;
  }

  .accessibility-panel{
    max-height:64vh !important;
    overflow-y:auto !important;
  }

  .notice-bar-inner,
  .notice-message,
  .notice-message strong,
  .notice-message span:not(.notice-icon){
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }
}