/* no_sticky.css — force normal document flow (header > catbar > content > footer) */

/* 1) Never pad body for a hypothetical fixed bar */
body{ padding-top: 0 !important; overflow: visible !important; }
body.has-topbar{ overflow: visible !important; }

/* 2) Ensure top-level containers can grow and page scrolls normally */
body.has-topbar main.container,
body.has-topbar .container.main,
body.has-topbar .container.home,
body.has-topbar > .container{
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* 3) Turn off any fixed/sticky attempts */
.topbar, .topbar-static, .site-header, .catbar{
  position: static !important;
  top: auto !important; left: auto !important; right: auto !important;
  z-index: auto !important;
  overflow: visible !important;
}

/* 4) Cat panel positioning reverts to default; avoid absolute overlay beneath header */
.topbar .catbar .cat-panel,
.topbar-static .catbar .cat-panel{
  position: static !important;
}

/* 5) Remove custom CSS variable effects */
:root{ --topbar-h: 0px !important; --header-fixed-h: 0px !important; }

/* Optional: tidy small gaps */
.topbar-static{ margin-bottom: 10px; }


/* === Tuning per request === */

/* Bigger logo without blowing layout */
.brand-logo{
  height: clamp(84px, 12vw, 140px) !important;
  width: auto !important;
  transform: translateX(var(--brand-offset, 0px)) translateY(0) !important;
}

/* Tighten header vertical padding */
.header-inner{
  padding-block: 4px !important;
  min-height: 0 !important;
}

/* Minimize space below catbar */
.catbar{
  margin-top: 8px !important;
  margin-bottom: 4px !important;
}

/* Ensure the first content section hugs the catbar */
.home > section:first-child,
.home > main > section:first-child,
.container.home > section:first-child{
  margin-top: 4px !important;
}

/* Chips row compact paddings */
.catbar .catbar-inner,
.catbar .chips{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


/* === Compact spacing pass (catbar & first section) === */
:root{
  --header-fixed-h: 0px !important;
  --topbar-h: 0px !important;
  --catbar-gap: 8px !important;
  --brand-hero-pad-top: 0px !important;
  --brand-hero-pad-bottom: 0px !important;
}

.brand-hero{ display:none !important; padding:0 !important; margin:0 !important; height:auto !important; }

.topbar-static{ margin-bottom: 0 !important; }

/* Ensure main doesn't add extra top margin */
main.container, .container.home{ margin-top: 0 !important; }

/* Catbar balanced gap */
.catbar{
  margin-top: var(--catbar-gap) !important;
  margin-bottom: var(--catbar-gap) !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* First section hugs the catbar */
.container.home > section:first-child,
main.container.home > section:first-child,
.home > section:first-child{ margin-top: 8px !important; }

/* Safety: Best-of wrapper should not introduce big margin */
.bestof-wrap{ margin-top: 8px !important; }


/* === Final pass: restore logo & compress catbar->content gap === */

/* 1) Logo görünürlüğü: hem <brand-hero> custom etiketi hem .brand-logo/.brand-hero sınıfları */
brand-hero, .brand-hero, .brand .brand-hero, .brand img.brand-hero,
.brand-logo, .brand img.brand-logo, .site-header .brand img{
  display: inline-block !important;
  opacity: 1 !important; visibility: visible !important;
  max-width: 100% !important; height: auto !important;
}

/* Logo boyutu (gerekirse büyüt/azalt) */
.brand-logo, .brand img.brand-logo, .brand-hero, brand-hero{
  height: clamp(84px, 12vw, 140px) !important;
}

/* Header kapsayıcı taşma/kırpma önlemi */
.site-header, .header-inner, .site-header .brand{
  overflow: visible !important;
}

/* 2) Catbar ile ilk içerik arasındaki boşluğu minimuma indir */
:root{ --catbar-gap: 6px !important; }  /* İstediğinde 4–10px arası oyna */

.catbar{ margin-top: var(--catbar-gap) !important; margin-bottom: var(--catbar-gap) !important; }
.topbar-static{ margin-bottom: 0 !important; }

/* İlk section mutlaka catbar’a yaklaşsın */
.topbar-static + main,
.topbar-static + .container,
.container.home{ margin-top: 0 !important; }

.container.home > section:first-child,
main.container.home > section:first-child,
.home > section:first-child,
section.bestof-wrap:first-child{ margin-top: 6px !important; }

/* Güvenlik: Best-of kendi üst marjını büyütmesin */
.bestof-wrap{ margin-top: 6px !important; }

/* Wave/arka plan gölge etkisi varsa görünsel ama boşluk yaratmasın */
.bestof-wrap::before{ margin-top: 0 !important; padding-top: 0 !important; }


/* === Catbar MORE: overlay dropdown (compact) === */
.topbar-static .catbar{ position: relative !important; }
.topbar-static .catbar .cat-panel{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: calc(100% + 8px) !important;
  width: min(1000px, 96vw) !important;
  max-height: 32vh !important;      /* compact height */
  overflow: auto !important;
  display: none !important;         /* hidden by default */
  background: rgba(255,255,255,.98) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(2,6,23,.12) !important;
  padding: 8px !important;
  z-index: 2000 !important;
}
.topbar-static .catbar.open .cat-panel{ display: block !important; animation: catPanelDrop .16s ease-out both; }
@keyframes catPanelDrop{ from{ transform: translate(-50%,-4px); opacity:.0 } to{ transform: translate(-50%,0); opacity:1 } }

/* Keep base gap minimal whether open or closed */
.topbar-static .catbar{ margin-bottom: var(--catbar-gap,8px) !important; }


/* === Catbar overlay: stronger layering + compact chip sizing === */
.topbar-static{ position: relative !important; z-index: 99990 !important; }
.topbar-static .catbar{ position: relative !important; z-index: 99991 !important; }
.topbar-static .catbar .cat-panel{
  position: fixed !important;   /* fixed to viewport for robust z-index over iframes/canvases */
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* 'top' is computed via JS on open for correct placement */
  width: min(1000px, 96vw) !important;
  max-height: 36vh !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  display: none !important;
  background: rgba(255,255,255,.98) !important;
  backdrop-filter: blur(8px) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(2,6,23,.18) !important;
  padding: 6px !important;
  z-index: 99999 !important;
}
.topbar-static .catbar.open .cat-panel{ display: block !important; animation: catPanelDrop .16s ease-out both; }
@keyframes catPanelDrop{ from{ transform: translate(-50%,-6px); opacity:.0 } to{ transform: translate(-50%,0); opacity:1 } }

/* Compact chip sizing inside the panel */
.topbar-static .catbar .cat-panel .catbtn{
  padding: 6px 8px !important;
  border-radius: 10px !important;
  min-height: 32px !important;
  min-width: 76px !important;
  margin: 4px !important;
}
.topbar-static .catbar .cat-panel .catbtn .icon img{ width: 20px !important; height: 20px !important; }
.topbar-static .catbar .cat-panel .catbtn .label{ font-size: 12px !important; line-height: 1.1 !important; }

/* Slightly tighter grid inside the panel */
.topbar-static .catbar .cat-panel .row{ gap: 8px !important; }


/* === Catbar panel ULTRA COMPACT mode === */
.topbar-static .catbar .cat-panel{
  padding: 4px !important;
  max-height: 32vh !important;        /* keep panel compact */
}
/* Support both .catbtn and .cat-chip variants */
.topbar-static .catbar .cat-panel .catbtn,
.topbar-static .catbar .cat-panel .cat-chip{
  padding: 4px 6px !important;
  border-radius: 8px !important;
  min-height: 26px !important;
  min-width: 64px !important;
  margin: 3px !important;
  border-width: 1px !important;
}
.topbar-static .catbar .cat-panel .catbtn .icon img,
.topbar-static .catbar .cat-panel .cat-chip .icon img{
  width: 16px !important;
  height: 16px !important;
}
.topbar-static .catbar .cat-panel .catbtn .label,
.topbar-static .catbar .cat-panel .cat-chip .label{
  font-size: 11px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
.topbar-static .catbar .cat-panel .row{ gap: 6px !important; }


/* === Catbar panel ULTRA COMPACT v2 (chips shrink-to-content) === */
.topbar-static .catbar .cat-panel{
  padding: 4px !important;
  max-height: 30vh !important;
}

/* Normalize grid into flexible wrap with tiny gaps */
.topbar-static .catbar .cat-panel .row{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset any column padding that inflates boxes */
.topbar-static .catbar .cat-panel [class*="col"]{
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* The chip itself should size to its content (icon + label) */
.topbar-static .catbar .cat-panel .catbtn,
.topbar-static .catbar .cat-panel .cat-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  border-width: 1px !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Icon + label downscale */
.topbar-static .catbar .cat-panel .catbtn .icon img,
.topbar-static .catbar .cat-panel .cat-chip .icon img{
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
}
.topbar-static .catbar .cat-panel .catbtn .label,
.topbar-static .catbar .cat-panel .cat-chip .label{
  font-size: 11px !important;
  line-height: 1.1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove phantom gaps from list wrappers if any */
.topbar-static .catbar .cat-panel ul,
.topbar-static .catbar .cat-panel li{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}


/* === ULTRA COMPACT v3: grid minmax override + tiny chips (panel only) === */
.topbar-static .catbar .cat-panel .grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(64px, max-content)) !important;
  gap: 4px !important;
  padding: 4px !important;
}
/* ensure grid items don't stretch */
.topbar-static .catbar .cat-panel .grid > *{
  min-width: 0 !important;
  max-width: max-content !important;
}

/* shrink chip to icon+label */
.topbar-static .catbar .cat-panel .catbtn{
  padding: 2px 6px !important;
  border-radius: 8px !important;
  border-width: 1px !important;
  gap: 4px !important;
}
.topbar-static .catbar .cat-panel .catbtn .icon img{ width: 14px !important; height: 14px !important; }
.topbar-static .catbar .cat-panel .catbtn .label{ font-size: 11px !important; line-height: 1.1 !important; }

/* Make sure panel is fixed overlay and above everything */
.topbar-static{ z-index: 99990 !important; position: relative !important; }
.topbar-static .catbar{ z-index: 99991 !important; position: relative !important; }
.topbar-static .catbar .cat-panel{
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  max-height: 32vh !important;
  overflow: auto !important;
}