/* OnlineIzmir Footer Redesign 2.0.6 — exact tagDiv row replacement. */
.oi-footer-original-row,
.oi-footer-legacy-bar,
.oi-footer-legacy-exact,
.oi-footer-external-language-hidden {
  display: none !important;
}

.oi-footer-redesign-mount {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both;
  box-sizing: border-box !important;
}

.oi-footer-redesign-mount,
.oi-footer-redesign-mount * {
  box-sizing: border-box;
}

.oi-footer-shell {
  position: relative;
  width: 100%;
  margin: 0;
  background:
    radial-gradient(circle at 88% 5%, rgba(24, 151, 224, 0.18), transparent 30%),
    linear-gradient(135deg, #071f32 0%, #0a3150 100%);
  color: #f7fbff;
  font-family: inherit;
}

.oi-footer-accent {
  height: 4px;
  background: linear-gradient(90deg, #12a4e6 0%, #34bdf2 58%, #f59b23 100%);
}

.oi-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 58px 34px 48px;
}

.oi-footer-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) minmax(190px, .8fr) minmax(230px, .95fr);
  gap: 56px;
  align-items: start;
}

.oi-footer-brand-link,
.oi-footer-wordmark { display: inline-flex; align-items: center; text-decoration: none !important; }
.oi-footer-logo { display: block; width: auto; height: auto; max-width: 210px; max-height: 112px; object-fit: contain; filter: drop-shadow(0 8px 20px rgba(0,0,0,.18)); }
.oi-footer-wordmark { color: #fff !important; font-size: 31px; font-weight: 800; letter-spacing: -.02em; }
.oi-footer-description { max-width: 490px; margin: 21px 0 0; color: rgba(239,247,253,.78); font-size: 15px; line-height: 1.75; }
.oi-footer-column h2 { margin: 5px 0 20px; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; }
.oi-footer-column ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.oi-footer-column li { margin: 0 0 12px !important; padding: 0 !important; }
.oi-footer-column a,.oi-footer-bottom a { color: rgba(241,248,253,.78) !important; text-decoration: none !important; transition: color 160ms ease, transform 160ms ease; }
.oi-footer-column a { display: inline-block; font-size: 14px; line-height: 1.55; }
.oi-footer-column a:hover,.oi-footer-column a:focus-visible,.oi-footer-bottom a:hover,.oi-footer-bottom a:focus-visible { color: #fff !important; }
.oi-footer-column a:hover { transform: translateX(3px); }
.oi-footer-email { color: #f7a72a !important; font-weight: 700; }
.oi-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); background: rgba(2,15,25,.42); }
.oi-footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1280px; margin: 0 auto; padding: 18px 34px; }
.oi-footer-bottom p { margin: 0; color: rgba(238,246,251,.68); font-size: 13px; line-height: 1.5; }
.oi-footer-bottom-actions,.oi-footer-languages { display: flex; align-items: center; gap: 18px; }
.oi-footer-bottom a { font-size: 13px; font-weight: 650; white-space: nowrap; }
.oi-footer-languages a[aria-current="page"] { color: #fff !important; pointer-events: none; }
.oi-footer-divider { width: 1px; height: 18px; background: rgba(255,255,255,.18); }

/* Remove only spacing directly adjacent to the replaced footer row. */
.oi-footer-redesign-mount { margin-top: 0 !important; }
.oi-footer-redesign-mount + .oi-footer-original-row { margin: 0 !important; padding: 0 !important; min-height: 0 !important; }

@media (max-width: 900px) {
  .oi-footer-inner { padding: 48px 28px 42px; }
  .oi-footer-grid { grid-template-columns: 1.2fr .8fr; gap: 42px 36px; }
  .oi-footer-brand { grid-column: 1 / -1; }
  .oi-footer-description { max-width: 650px; }
  .oi-footer-bottom-inner { padding-left: 28px; padding-right: 28px; }
}

@media (max-width: 640px) {
  .oi-footer-inner { padding: 42px 22px 34px; }
  .oi-footer-grid { grid-template-columns: 1fr; gap: 34px; }
  .oi-footer-brand { grid-column: auto; }
  .oi-footer-logo { max-width: 176px; max-height: 96px; }
  .oi-footer-description { margin-top: 18px; font-size: 14px; }
  .oi-footer-column h2 { margin-bottom: 15px; }
  .oi-footer-bottom-inner { flex-direction: column; align-items: flex-start; padding: 18px 22px 21px; }
  .oi-footer-bottom-actions { width: 100%; flex-wrap: wrap; gap: 12px 15px; }
  .oi-footer-languages { gap: 14px; }
  .oi-footer-divider { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .oi-footer-column a,.oi-footer-bottom a { transition: none; }
}