/**
 * HaberCMS — sayfa iskeleti
 *
 * 1. Dock: position fixed — her zaman ekranda
 * 2. Footer: kısa sayfada viewport dibine yapışır, altında boşluk yok
 *    (site-bottom padding + footer ile aynı zemin, dock alanı dahil)
 */

:root {
    --dock-bar-height: 56px;
    --dock-safe-bottom: env(safe-area-inset-bottom, 0px);
    --dock-collapse-stack: calc(20px + 0.35rem);
    --dock-shell-pad-bottom: 0.62rem;
    /* Dock pill + gizle butonu + alt boşluk — arama/menü sheet konumu için */
    --dock-h: calc(
        var(--dock-shell-pad-bottom) +
        var(--dock-bar-height) +
        var(--dock-collapse-stack) +
        var(--dock-safe-bottom)
    );
    --dock-offset: var(--dock-h);
    --z-dock-overlay: 9000;
    --z-dock: 10000;
    --z-dock-sheet: 10010;
}

@media (max-width: 767.98px) {
    :root {
        --dock-bar-height: 60px;
        --dock-pill-width: calc(
            100vw - max(0.4rem, env(safe-area-inset-left, 0px)) - max(0.4rem, env(safe-area-inset-right, 0px))
        );
    }
}

html.habercms-glass-ui {
    height: 100%;
}

html.habercms-glass-ui body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding-bottom: 0 !important;
    margin: 0;
}

.site-main {
    flex: 1 1 auto !important;
    width: 100% !important;
}

/* Footer paneli — sayfa dibine kadar, dock yüksekliği dahil */
html.habercms-glass-ui .site-bottom {
    flex-shrink: 0 !important;
    margin-top: auto !important;
    width: 100% !important;
    padding-bottom: var(--dock-offset) !important;
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-top: 1px solid var(--glass-border) !important;
}

html.habercms-glass-ui .site-footer {
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding-top: 2rem !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: none !important;
}

html.habercms-glass-ui .site-footer::before {
    display: none !important;
}

html.habercms-glass-ui .footer-bottom-bar {
    margin-bottom: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 0.75rem !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 1px solid var(--glass-border) !important;
}

html[data-theme="dark"].habercms-glass-ui .site-bottom {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-top: 1px solid var(--glass-border) !important;
}

html[data-theme="dark"].habercms-glass-ui .footer-bottom-bar {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Dock — fixed, şeffaf zemin; yalnızca pill */
html.habercms-glass-ui .site-dock {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: var(--z-dock) !important;
    margin: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    padding: 0 0.75rem calc(0.62rem + var(--dock-safe-bottom));
    pointer-events: none;
    transform: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

html.site-dock-collapsed {
    --dock-collapse-stack: 0px;
    --dock-bar-height: 0px;
    --dock-shell-pad-bottom: 0.42rem;
    --dock-h: calc(24px + var(--dock-shell-pad-bottom) + var(--dock-safe-bottom));
    --dock-offset: var(--dock-h);
}

@media (prefers-reduced-motion: reduce) {
    .site-dock-inner,
    .site-dock-reveal,
    .site-dock-collapse {
        transition-duration: 0.01s !important;
    }
}

html.habercms-glass-ui body.page-auth .site-main {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* SPA geçişi */
.site-main.is-spa-loading {
    opacity: 0.55;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

/* Arama / menü — blur tam ekran; dock üst katmanda görünür kalır */
.search-sheet-overlay,
.mobile-nav-overlay {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: var(--z-dock-overlay) !important;
}
.search-sheet,
.mobile-nav.glass-nav-pane {
    z-index: var(--z-dock-sheet) !important;
}
html.habercms-glass-ui .site-dock,
html.habercms-glass-ui .site-dock-reveal {
    z-index: var(--z-dock) !important;
}