/* Offline ekranda alt durum çubuğu kayıt butonlarını kapatmasın */
html, body { min-height: 100%; }
body.has-offline-bottom-banner { padding-bottom: 110px !important; }
@media (max-width: 768px) {
  body.has-offline-bottom-banner { padding-bottom: 150px !important; }
  body.has-offline-bottom-banner form,
  body.has-offline-bottom-banner .appointment-form,
  body.has-offline-bottom-banner .modal-body,
  body.has-offline-bottom-banner .page-content,
  body.has-offline-bottom-banner main {
    padding-bottom: 90px !important;
  }
}


/* V20_32 Mobil alt menü boşluk düzeltmesi */
@media(max-width:860px){
  html,body{padding-bottom:0!important;margin-bottom:0!important;min-height:auto!important;}
  body.has-offline-bottom-banner{padding-bottom:0!important;}
  .main,.wrap,.content,.page-content,.container,.app-content,.dashboard-content{padding-bottom:8px!important;margin-bottom:0!important;}
  .mobile-bottom-nav,.mobile-ux-bottom-nav{bottom:0!important;}
}


/* V20_33 Mobil alt menü kompakt/şık düzeltme */
@media (max-width: 860px){
  :root{
    --mobile-bottom-safe: env(safe-area-inset-bottom, 0px);
    --mobile-bottom-menu-height: 58px;
    --mobile-bottom-menu-total: calc(var(--mobile-bottom-menu-height) + var(--mobile-bottom-safe));
  }

  html, body{
    margin-bottom: 0 !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
  }

  body{
    padding-bottom: calc(var(--mobile-bottom-menu-total) + 10px) !important;
  }

  .main,.wrap,.content,.page-content,.container,.app-content,.dashboard-content{
    padding-bottom: calc(var(--mobile-bottom-menu-total) + 12px) !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  .mobile-ux-bottom-nav{display:none !important;}

  .mobile-bottom-nav{
    display:grid !important;
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-height:var(--mobile-bottom-menu-total) !important;
    height:var(--mobile-bottom-menu-total) !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:5px 10px calc(5px + var(--mobile-bottom-safe)) 10px !important;
    margin:0 !important;
    border-radius:16px 16px 0 0 !important;
    border:0 !important;
    border-top:1px solid rgba(210,225,235,.9) !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 -8px 22px rgba(15,23,42,.10) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    z-index:2147483000 !important;
    box-sizing:border-box !important;
    transform:translateZ(0) !important;
  }

  .mobile-bottom-nav a{
    min-width:0 !important;
    min-height:44px !important;
    height:44px !important;
    padding:3px 2px !important;
    border-radius:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:1px !important;
    color:#59616d !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.05 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .mobile-bottom-nav a.active{
    background:linear-gradient(135deg,rgba(209,232,247,.95),rgba(235,247,255,.95)) !important;
    color:#1e3a50 !important;
    box-shadow:inset 0 0 0 1px rgba(160,205,232,.55) !important;
  }

  .mobile-bottom-nav b{
    font-size:20px !important;
    line-height:1 !important;
    font-weight:400 !important;
  }

  .mobile-bottom-nav span{
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .language-switcher,
  .language-floating,
  .lang-floating,
  .ml-language-switcher,
  .ct-language-switcher,
  #languageSwitcher,
  #language-switcher{
    bottom:calc(var(--mobile-bottom-menu-total) + 10px) !important;
    z-index:2147482990 !important;
  }

  .modal, .modal-content, .ajax-modal, .appointment-modal{
    max-height:calc(100dvh - 8px) !important;
  }
  .modal-body, .ajax-modal-body, .appointment-modal-body{
    padding-bottom:calc(var(--mobile-bottom-menu-total) + 24px) !important;
  }
  .modal-footer,
  .ajax-modal-footer,
  .appointment-modal-footer,
  .form-actions.sticky,
  .sticky-actions{
    position:sticky !important;
    bottom:calc(var(--mobile-bottom-menu-total) + 6px) !important;
    z-index:2147483001 !important;
    background:rgba(255,255,255,.98) !important;
  }
}