/* KGC Denizcilik v12 — interior hero alignment and compact references */

/* İç sayfalardaki başlık alanlarını görsel kutunun tam merkezine alır. */
.interior-hero .interior-hero-content {
  top: auto !important;
  right: auto !important;
  bottom: 50% !important;
  left: 50% !important;
  width: min(860px, calc(100% - 72px)) !important;
  max-width: none !important;
  text-align: center !important;
  align-items: center !important;
  transform: translate(-50%, 50%) !important;
}

.interior-hero .interior-hero-content .eyebrow,
.interior-hero .interior-hero-content h1,
.interior-hero .interior-hero-content > p:not(.eyebrow) {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.interior-hero .interior-hero-content > p:not(.eyebrow) {
  max-width: 720px !important;
}

/* Referanslar — doğrudan, sakin ve kompakt sunum. */
body.kgc-references-v12 .kgc-references-main {
  background:
    radial-gradient(circle at 12% 18%, rgba(62, 184, 225, 0.14), transparent 30%),
    radial-gradient(circle at 88% 76%, rgba(23, 126, 177, 0.10), transparent 32%),
    linear-gradient(135deg, #f7fbfd 0%, #e7f4fa 100%);
}

.kgc-references-v12 .desktop-nav a[href="./referanslar.html"] {
  color: var(--primary) !important;
}

.kgc-references-v12 .desktop-nav a[href="./referanslar.html"]::after {
  right: 0 !important;
}

.kgc-ref-compact {
  min-height: 610px;
  padding: clamp(68px, 8vw, 112px) 0 clamp(82px, 9vw, 126px);
  display: grid;
  place-items: center;
}

.kgc-ref-compact-shell {
  width: min(940px, calc(100% - 48px));
  margin: 0 auto;
}

.kgc-ref-compact h1 {
  margin: 0 0 42px;
  color: #092e50;
  font-size: clamp(36px, 4vw, 50px);
  font-weight: 730;
  letter-spacing: -0.035em;
  line-height: 1;
  text-align: center;
}

.kgc-ref-compact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.kgc-ref-compact-card {
  min-width: 0;
  height: 248px;
  border: 1px solid rgba(9, 46, 80, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 46px rgba(4, 37, 65, 0.10);
  overflow: hidden;
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}

.kgc-ref-compact-card:hover,
.kgc-ref-compact-card:focus-within {
  border-color: rgba(19, 160, 211, 0.38);
  box-shadow: 0 24px 54px rgba(4, 37, 65, 0.16);
  transform: translateY(-5px);
}

.kgc-ref-compact-link {
  width: 100%;
  height: 100%;
  padding: 28px 30px 22px;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  color: #092e50;
  text-decoration: none;
}

.kgc-ref-logo-stage {
  min-height: 0;
  border-radius: 13px;
  display: grid;
  place-items: center;
}

.kgc-ref-logo-stage img {
  width: auto;
  max-width: min(76%, 270px);
  max-height: 112px;
  object-fit: contain;
}

.kgc-ref-logo-stage-rms {
  background: linear-gradient(145deg, #ffffff, #f2f7fa);
}

.kgc-ref-logo-stage-rms img {
  max-height: 104px;
}

.kgc-ref-logo-stage-ateam {
  background: linear-gradient(145deg, #0e3150, #0b2944);
}

.kgc-ref-logo-stage-ateam img {
  max-width: min(82%, 310px);
  max-height: 104px;
}

.kgc-ref-compact-name {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 720;
  letter-spacing: 0.01em;
  text-align: center;
}

.kgc-ref-compact-name svg {
  width: 16px;
  height: 16px;
  color: #13a0d3;
  transition: transform 220ms ease;
}

.kgc-ref-compact-card:hover .kgc-ref-compact-name svg,
.kgc-ref-compact-card:focus-within .kgc-ref-compact-name svg {
  transform: translate(2px, -2px);
}

@media (max-width: 700px) {
  .interior-hero .interior-hero-content {
    width: calc(100% - 40px) !important;
  }

  .interior-hero .interior-hero-content h1 {
    font-size: clamp(38px, 11vw, 47px) !important;
    line-height: 1.02 !important;
  }

  .kgc-ref-compact {
    min-height: 0;
    padding: 66px 0 82px;
  }

  .kgc-ref-compact-shell {
    width: calc(100% - 34px);
  }

  .kgc-ref-compact h1 {
    margin-bottom: 30px;
    font-size: 37px;
  }

  .kgc-ref-compact-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .kgc-ref-compact-card {
    height: 220px;
  }

  .kgc-ref-compact-link {
    padding: 22px 22px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kgc-ref-compact-card,
  .kgc-ref-compact-name svg {
    transition: none !important;
  }
}