/*
Theme Name: Metro Kurumsal Child
Template: hello-elementor
Version: 2.0.0
Description: Metro Elementor Suite starter child theme with portable Elementor header/footer rendering.
*/

:root {
  --metro-primary: #DA2125;
  --metro-dark: #133F67;
  --metro-white: #fff;
  --metro-border: #D3DEE9;
}

/* ==========================================================================
   0. TAŞMA VE YATAY SCROLL ENGELLEME
   ========================================================================== */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-location-header,
.site-header {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: visible !important;
}

.elementor-location-footer,
.site-footer,
.site-main,
main.site-main {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

.elementor-location-header *,
.elementor-location-footer * {
  box-sizing: border-box !important;
}

.elementor-location-header,
.elementor-location-header.elementor-sticky,
.elementor-location-header.elementor-sticky--active {
  position: relative;
  z-index: 99 !important;
}

/* ==========================================================================
   1. GLOBAL HEADER BASE
   ========================================================================== */
.metro-header-right {
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Masaüstü Genel Logo Paneli (Senin Fix) */
.metro-header-logo-panel {
  flex: 0 0 372px;
  max-width: 372px;
  z-index: 5 !important;
}

.metro-header-logo-panel > .e-con-inner {
  height: 100%;
  width: 100%;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.metro-header-logo-panel > .e-con-inner > .elementor-widget-image {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  align-self: center !important;
}

.metro-header-menu {
  min-width: 0;
  flex: 0 1 auto;
  position: relative !important;
  z-index: 20 !important;
}

.metro-header-menu .elementor-nav-menu {
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.metro-header-menu .elementor-nav-menu--main .elementor-item {
  font-family: 'Roboto Condensed', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase;
  color: #fff !important;
  padding: 16px 8px !important;
  white-space: nowrap;
}

.metro-header-menu .elementor-nav-menu--main .elementor-item:hover,
.metro-header-menu .elementor-nav-menu--main .elementor-item:focus {
  background: var(--metro-dark) !important;
  color: #fff !important;
}

.metro-header-menu .elementor-nav-menu--main .sub-menu {
  background: var(--metro-dark) !important;
  border: 0 !important;
  padding: 0 10px !important;
  min-width: 220px !important;
  max-width: min(320px, calc(100vw - 24px));
}

.metro-header-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item {
  font-family: 'Roboto Condensed', Arial, sans-serif !important;
  font-size: 15px !important;
  color: #fff !important;
  background: var(--metro-dark) !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  padding: 10px 12px !important;
}

.metro-header-menu .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover {
  background: #fff !important;
  color: var(--metro-dark) !important;
}

/* ==========================================================================
   2. DESKTOP HEADER (1281px VE ÜSTÜ)
   ========================================================================== */
@media (min-width: 992px) {
  body.home .page-header,
  body.home .entry-header,
  body.home .entry-title {
    display: none !important;
  }

  body.home main.site-main,
  body.home .site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .metro-header-logo-panel {
    position: absolute !important;
    left: 0 !important;
    top: -52px !important;
    width: min(480px, 35vw) !important;
    max-width: 480px !important;
    height: 104px !important;
    min-height: 104px !important;
    padding: 0 50px 0 24px !important;
    background: #133f67 !important;
    clip-path: polygon(0 0, 92.5% 0, 100% 50%, 92.5% 100%, 0 100%) !important;
    overflow: visible !important;
    align-items: center !important;
    transition: all 0.25s ease-in-out !important;
  }

  .metro-header-ministry-logo img,
  .metro-header-logo-panel .elementor-widget-image:first-child img {
    max-height: 64px !important;
    width: auto !important;
    transition: all 0.25s ease-in-out !important;
  }

  .metro-header-aygm-logo img,
  .metro-header-logo-panel .elementor-widget-image:nth-child(2) img {
    max-height: 44px !important;
    width: auto !important;
    transition: all 0.25s ease-in-out !important;
  }

  .metro-header-logo-panel > .e-con-inner {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;
  }

  .metro-header-logo-separator {
    width: 1px !important;
    flex: 0 0 1px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 !important;
    margin: 0 16px !important;
    background: rgba(255,255,255,.46) !important;
    overflow: hidden !important;
  }

  .metro-header-logo-separator > .e-con-inner {
    display: none !important;
  }

  .metro-header-menu {
    height: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  .metro-header-menu .elementor-nav-menu--main,
  .metro-header-menu .elementor-nav-menu {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  .metro-header-menu .elementor-nav-menu--main .elementor-item,
  .metro-header-menu .elementor-item {
    min-height: 46px !important;
    line-height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    white-space: nowrap !important;
  }

  .elementor-sticky--active .metro-header-logo-panel,
  .elementor-element-sticky--active .metro-header-logo-panel,
  .elementor-location-header .elementor-sticky--active .metro-header-logo-panel {
    top: 0 !important;
    width: min(440px, 32vw) !important;
    max-width: 440px !important;
    height: 82px !important;
    min-height: 82px !important;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%) !important;
    padding: 10px 45px 10px 20px !important;
  }

  .elementor-sticky--active .metro-header-logo-panel img,
  .elementor-element-sticky--active .metro-header-logo-panel img {
    max-height: 46px !important;
    width: auto !important;
    transition: all 0.25s ease-in-out !important;
  }
}

/* ==========================================================================
   2B. ARA DESKTOP HEADER (992px - 1280px)
   Logo paneli menünün üstüne binmesin diye kompaktlaştırıldı.
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1280px) {
  .metro-header-logo-panel {
    width: 255px !important;
    max-width: 255px !important;
    padding: 0 30px 0 18px !important;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%) !important;
  }

  .metro-header-logo-panel .elementor-widget-image:first-child img {
    max-height: 42px !important;
  }

  .metro-header-logo-panel .elementor-widget-image:nth-child(2) img {
    max-height: 30px !important;
  }

  .metro-header-menu .elementor-item {
    font-size: 14px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .elementor-sticky--active .metro-header-logo-panel,
  .elementor-element-sticky--active .metro-header-logo-panel,
  .elementor-location-header .elementor-sticky--active .metro-header-logo-panel {
    width: 255px !important;
    max-width: 255px !important;
  }
}

/* ==========================================================================
   3. TABLET VE MOBİL HEADER BREAKPOINT (991px VE ALTI)
   ========================================================================== */
@media (max-width: 991px) {
  body.home .page-header,
  body.home .entry-header,
  body.home .entry-title {
    display: none !important;
  }

  body.home main.site-main,
  body.home .site-main {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  .metro-header-navstrip,
  .elementor-location-header [data-title="HEADER ALT"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  /* Mavi Üst Panel - SENİN FİX (z-index: 0) */
  .metro-header-logo-panel {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 8px 16px !important;
    clip-path: none !important;
    background: #133f67 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 0 !important; /* DÜZELTME: Senin belirttiğin gibi 0'a çekildi */
  }

  .metro-header-logo-panel > .e-con-inner {
    height: 100% !important;
    justify-content: center !important;
    gap: 16px !important;
  }

  .metro-header-ministry-logo img,
  .metro-header-logo-panel .elementor-widget-image:first-child img {
    max-height: 48px !important;
    width: auto !important;
  }

  .metro-header-aygm-logo img,
  .metro-header-logo-panel .elementor-widget-image:nth-child(2) img {
    max-height: 32px !important;
    width: auto !important;
  }

  .metro-header-right,
  .elementor-location-header .metro-header-right,
  [data-title="RIGHT MENÜ"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background-color: #DA2125 !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    position: relative !important;
  }

  .metro-header-menu {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
  }

  .metro-header-menu .elementor-nav-menu--main {
    display: none !important;
  }

  .metro-header-menu .elementor-menu-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #fff !important;
    position: relative !important;
    pointer-events: auto !important;
    font-size: 24px !important;
  }

  .metro-header-menu .elementor-menu-toggle i,
  .metro-header-menu .elementor-menu-toggle svg {
    color: #fff !important;
    fill: #fff !important;
  }

  .metro-header-menu .elementor-nav-menu--dropdown,
  .metro-header-menu nav.elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #133f67 !important;
    padding: 8px 0 !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.3);
  }

  .metro-header-menu .elementor-nav-menu--dropdown .elementor-item,
  .metro-header-menu .elementor-nav-menu--dropdown .elementor-sub-item {
    font: 500 15px/1.25 Montserrat, Arial, sans-serif !important;
    color: #fff !important;
    background: transparent !important;
    padding: 12px 20px !important;
    white-space: normal !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  .metro-header-menu .elementor-nav-menu--dropdown .elementor-item:hover,
  .metro-header-menu .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background: #DA2125 !important;
    color: #fff !important;
  }

  .metro-header-menu:has(.elementor-menu-toggle.elementor-active) nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 565px) {
  .metro-header-logo-panel {
    height: 60px !important;
    min-height: 60px !important;
  }

  .metro-header-ministry-logo img,
  .metro-header-logo-panel .elementor-widget-image:first-child img {
    max-height: 38px !important;
  }

  .metro-header-aygm-logo img,
  .metro-header-logo-panel .elementor-widget-image:nth-child(2) img {
    max-height: 24px !important;
  }

  .metro-header-right {
    height: 42px !important;
    min-height: 42px !important;
  }
}

/* ==========================================================================
   4. HERO SECTION ALIGNMENT
   ========================================================================== */
.korfez-elementor-home-hero {
  aspect-ratio: 1918 / 798 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

.korfez-elementor-home-hero > .e-con-inner,
.korfez-elementor-home-hero .elementor-element-khhprow {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (min-width: 1025px) {
  .korfez-elementor-home-hero { position: relative !important; }

  .korfez-elementor-home-hero .elementor-element-khhp01 {
    text-align: center !important;
  }

  .korfez-elementor-home-hero .elementor-element-khhp02,
  .korfez-elementor-home-hero .elementor-element-khhp03,
  .korfez-elementor-home-hero .elementor-element-khhp04 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    align-self: center !important;
  }

  .korfez-elementor-home-hero .elementor-element-khhp02,
  .korfez-elementor-home-hero .elementor-element-khhp02 .elementor-heading-title {
    font-size: clamp(22px, 2.05vw, 35px) !important;
    line-height: 1.12 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  .korfez-elementor-home-hero .elementor-element-khhp03,
  .korfez-elementor-home-hero .elementor-element-khhp03 * {
    font-size: clamp(13px, 1.15vw, 20px) !important;
    line-height: 1.35 !important;
    font-weight: 300 !important;
    text-align: center !important;
  }

  .korfez-elementor-home-hero .elementor-element-khhp04 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .korfez-elementor-home-hero .elementor-element-khhp04 a.elementor-button {
    min-width: clamp(116px, 12vw, 144px) !important;
    height: clamp(34px, 3.4vw, 42px) !important;
    padding: clamp(8px, .8vw, 10px) clamp(18px, 1.5vw, 22px) !important;
    font-size: clamp(13px, 1.15vw, 16px) !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
}

/* ==========================================================================
   5. GLOBAL FOOTER BASE
   ========================================================================== */
.metro-footer-shell {
  position: relative;
  background: var(--metro-dark) !important;
  margin-top: 0px !important;
  color: #fff;
  left: 0 !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.metro-footer-shell > .e-con-inner {
  max-width: none !important;
  padding: 0 !important;
  gap: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.metro-footer-badge-dock > .e-con-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.metro-footer-grid > .e-con-inner {
  max-width: 1260px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 30px !important;
  padding: 28px 16px 34px !important;
}

.metro-footer-ministry,
.metro-footer-col,
.metro-footer-right {
  min-width: 0;
}

.metro-footer-ministry img {
  max-width: 250px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.metro-footer-ministry-title .elementor-heading-title {
  font: 600 18px/1.35 Montserrat, Arial, sans-serif !important;
  color: #fff !important;
  margin-top: 16px;
}

.metro-footer-heading .elementor-heading-title {
  font: 500 18px/1.25 Montserrat, Arial, sans-serif !important;
  color: #fff !important;
  margin: 0 0 17px !important;
  border-bottom: 2px dotted #fff;
  position: relative;
  display: block;
  padding-bottom: 3px;
}

.metro-footer-heading .elementor-heading-title:after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--metro-primary);
}

.metro-footer-menu .elementor-nav-menu {
  display: block !important;
}

.metro-footer-menu .elementor-item {
  font: 300 15px/1.55 Montserrat, Arial, sans-serif !important;
  color: #fff !important;
  background: transparent !important;
  padding: 0 0 3px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.metro-footer-right > .e-con-inner {
  display: flex !important;
  align-items: flex-end !important;
  gap: 18px !important;
}

.metro-footer-logo-row > .e-con-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}

.metro-footer-logo-row > .e-con-inner > .elementor-widget-image {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.metro-footer-aygm-logo img {
  display: block !important;
  width: 90px !important;
  max-width: 90px !important;
  height: auto !important;
  object-fit: contain !important;
}

.metro-footer-eze-logo img {
  display: block !important;
  width: 58px !important;
  max-width: 58px !important;
  height: auto !important;
  object-fit: contain !important;
}

.metro-footer-tumas-logo img {
  display: block !important;
  width: 44px !important;
  max-width: 44px !important;
  height: auto !important;
  object-fit: contain !important;
}

.metro-footer-callbox {
  border: 2px solid #fff;
  border-radius: 20px;
  padding: 16px 15px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100%;
  max-width: 260px !important;
  margin-top: 10px;
}

.metro-footer-callbox > .e-con-inner {
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 4px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.metro-footer-callbox > .e-con-inner > .elementor-widget {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

.metro-footer-call-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
}

.metro-footer-call-icon img {
  width: 38px !important;
  max-width: 38px !important;
  height: auto !important;
  object-fit: contain !important;
}

.metro-footer-call-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.metro-footer-call-number {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

.metro-footer-call-label .elementor-heading-title,
.metro-footer-call-number .elementor-heading-title {
  white-space: nowrap !important;
  text-align: left !important;
  color: #fff !important;
}

.metro-footer-call-label .elementor-heading-title {
  font: 500 17px/1.15 Montserrat, Arial, sans-serif !important;
}

.metro-footer-call-number .elementor-heading-title {
  font: 800 22px/1 Montserrat, Arial, sans-serif !important;
}

.metro-footer-bottom > .e-con-inner {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 20px 16px 0 !important;
  border-top: 1px solid rgba(255,255,255,.18);
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

.metro-footer-copy .elementor-heading-title {
  font: 400 13px/1.35 Montserrat, Arial, sans-serif !important;
  color: #fff !important;
  text-align: right;
}

.metro-footer-social a.elementor-icon,
.metro-footer-social a.elementor-icon svg,
.metro-footer-bottom .metro-social-icon a.elementor-icon,
.metro-footer-bottom .metro-social-icon a.elementor-icon svg {
  color: #fff !important;
  fill: #fff !important;
}

@media (max-width: 1024px) {
  .metro-footer-grid > .e-con-inner {
    flex-wrap: wrap !important;
    gap: 28px 22px !important;
  }

  .metro-footer-grid > .e-con-inner > .e-con {
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
  }

  .metro-footer-right > .e-con-inner {
    align-items: flex-start !important;
  }

  .metro-footer-logo-row > .e-con-inner {
    justify-content: flex-start !important;
  }

  .metro-footer-bottom > .e-con-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .metro-footer-copy .elementor-heading-title {
    text-align: left !important;
  }
}

@media (max-width: 565px) {
  .metro-footer-grid > .e-con-inner {
    display: block !important;
    padding: 24px 18px 28px !important;
  }

  .metro-footer-grid > .e-con-inner > .e-con {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 28px;
  }

  .metro-footer-ministry img {
    max-width: 220px !important;
  }

  .metro-footer-logo-row > .e-con-inner {
    gap: 12px !important;
  }

  .metro-footer-aygm-logo img {
    width: 88px !important;
    max-width: 88px !important;
  }

  .metro-footer-eze-logo img {
    width: 56px !important;
    max-width: 56px !important;
  }

  .metro-footer-tumas-logo img {
    width: 42px !important;
    max-width: 42px !important;
  }

  .metro-footer-callbox {
    max-width: 100% !important;
    justify-content: flex-start !important;
  }

  .metro-footer-bottom > .e-con-inner {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .metro-footer-copy .elementor-heading-title {
    font-size: 12px !important;
  }
}

/* Metro Starter portable header/footer host */
.metro-starter-header,.metro-starter-footer{width:100%;position:relative;z-index:50}.metro-starter-main{min-height:50vh}.metro-starter-main>.elementor{width:100%}