/* KGC Denizcilik - v11 interface refinements */

/* Contact page: quieter typography, centered route steps and a live status pulse. */
.kgc-contact-v8-intro h2 {
  max-width: 610px !important;
  font-size: clamp(40px, 4.15vw, 60px) !important;
  font-weight: 570 !important;
  line-height: 1.055 !important;
  letter-spacing: -0.043em !important;
  text-wrap: balance;
}

.kgc-contact-route li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 86px !important;
  padding: 18px 14px !important;
  text-align: center;
}

.kgc-contact-route li > span {
  display: none !important;
}

.kgc-contact-route strong {
  color: rgba(242, 250, 253, 0.94) !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
}

.kgc-contact-status i {
  position: relative;
  animation: kgc-status-core 1.6s ease-in-out infinite;
}

.kgc-contact-status i::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid rgba(32, 189, 121, 0.72);
  border-radius: 50%;
  animation: kgc-status-ring 1.6s ease-out infinite;
}

@keyframes kgc-status-core {
  0%, 100% { background: #20bd79; box-shadow: 0 0 0 5px rgba(32, 189, 121, 0.11), 0 0 10px rgba(32, 189, 121, 0.22); }
  50% { background: #48e89e; box-shadow: 0 0 0 6px rgba(32, 189, 121, 0.18), 0 0 20px rgba(32, 189, 121, 0.72); }
}

@keyframes kgc-status-ring {
  0% { opacity: 0.85; transform: scale(1); }
  75%, 100% { opacity: 0; transform: scale(2.8); }
}

/* Project identity panels: controls stay at the top, project copy sits in the visual center. */
.project-detail-page .project-detail-hero.kgc-project-hero-v9 .project-detail-hero-content {
  justify-content: center !important;
}

.project-detail-page .kgc-project-hero-v9 .project-back-link {
  position: absolute !important;
  top: 30px;
  left: clamp(34px, 4vw, 66px);
  margin: 0 !important;
}

.project-detail-page .kgc-project-hero-v9 .eyebrow {
  margin-top: 8px;
}

/* Project overview: a clear, animated jump to on-site photo and video content. */
#proje-medya {
  scroll-margin-top: 96px;
}

.kgc-project-gallery-jump {
  isolation: isolate;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-width: 285px;
  min-height: 58px;
  margin-top: 28px;
  padding: 0 13px 0 20px;
  border: 1px solid rgba(12, 139, 187, 0.22);
  border-radius: 9px;
  overflow: hidden;
  background: linear-gradient(115deg, #087ca9, #16a8d7);
  box-shadow: 0 13px 30px rgba(7, 119, 163, 0.18);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.085em;
  font-size: 10px;
  font-weight: 800;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.kgc-project-gallery-jump::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 15%, rgba(255, 255, 255, 0.24) 44%, transparent 73%);
  transform: translateX(-120%);
  animation: kgc-gallery-shine 3.8s ease-in-out infinite;
}

.kgc-project-gallery-jump > span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kgc-project-gallery-jump svg {
  width: 18px;
  height: 18px;
}

.kgc-project-gallery-jump > b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  font-size: 17px;
  font-weight: 500;
  animation: kgc-gallery-arrow 1.7s ease-in-out infinite;
}

.kgc-project-gallery-jump:hover {
  transform: translateY(-3px);
  border-color: rgba(113, 218, 249, 0.72);
  box-shadow: 0 18px 38px rgba(7, 119, 163, 0.28);
}

@keyframes kgc-gallery-shine {
  0%, 45% { transform: translateX(-120%); }
  68%, 100% { transform: translateX(120%); }
}

@keyframes kgc-gallery-arrow {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(3px); }
}

/* CTA already routes to contact, so the repeated phone line is intentionally removed. */
.cta-section .cta-phone {
  display: none !important;
}

/* About page: remove step counters and give the copy a balanced centered rhythm. */
.about-method {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.about-method-kicker,
.about-method h3 {
  width: 100%;
  max-width: 430px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.about-method li {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center;
  min-height: 84px;
  padding: 17px 8px !important;
  text-align: center;
}

.about-method li b {
  display: none !important;
}

.about-method li > span {
  width: 100%;
}

.about-method li strong {
  font-size: 15px !important;
  font-weight: 720;
}

.about-method li small {
  max-width: 330px;
  margin: 6px auto 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .kgc-contact-v8-intro h2 {
    font-size: clamp(38px, 10.5vw, 50px) !important;
  }

  .project-detail-page .kgc-project-hero-v9 .project-back-link {
    top: 27px;
    left: 25px;
  }

  .project-detail-page .project-detail-hero.kgc-project-hero-v9 .project-detail-hero-content {
    min-height: 315px;
    padding-top: 72px;
  }

  .kgc-project-gallery-jump {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 430px) {
  .project-detail-page .kgc-project-hero-v9 .project-back-link {
    left: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kgc-contact-status i,
  .kgc-contact-status i::after,
  .kgc-project-gallery-jump::before,
  .kgc-project-gallery-jump > b {
    animation: none !important;
  }
}