/* ═══════════════════════════════════════════════
   VIP TAKSİ — Legacy Shell Overrides
   Flatsome HTML içeriğini premium kabukla uyumlu hale getirir
   ═══════════════════════════════════════════════ */

/* ── Flatsome'ın body border/padding sıfırla ─── */
*,*::before,*::after{box-sizing:border-box !important}
body,body.lightbox{margin:0 !important;padding:0 !important;border:none !important;background:var(--bg,#F7F5F0) !important}

/* ── Flatsome'ın sarı üst kenarlığı kaldır ───── */
body{border-top:none !important}
#page{padding-top:0 !important;border-top:none !important}

/* ── Hero dashed border gizle ────────────────── */
.legacy-content .is-border.is-dashed{display:none !important}

/* ── Kırık resim olan banner'ları koru ───────── */
.legacy-content .banner-bg img[alt]{
  min-height:0;
}
/* Resim yüklenemediğinde banner bg rengi devreye girer */
.legacy-content .section-bg img,
.legacy-content .banner-bg img{
  object-fit:cover;
  width:100%;
  height:100%;
}
body::before,#page::before{display:none !important}

/* ── Scroll offset for sticky header ─────────── */
html{scroll-padding-top:calc(var(--header-h,68px) + 8px)}

/* ── Legacy content wrapper ──────────────────── */
.legacy-content{overflow-x:hidden;width:100%}

/* ── Flatsome header-block fix (negatif margin) ─ */
.header-block.block-html-after-header{
  position:static !important;top:auto !important;margin-top:0 !important;
}

/* ── Images ──────────────────────────────────── */
.legacy-content img{max-width:100%;height:auto}

/* ── Flatsome primary buttons → navy/gold ────── */
.legacy-content .button.primary{
  background:var(--navy,#0C1B33) !important;
  color:#fff !important;
  border-radius:9999px !important;
  font-family:'Inter',system-ui,sans-serif !important;
  font-weight:600 !important;
  border:none !important;
  box-shadow:0 4px 16px rgba(12,27,51,.18) !important;
  transition:background .22s,box-shadow .22s,transform .22s !important;
}
.legacy-content .button.primary:hover{
  background:var(--gold,#F5C518) !important;
  color:var(--navy,#0C1B33) !important;
  box-shadow:0 6px 24px rgba(245,197,24,.38) !important;
  transform:translateY(-2px) !important;
}

/* ── Rows ────────────────────────────────────── */
.legacy-content .row{max-width:1280px;margin-left:auto;margin-right:auto}
.legacy-content .section,.legacy-content .section-content{width:100%}

/* ── Blog post cards ─────────────────────────── */
.legacy-content .box.box-blog-post{
  border-radius:12px !important;overflow:hidden !important;
  box-shadow:0 2px 12px rgba(12,27,51,.07) !important;
  background:#fff !important;
  transition:box-shadow .22s,transform .22s !important;
}
.legacy-content .box.box-blog-post:hover{
  box-shadow:0 8px 32px rgba(12,27,51,.14) !important;
  transform:translateY(-3px) !important;
}
.legacy-content .post-title a{color:var(--navy,#0C1B33) !important;transition:color .2s !important}
.legacy-content .post-title a:hover{color:var(--gold-dark,#C9A100) !important}

/* ── Dividers ────────────────────────────────── */
.legacy-content .is-divider{
  background:var(--gold,#F5C518) !important;
  height:2px !important;width:48px !important;
  margin:10px auto !important;border-radius:2px !important;
}

/* ── Icon boxes ──────────────────────────────── */
.legacy-content .icon-box .icon-inner{
  border-color:var(--navy,#0C1B33) !important;
  transition:background .22s,border-color .22s !important;
}
.legacy-content .icon-box:hover .icon-inner{background:var(--navy,#0C1B33) !important;color:#fff !important}
.legacy-content .icon-box:hover svg{fill:#fff !important;color:#fff !important}

/* ── Pagination ──────────────────────────────── */
.legacy-content .page-numbers.current{background:var(--navy,#0C1B33) !important;color:#fff !important;border-radius:6px !important}
.legacy-content .page-numbers:not(.current){border-radius:6px !important;transition:background .2s !important}
.legacy-content .page-numbers:not(.current):hover{background:var(--surface,#EDEAE3) !important}

/* ── Archive / page header ───────────────────── */
.legacy-content .archive-page-header,.legacy-content .page-header{
  background:linear-gradient(135deg,var(--navy,#0C1B33) 0%,#1A2F4E 100%) !important;
  color:#fff !important;padding:64px 24px !important;margin-bottom:32px !important;
  text-align:center;
}
.legacy-content .archive-page-header .page-title,
.legacy-content .page-header .page-title{
  color:#fff !important;font-size:clamp(1.6rem,3vw,2.5rem) !important;
  font-weight:700 !important;
}

/* ── Headings ────────────────────────────────── */
.legacy-content h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;font-weight:700}
.legacy-content h2{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.3;font-weight:700}
.legacy-content h3{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.35;font-weight:600}

/* ── Hide Flatsome's own header/footer ───────── */
.legacy-content .header-wrapper,
.legacy-content #header,
.legacy-content .footer-wrapper,
.legacy-content #footer-widgets,
.legacy-content #footer{display:none !important}

/* ── Mobile tweaks ───────────────────────────── */
@media(max-width:768px){
  .legacy-content .banner-layers{padding:12px !important}
  .legacy-content [class*="hide-for-small"]{display:none !important}
}