/* forum2014 (vBulletin 4 görünümü) — sayfa kabı, logo şeridi, navbar, forum listesi, sidebar, footer. Ön ek: f14- */
body.f14-body { background: var(--f14-page-bg); color: var(--f14-text); font-family: var(--f14-font); font-size: 13px; }
.f14-page { width: 95%; max-width: 1280px; margin: 0 auto; background: transparent; }
.f14-page a { color: var(--f14-link); }
.f14-page a:hover { color: var(--f14-link-hover); }

/* Staff şeridi */
.f14-staffbar__in { max-width: 1280px; margin: 0 auto; padding: 0 12px; }

/* Logo şeridi (vB4 header) */
.f14-header { background: linear-gradient(to bottom, #fff 0%, #f3f6fa 100%); color: var(--f14-text); border: 1px solid var(--f14-border-strong); border-bottom: 0; border-radius: 5px 5px 0 0; margin-top: 8px; }
.f14-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
.f14-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.f14-brand__icon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: var(--f14-head-grad); color: #fff; border-radius: 6px; font-size: 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,.35); }
.f14-brand__logo { background: var(--f14-head-grad); padding: 4px 10px; border-radius: 4px; }
.f14-brand__logo img { display: block; object-fit: contain; width: auto; }
.f14-page .f14-brand__title { color: var(--f14-primary); font-size: 28px; font-weight: 700; letter-spacing: -.5px; text-shadow: 1px 1px 0 #fff; text-decoration: none; overflow-wrap: anywhere; }
.f14-header__tools { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.f14-search form { display: flex; margin: 0; }
.f14-search input { width: 190px; padding: 5px 8px; border: 1px solid var(--f14-border-strong); border-right: 0; border-radius: var(--f14-radius) 0 0 var(--f14-radius); font-size: 12px; background: #fff; color: var(--f14-text); box-shadow: inset 0 1px 2px rgba(0,0,0,.08); }
.f14-search button { padding: 5px 12px; border: 1px solid var(--f14-primary-dark); border-radius: 0 var(--f14-radius) var(--f14-radius) 0; background: var(--f14-head-grad); color: #fff; font-size: 12px; font-weight: 700; cursor: pointer; }
.f14-search button:hover { filter: brightness(1.1); }
.f14-userbar { display: flex; align-items: center; }
.f14-userbar #ajax-user-nav-loaded { gap: 4px; }
.f14-page .f14-hbtn { color: var(--f14-link); border: 0; border-radius: var(--f14-radius); padding: 5px 8px; font-size: 12px; font-weight: 700; text-decoration: none; }
.f14-page .f14-hbtn:hover { color: var(--f14-link-hover); text-decoration: underline; }
.f14-page .f14-hbtn--solid { background: var(--f14-head-grad); color: #fff; border: 1px solid var(--f14-primary-dark); padding: 5px 14px; }
.f14-page .f14-hbtn--solid:hover { color: #fff; filter: brightness(1.1); text-decoration: none; }
.f14-ubtn { height: 32px; min-width: 32px; color: var(--f14-primary); background: transparent; border: 1px solid transparent; border-radius: var(--f14-radius); cursor: pointer; font-size: 14px; }
.f14-ubtn:hover { background: var(--f14-sub-bg); border-color: var(--f14-border-strong); color: var(--f14-link-hover); }
.f14-ubtn--user { padding: 0 8px; font-size: 12px; }
.f14-ubtn--user img { width: 22px; height: 22px; }
.f14-menu-toggle { width: 38px; height: 34px; align-items: center; justify-content: center; color: var(--f14-primary); border: 1px solid var(--f14-border-strong); border-radius: var(--f14-radius); background: #fff; cursor: pointer; }
.f14-menu-toggle:not(.md\:hidden) { display: inline-flex; }
@media (max-width: 767px) { .f14-menu-toggle { display: inline-flex; } }
/* Kullanıcı açılır panelleri açık zeminli */
.f14-userbar [data-mfbb-dropdown] { color: var(--f14-text); border-radius: var(--f14-radius); }

/* Navbar (vB4 sekmeli menü) */
.f14-nav { background: linear-gradient(to bottom, #4aa3ad 0%, #2a808a 50%, #1f6f78 100%); border: 1px solid var(--f14-primary-dark); border-top-color: #86a6cf; }
@media (min-width: 768px) { .f14-nav { display: block; } }
.f14-nav__inner { display: flex; align-items: flex-end; justify-content: space-between; padding: 7px 10px 0; }
.f14-tabs { display: flex; flex-wrap: wrap; gap: 3px; margin: 0; padding: 0; list-style: none; }
.f14-tabs > li { margin-bottom: -1px; }
.f14-page .f14-tab { display: block; padding: 7px 15px 6px; color: #fff; background: linear-gradient(to bottom, rgba(255,255,255,.18), rgba(0,0,0,.12)); border: 1px solid rgba(20,40,80,.55); border-bottom: 0; border-radius: 5px 5px 0 0; font-size: 13px; font-weight: 700; text-decoration: none; text-shadow: 0 -1px 0 rgba(0,0,0,.3); cursor: pointer; }
.f14-page .f14-tab:hover { background: linear-gradient(to bottom, rgba(255,255,255,.34), rgba(255,255,255,.08)); color: #fff; }
.f14-page .f14-active > .f14-tab { background: #f5f8fc; color: var(--f14-primary-dark); border-color: var(--f14-border-strong); text-shadow: none; padding-bottom: 7px; }
.f14-submenu { min-width: 170px; margin: 0; padding: 3px 0; list-style: none; background: var(--f14-surface); border: 1px solid var(--f14-border-strong); box-shadow: 0 3px 8px rgba(0,0,0,.25); }
.f14-page .f14-submenu a { display: block; padding: 6px 14px; font-size: 12px; text-decoration: none; }
.f14-page .f14-submenu a:hover { background: var(--f14-sub-bg); }
.f14-nav__social { padding: 0 0 6px 12px; display: flex; gap: 6px; color: #fff; }

/* Mobil panel */
.f14-mpanel { background: var(--f14-primary-dark); border: 1px solid var(--f14-primary-dark); }

/* İçerik alanı (vB4: ana sayfada bloklar doğrudan gövde zemininde) */
.f14-content { padding: 12px 0 14px; overflow-x: hidden; max-width: 100%; }
.f14-content:not(:has(.f14-index)) { background: var(--f14-surface); border: 1px solid var(--f14-border-strong); border-top: 0; padding: 12px 14px 16px; }
.f14-pad { padding: 8px 16px; }
.f14-cols { gap: 14px; width: 100%; }
.f14-aside { width: 100%; }
@media (min-width: 1024px) { .f14-aside { width: 270px; } }
.f14-hero { background: #fff; border: 1px solid var(--f14-border-strong); border-left: 4px solid var(--f14-primary); border-radius: var(--f14-radius); padding: 8px 14px; margin-bottom: 12px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; box-shadow: none; }
.f14-hero__title { font-size: 16px; font-weight: 700; color: var(--f14-primary-dark); margin: 0; }
.f14-hero .text-sm { font-size: 12px; color: var(--f14-muted); }
.f14-hero--stats > .flex { gap: 4px 14px; }
.f14-stat { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--f14-muted); }
.f14-stat i { color: var(--f14-cat-bg); }
.f14-stat b, .f14-stat .font-semibold { color: var(--f14-text); }

/* Ortak "blockhead" (mavi degrade başlık) */
.f14-page .f14-cat__head, .f14-page .f14-block__head, .f14-page .f14-box__head, .f14-footer .f14-box__head, .f14-page .son-olaylar-card .so-head {
  background: var(--f14-head-grad); color: #fff; border-bottom: 1px solid var(--f14-primary-dark);
  text-shadow: 0 -1px 0 rgba(0,0,0,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

/* Ana sayfa: kategori + forum satırları (blockhead / blockbody) */
.f14-cat { margin-bottom: 14px; border: 1px solid var(--f14-border-strong); border-radius: 5px 5px 3px 3px; overflow: hidden; background: var(--f14-surface); }
.f14-cat__head { margin: 0; padding: 7px 12px; font-size: 14px; font-weight: 700; }
.f14-cat__head i { opacity: .85; margin-right: 4px; }
.f14-cat__cols { display: none; }
.f14-forum { display: grid; grid-template-columns: minmax(0, 1fr) 150px 270px; grid-template-rows: 1fr 1fr; align-items: center; border-bottom: 1px solid var(--f14-border); background: #fff; }
.f14-forum:last-child { border-bottom: 0; }
.f14-forum:hover { background: #eef4fb; }
.f14-forum > div { padding: 0 10px; min-width: 0; }
.f14-forum__main { grid-column: 1; grid-row: 1 / span 2; display: flex; gap: 12px; align-items: center; padding: 10px 10px !important; }
.f14-forum__icon { flex: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #3f8f99; font-size: 32px; }
.f14-forum__icon img { width: 40px; height: 40px; object-fit: cover; border-radius: var(--f14-radius); }
.f14-forum__info { min-width: 0; }
.f14-page .f14-forum__title { font-size: 14px; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.f14-page .f14-forum__title:hover { text-decoration: underline; }
.f14-forum__desc { margin: 2px 0 0; color: var(--f14-muted); font-size: 11px; }
.f14-forum__subs { margin: 4px 0 0; font-size: 11px; color: var(--f14-muted); }
.f14-forum__subs a { font-size: 11px; }
.f14-forum__num { grid-column: 2; text-align: left; font-size: 11px; font-weight: 700; color: var(--f14-text); line-height: 1.7; }
.f14-forum__main + .f14-forum__num { grid-row: 1; align-self: end; }
.f14-forum__main + .f14-forum__num + .f14-forum__num { grid-row: 2; align-self: start; }
.f14-forum__numlabel { display: inline-block; min-width: 42px; font-weight: 400; color: var(--f14-muted); }
.f14-forum__last { grid-column: 3; grid-row: 1 / span 2; align-self: stretch; display: flex; flex-direction: column; justify-content: center; font-size: 11px; border-left: 1px solid var(--f14-border); background: #f9fbfd; padding: 8px 10px !important; }
.f14-forum:hover .f14-forum__last { background: #e5eef9; }
.f14-page .f14-forum__lasttitle { display: block; font-weight: 700; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.f14-page .f14-forum__lasttitle:hover { text-decoration: underline; }
.f14-forum__lastmeta { display: block; color: var(--f14-muted); font-size: 11px; margin-top: 2px; }
@media (max-width: 767px) {
  .f14-forum { display: block; }
  .f14-forum > div { padding: 0 10px; }
  .f14-forum__num { display: inline-block; padding: 0 12px 8px 62px !important; }
  .f14-forum__numlabel { min-width: 0; margin-right: 3px; }
  .f14-forum__last { border-left: 0; border-top: 1px solid var(--f14-border); }
  .f14-header__inner { padding: 10px 12px; }
  .f14-brand__title { font-size: 20px !important; }
  .f14-content { padding: 10px 0 12px; }
  .f14-content:not(:has(.f14-index)) { padding: 10px 8px 12px; }
  .f14-page { width: 98%; }
}

/* Son Olaylar kartı */
.f14-page .son-olaylar-card { border-radius: 5px 5px 3px 3px; box-shadow: none; border: 1px solid var(--f14-border-strong); margin-bottom: 14px; overflow: hidden; }
.f14-page .son-olaylar-card .so-head { padding: 7px 12px; }
.f14-page .son-olaylar-card .so-title, .f14-page .son-olaylar-card .so-title i, .f14-page .son-olaylar-card .so-live { color: #fff; font-size: 14px; }
.f14-page .son-olaylar-card .so-tabs { background: var(--f14-sub-bg); padding: 4px 6px 0; border-bottom: 1px solid var(--f14-border-strong); }
.f14-page .son-olaylar-card .portal-tab-btn { min-height: 0; padding: 5px 11px; border: 1px solid transparent; border-bottom: 0; border-radius: 4px 4px 0 0; font-size: 12px; }
.f14-page .son-olaylar-card .portal-tab-btn[aria-selected="true"], .f14-page .son-olaylar-card .portal-tab-btn[data-active="true"] { background: var(--f14-surface); border-color: var(--f14-border-strong); color: var(--f14-primary-dark); }

/* Sidebar blokları */
.f14-aside > * + * { margin-top: 12px; }
.f14-block { background: var(--f14-surface); border: 1px solid var(--f14-border-strong); border-radius: 5px 5px 3px 3px; overflow: hidden; }
.f14-block--pad { padding: 8px 12px; }
.f14-block__head { padding: 6px 12px; font-size: 13px; font-weight: 700; }
.f14-block__head i, .f14-box__head i { margin-right: 4px; opacity: .9; }
.f14-block ul > li.p-4, .f14-block ul.p-4, .f14-block .p-4 { padding: 7px 12px; }
.f14-block, .f14-block li { font-size: 12px; }
.f14-page .f14-block li a { color: var(--f14-link); font-weight: 700; font-size: 12px; }
.f14-page .f14-block li a:hover { color: var(--f14-link-hover); }
.f14-block li:hover { background: #eef4fb; }
.f14-block.f14-block--pad .font-semibold { font-size: 12px; }
.f14-page .f14-newbtn { display: block; width: 100%; padding: 7px 12px; text-align: center; background: var(--f14-head-grad); color: #fff; border: 1px solid var(--f14-primary-dark); border-radius: var(--f14-radius); font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,.3); cursor: pointer; }
.f14-page .f14-newbtn:hover { filter: brightness(1.1); color: #fff; }
.f14-block-gap { margin-bottom: 0; }

/* Footer: blockhead kutuları + koyu mavi şerit */
.f14-footer { margin: 4px auto 0; background: transparent; font-size: 12px; width: 95%; max-width: 1280px; }
@media (max-width: 767px) { .f14-footer { width: 98%; } }
.f14-footer__boxes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 10px 0 12px; }
@media (max-width: 767px) { .f14-footer__boxes { grid-template-columns: 1fr; } }
.f14-box { border: 1px solid var(--f14-border-strong); border-radius: 5px 5px 3px 3px; overflow: hidden; background: var(--f14-surface); }
.f14-box__head { margin: 0; padding: 6px 12px; font-size: 13px; font-weight: 700; }
.f14-box__count { float: right; background: rgba(0,0,0,.22); border-radius: 10px; padding: 0 8px; font-size: 12px; text-shadow: none; }
.f14-box__body { padding: 8px 12px; }
.f14-kv { width: 100%; border-collapse: collapse; }
.f14-kv td { padding: 3px 0; border-bottom: 1px solid var(--f14-border); }
.f14-kv td:last-child { text-align: right; font-weight: 700; }
.f14-kv tr:last-child td { border-bottom: 0; }
.f14-box__note { margin: 6px 0 0; color: var(--f14-muted); font-size: 11px; }
.f14-links { margin: 0; padding: 0; list-style: none; }
.f14-links li { padding: 3px 0; border-bottom: 1px solid var(--f14-border); }
.f14-links li:last-child { border-bottom: 0; }
.f14-links i { width: 14px; text-align: center; color: var(--f14-cat-bg); }
.f14-footer__about { padding: 2px 4px 12px; color: var(--f14-muted); }
.f14-footer__brand { display: flex; align-items: center; gap: 8px; color: var(--f14-text); margin-bottom: 4px; }
.f14-footer__logo { height: 28px; width: auto; max-width: 120px; object-fit: contain; }
.f14-footer__about p { margin: 0 0 8px; line-height: 1.5; }
.f14-footer__social { display: flex; gap: 6px; margin-bottom: 8px; }
.f14-page .f14-footer__social a { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--f14-border-strong); border-radius: var(--f14-radius); }
.f14-footer__turkey { display: flex; align-items: center; gap: 10px; font-size: 11px; }
.f14-footer__turkey img { height: 34px; width: auto; max-width: 110px; object-fit: contain; }
.f14-footer__bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; padding: 9px 14px; background: linear-gradient(to bottom, #1f6f78 0%, #17545b 100%); border: 1px solid #103f45; border-radius: 3px 3px 5px 5px; color: #c3dcdc; font-size: 11px; margin-bottom: 12px; }
.f14-footer__bar a, .f14-footer__bar button { color: #fff; }
.f14-footer__bar a:hover, .f14-footer__bar button:hover { color: #ffb48f; }
.f14-footer__bar .f14-cur { font-weight: 700; text-decoration: underline; }

/* vB4 "navbits" (breadcrumb): ince, mavi bağlantılar, › ayraç */
#main-content nav:has(> ol > li[aria-current]) { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 2px 0 8px !important; font-size: 11px; }
#main-content nav:has(> ol > li[aria-current]) ol { gap: 6px !important; flex-wrap: wrap; }
#main-content nav:has(> ol > li[aria-current]) a { background: none !important; border: 0 !important; padding: 0 !important; min-width: 0 !important; color: var(--f14-link); text-decoration: none; }
#main-content nav:has(> ol > li[aria-current]) a:hover { color: var(--f14-link-hover); text-decoration: underline; }
#main-content nav:has(> ol > li[aria-current]) li { background: none !important; border: 0 !important; padding: 0 !important; color: var(--f14-muted) !important; }
#main-content nav:has(> ol > li[aria-current]) li[aria-current] { color: var(--f14-text) !important; font-weight: 700; }

/* Sade footer */
.f14-footer { margin-top: 12px; border-top: 0; background: transparent; box-shadow: none; border-left: 0; border-right: 0; }
.f14-footer__main { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; padding: 12px 14px; background: var(--f14-surface); border: 1px solid var(--f14-border); border-bottom: 0; font-size: 12px; }
.f14-footer__links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; }
.f14-footer__stats { margin: 0; color: var(--f14-muted); }
.f14-footer__stats strong { color: var(--f14-text); }
.f14-footer__social { display: flex; gap: 6px; }
.f14-footer__bar { border: 1px solid var(--f14-primary-dark); }

/* Makaleler vb. default sayfalar: kapı tam doldur */
.f14-content .max-w-7xl, .f14-content .max-w-6xl { max-width: none !important; }
.f14-content .max-w-7xl.mx-auto, .f14-content .max-w-6xl.mx-auto { padding-left: 0 !important; padding-right: 0 !important; }

/* Footer: daha küçük istatistik kutusu, header'daki gibi kare sosyal ikonlar */
.f14-footer__stats .f14-stat { min-width: 70px; padding: 3px 12px; }
.f14-footer__stats .f14-stat b { font-size: 13px; }
.f14-footer__stats .f14-stat em { font-size: 9px; }
.f14-footer__social { gap: 4px; }
.f14-footer .f14-footer__social a { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--f14-primary); border-radius: 3px; background: var(--f14-sub-bg); color: var(--f14-primary) !important; font-size: 12px; text-decoration: none; }
.f14-footer .f14-footer__social a:hover { background: var(--f14-primary); color: #fff !important; }