/* Ank Appbar — iOS cam/buz bottom bar */
:root{
  --ank-appbar-accent: #0A84FF;
  --ank-appbar-fg: #ffffff;
  --ank-appbar-fg-dim: #dfe6f0;
  --ank-appbar-bg: rgba(20,20,20,.35);
  --ank-appbar-br: 18px;
  --ank-appbar-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Masaüstünde gizli */
.ank-appbar{ display:none; }

@media (max-width: 768px){
  .ank-appbar{
    position: fixed; left: 50%; transform: translateX(-50%);
    bottom: env(safe-area-inset-bottom, 0);
    width: min(720px, calc(100% - 16px));
    z-index: 9999;
    background: var(--ank-appbar-bg);
    -webkit-backdrop-filter: saturate(160%) blur(18px);
    backdrop-filter: saturate(160%) blur(18px);
    border: 1px solid rgba(255,255,255,.18);
    border-top: 1px solid rgba(255,255,255,.28);
    box-shadow: var(--ank-appbar-shadow);
    border-radius: var(--ank-appbar-br);
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0));
    display:block;
  }

  .ank-appbar__menu{
    list-style:none; margin:0; padding:0;
    display:flex; justify-content:space-between; gap:6px;
  }
  .ank-appbar__item{ flex:1; }

  .appbar__btn{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:6px; padding:8px 6px; border-radius:12px; text-decoration:none;
    color:var(--ank-appbar-fg-dim);
  }
  .appbar__icon{
    width: 100%; height:22px; fill:currentColor; opacity:.95; display:block;
  }
  .appbar__btn span{
    font:500 11px/1 "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    letter-spacing:.2px; white-space:nowrap;
  }

  .appbar__btn[aria-current="page"]{
    color:var(--ank-appbar-fg);
    position:relative; transition:transform .2s ease;
  }
  .appbar__btn[aria-current="page"]::before{
    content:"";
    position:absolute; inset:auto 8px 6px 8px; top:6px;
    border-radius:14px;
    background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08));
    border:1px solid rgba(255,255,255,.26);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 4px 12px rgba(0,0,0,.25);
    z-index:-1;
  }
  .appbar__btn[aria-current="page"] .appbar__icon{
    color: var(--ank-appbar-accent);
    filter: drop-shadow(0 2px 6px rgba(10,132,255,.45));
  }

  .appbar__btn:active { transform: translateY(1px); }
}

/* Alt boşluk */
@media (max-width:768px){
  body.has-ank-appbar{ scroll-padding-bottom: 100px; }
}


/* --- FIX: Keep appbar pinned & preserve layout space --- */
@media (max-width: 768px){
  .ank-appbar{
    position: fixed !important;
    bottom: max(0px, env(safe-area-inset-bottom)) !important;
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 2147483647; /* top-most */
  }
  body{
    padding-bottom: calc(var(--ank-appbar-pad, 88px) + env(safe-area-inset-bottom)) !important;
  }
}


/* === Ank Appbar: Centering & Responsive Override (v1.1.3) === */

/* Base: make sure the bar is horizontally centered at the very bottom */
@media (max-width: 1200px){
  .ank-appbar{
    position: fixed !important;
    inset-block-end: max(0px, env(safe-area-inset-bottom)) !important; /* bottom */
    inset-inline-start: 50% !important; /* left */
    transform: translateX(-50%) !important;
    z-index: 2147483647 !important;
    width: min( calc(100vw - 24px), 640px ) !important; /* responsive width */
    margin: 0 auto !important;
    right: auto !important; left: 50% !important;
  }
  .ank-appbar__inner{
    width: 100% !important;
  }
  /* Ensure buttons distribute evenly and remain centered */
  .ank-appbar__buttons{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
    justify-items: center !important;
  }
}

/* Provide layout padding so content never hides behind the bar */
:root{ --ank-appbar-pad: 88px; }
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body.has-ank-appbar{
    padding-bottom: calc(var(--ank-appbar-pad) + env(safe-area-inset-bottom)) !important;
  }
}


/* ==== ANK APPBAR: Edge-to-Edge Responsive Fix (v2, 2025-09-24) ====
   Non-breaking enhancement to align the bar flush to the left and right edges,
   without altering plugin settings. Includes safe-area support and high z-index.
*/
:root {
  --ank-appbar-max-width: 100%;
}

/* Core container */
.ank-appbar,
.ank-appbar__container {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: var(--ank-appbar-max-width);
  margin: 0;
  padding-left: max(8px, env(safe-area-inset-left));
  padding-right: max(8px, env(safe-area-inset-right));
  padding-bottom: max(6px, env(safe-area-inset-bottom));
  z-index: 2147483000; /* on top of most themes */
  box-sizing: border-box;
}

/* Ensure inner track stretches full width */
.ank-appbar__track,
.ank-appbar__inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}

/* Buttons distribute evenly and stay on a single line on mobile */
.ank-appbar__items,
.ank-appbar__buttons,
.ank-appbar .ank-appbar__items {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* Prevent unwanted outer spacing from themes */
.ank-appbar,
.ank-appbar * {
  border-spacing: 0;
}

/* Optional: limit height and handle overflow safely */
.ank-appbar {
  overflow: visible;
}

/* Respect existing dark/light styles; do not set background or colors here */
@media (min-width: 768px) {
  /* Keep edge-to-edge behavior on tablets as requested */
  .ank-appbar,
  .ank-appbar__container {
    left: 0;
    right: 0;
  }
}



/* ==== ANK APPBAR: Absolute Flush Edges Override (v3, 2025-09-24) ====
   Forces the app bar to touch left/right screen edges exactly.
   Safe-area insets only (no extra padding/margins).
*/
.ank-appbar,
.ank-appbar__container {
  position: fixed !important;
  inset: auto 0 0 0 !important; /* top right bottom left */
  width: 100vw !important;      /* ignore parent containers */
  max-width: 100vw !important;
  margin: 0 !important;
  padding-left: env(safe-area-inset-left) !important;
  padding-right: env(safe-area-inset-right) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

.ank-appbar__track,
.ank-appbar__inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Remove any outer shadows/margins that could imply a gap (optional, uncomment if needed) */
/*
.ank-appbar {
  box-shadow: none !important;
}
*/

/* Ensure button row uses full width without implicit inner gutters */
.ank-appbar__items,
.ank-appbar__buttons,
.ank-appbar .ank-appbar__items {
  gap: 0.5rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Neutralize theme containers that wrap the bar */
.ank-appbar :where(.container, .ux-container, .wrapper, .row) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}



/* ==== ANK APPBAR: Centered + Flush Edges Override (v4, 2025-09-24) ====
   Keeps the bar perfectly edge-to-edge while remaining visually centered.
   Avoids 100vw scroll-jank; uses left/right anchors instead.
*/
.ank-appbar,
.ank-appbar__container {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;        /* stretch between left/right */
  max-width: 100% !important;    /* never exceed viewport */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: env(safe-area-inset-left) !important;
  padding-right: env(safe-area-inset-right) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  transform: none !important;    /* neutralize theme centering tricks */
  translate: none !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

/* Inner wrappers should not introduce side gaps */
.ank-appbar__track,
.ank-appbar__inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Neutralize common theme containers that may re-center with fixed widths */
.ank-appbar :where(.container, .ux-container, .wrapper, .row) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Prevent accidental horizontal overflow */
html, body {
  overflow-x: hidden;
}