/* =========================================================
   Ekcan Grup — site-wide custom overrides
   Loaded on every page after the compiled Next.js CSS.
   ========================================================= */

/* Desktop nav dropdown: align the white panel with the site
   container (.mainnav = min(100% - 72px, 1200px), centered)
   instead of stretching nearly full-bleed, and finish it with
   a brand-red bottom border. */
.nav-dropdown {
  left: calc((100% - min(100% - 72px, 1200px)) / 2);
  right: calc((100% - min(100% - 72px, 1200px)) / 2);
  padding: 45px 48px;
  border-bottom: 3px solid var(--red, #c9242c);
}

/* Homepage: "50" experience card row and the group-story section
   are retired per client request. Kept in DOM (hydration safety),
   hidden visually. */
.about-media-row,
.home-group-story {
  display: none !important;
}

/* All forms are retired site-wide (contact page included) until the
   new contact brief arrives. Hides the form sections on every page:
   .embedded-form-section  → home + sector pages + HR career form
   .contact-form-section   → İletişim page */
.embedded-form-section,
.contact-form-section {
  display: none !important;
}

/* Pre-footer CTA band ("Yeni bir fikirle başlayalım.") switches from
   green to brand red; the red kicker flips to cream for contrast. */
.inner-cta {
  background: var(--red, #c9242c);
}
.inner-cta .overline {
  color: var(--cream, #f2efe8);
}

/* Numbered value boxes strip (01 Önce İnsan · 02 Sürekli gelişim ...)
   retired site-wide. */
.highlight-strip {
  display: none !important;
}

/* Topbar: derlenmiş tasarımda e-posta ve adresin önünde 9x9 boş kare
   yer tutucular vardı. Gerçek ikonlarla (inline SVG) değiştirildi. */
.topbar-contact a::before,
.topbar-contact span::before {
  border: 0 !important;
  width: 15px !important;
  height: 15px !important;
  margin-right: 9px !important;
  vertical-align: -3px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .82;
}
.topbar-contact a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='4.75' width='19' height='14.5' rx='2.2'/%3E%3Cpath d='m3.2 7 8.8 5.9L20.8 7'/%3E%3C/svg%3E");
}
/* Adres satırındaki pin artık tıklanabilir bir <a>; ikon ::before yerine
   doğrudan o bağlantıda çiziliyor (adres metni link değil — çok tıklanıyordu). */
.topbar-contact span::before { content: none; }
.topbar-contact .topbar-pin {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 9px;
  vertical-align: -3px;
  opacity: .82;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7-5.6 7-11.2a7 7 0 1 0-14 0c0 5.6 7 11.2 7 11.2Z'/%3E%3Ccircle cx='12' cy='10.1' r='2.6'/%3E%3C/svg%3E");
  transition: opacity .18s;
}
.topbar-contact .topbar-pin:hover { opacity: 1; }

/* Hamburger overlay — 4 columns (Kurumsal · Sektörler · Projeler+Kariyer ·
   İletişim). The sitemap grew to 11 sectors, so the compiled 3-column grid
   wrapped into a second row and overflowed. Links also shift 4px right on
   hover, which used to spawn a horizontal scrollbar: X is clipped here. */
.menu-panel { overflow: hidden; }
.menu-columns {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 30px;
  align-content: start;
  min-height: 0;
  overflow: hidden auto;
  padding-right: 6px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.menu-columns::-webkit-scrollbar { display: none; }

/* Bold, masculine but compact enough that everything fits without scrolling */
.menu-panel .menu-title {
  font-size: clamp(19px, 1.75vw, 27px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.menu-panel .menu-title + .menu-title,
.menu-panel .menu-title:not(:first-child) { margin-top: 24px; }
.menu-column a:not(.menu-title) {
  font-size: clamp(13.5px, 0.95vw, 15.5px);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.menu-column { gap: 8px; }
.menu-panel .menu-eyebrow {
  font-size: 11.5px;
  letter-spacing: 0.24em;
  margin-bottom: 22px;
}
.menu-footer span { font-size: 13.5px; font-weight: 600; }

@media (max-width: 1100px) and (min-width: 901px) {
  .menu-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 24px; }
}

/* ---------------- Mobil: akordeon menü ----------------
   ≤900px'te kolon listesi yerine bölüm başlıkları gösterilir; ilk açılışta
   kaydırma olmaz, başlığa dokununca alt linkler açılır (tek bölüm açık). */
.menu-acc { display: none; }
@media (max-width: 900px) {
  .menu-columns { display: none !important; }
  .menu-panel .menu-eyebrow { text-align: center; margin-bottom: 8px; }
  .menu-acc {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .menu-acc::-webkit-scrollbar { display: none; }
  .acc-sec { border-bottom: 1px solid rgba(255, 255, 255, 0.13); }
  .acc-sec:first-child { border-top: 1px solid rgba(255, 255, 255, 0.13); }
  /* Anasayfa: açılır bölüm değil, başlıklarla aynı ölçekte düz bir satır */
  .acc-sec.acc-home > a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 14px 8px;
    color: #fff;
    text-decoration: none;
    font-size: clamp(21px, 6.2vw, 29px);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1.1;
  }
  .acc-head {
    width: 100%;
    min-height: 58px;
    padding: 14px 8px;
    background: none;
    border: 0;
    color: #fff;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .acc-head span {
    font-size: clamp(21px, 6.2vw, 29px);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    line-height: 1.1;
  }
  .acc-head svg { width: 19px; height: 19px; opacity: .6; transition: transform .3s ease, opacity .2s; flex: none; }
  .acc-sec.is-open .acc-head svg { transform: rotate(180deg); opacity: 1; color: var(--red, #c9242c); }
  .acc-body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .32s ease;
  }
  .acc-sec.is-open .acc-body { grid-template-rows: 1fr; }
  .acc-inner {
    overflow: hidden;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13px;
  }
  .acc-sec.is-open .acc-inner { padding: 4px 0 22px; }
  .acc-inner a {
    color: rgba(255, 255, 255, 0.74);
    font-size: 15.5px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
  }
  .acc-inner a.acc-overview {
    color: var(--cream, #f2efe8);
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 800;
  }
  .menu-footer { justify-content: center; gap: 18px; text-align: center; margin-top: 18px; padding-top: 18px; }
}

/* Sektörlerimiz izgarası 10 sektörle doluyor; sona eklenen "Sektörlere bak"
   kartı iki kolona yayılarak 3'lü grid'i 4 tam satıra tamamlıyor.
   Kart, diğerlerinin hover hâliyle aynı yeşil zemini kalıcı olarak taşır. */
.sector-card.sector-card-all {
  background: var(--green, #152d26);
  color: #fff;
  grid-column: span 2;
}
@media (max-width: 560px) {
  .sector-card.sector-card-all { grid-column: span 1; }
}
.sector-card.sector-card-all > small {
  color: #fff;
  opacity: .62;
}
.sector-card.sector-card-all p {
  color: rgba(255, 255, 255, .68);
}
.sector-card.sector-card-all .sector-mark {
  border-color: rgba(255, 255, 255, .22);
}

/* Projeler bölümünün başlığı iki satıra çıkınca "Tüm projeleri görün"
   bağlantısı da sarmalanıyordu; tek satırda kalsın. */
.projects-section .section-heading .text-link {
  flex: none;
  white-space: nowrap;
}

/* Kırmızı sıra numaraları (01.01, 01, 02 …) site genelinden kaldırıldı.
   Markup dört ayrı üreticiden ve devralınan React sayfalarından geldiği için
   tek noktadan CSS ile kapatılıyor. `.pdet-facts small` ve `.km-*` etiketleri
   ile haber kartlarındaki tarihler numara değil — onlara dokunulmuyor. */
.detail-facts > div > small,
.detail-bullets li > small,
.sector-card:not(.sector-card-all) > small {
  display: none !important;
}
/* Numara kalkınca bozulan hizalar: bu kutular numarayı üstte tutup içeriği
   aşağı iten space-between/auto-margin düzenine göre kurulmuştu. */
.detail-facts > div { justify-content: flex-end; }
.detail-bullets li { grid-template-columns: 1fr; }
.sector-card { justify-content: flex-end; }

/* Devralınan makale paragrafları: derlenmiş tema @layer base'de tüm margin'leri
   sıfırladığı için satırlar boşluksuz alt alta diziliyordu. */
.rich-article .detail-section > p { margin-bottom: 20px; }
.rich-article .detail-section > p:last-child { margin-bottom: 0; }

/* Project gallery strip: hide the clunky horizontal scrollbar
   (drag/swipe and the arrow controls still scroll the track). */
.project-gallery-track {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.project-gallery-track::-webkit-scrollbar {
  display: none;
}