.elementor-kit-6{--e-global-color-primary:#1FA4D7;--e-global-color-secondary:#0F4C75;--e-global-color-text:#2C2C2C;--e-global-color-accent:#E53935;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   MAGNESIA - TEK CSS (PROJE LOOP + PROFESYONEL HEADER)
   ========================================================= */

/* =========================
   PROJE LOOP (TEMİZ / STABİL)
   ========================= */

/* Loop item wrapper'ı düzgün ölçü alsın */
.elementor-loop-item,
.elementor-grid-item{
  height: 100%;
}

.elementor-loop-item{
  display: flex !important;
}

/* Loop item içindeki asıl eleman tam genişlik + tam yükseklik */
.elementor-loop-item > *{
  width: 100%;
}

/* Kart */
.mx-proje-kart{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.mx-proje-kart:hover{
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,.12);
}

/* Görsel oran sabitle */
@supports (aspect-ratio: 16 / 9){
  .mx-proje-kart .elementor-widget-theme-post-featured-image,
  .mx-proje-kart .elementor-widget-image{
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  .mx-proje-kart .elementor-widget-theme-post-featured-image img,
  .mx-proje-kart .elementor-widget-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
}

@supports not (aspect-ratio: 16 / 9){
  .mx-proje-kart .elementor-widget-theme-post-featured-image img,
  .mx-proje-kart .elementor-widget-image img{
    width: 100% !important;
    height: 240px !important;
    object-fit: cover;
    display: block;
  }
}

/* Başlık 2 satır */
.mx-proje-kart .elementor-widget-theme-post-title{
  padding: 14px 16px 0 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.6em;
}

/* Buton: HER ZAMAN kartın en altı */
.mx-proje-btn{
  margin-top: auto;
  padding: 14px 16px 16px 16px;
}

.mx-proje-btn a{
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}


/* =========================
   PROFESYONEL HEADER (FINAL)
   ========================= */

/* Header ana satır (logo + menü + buton) */
.mx-site-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(15,76,117,.10) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
  transition:all .3s ease;
}

/* Header iç hizalama (dikey ortalama) */
.mx-site-header > .e-con-inner,
.mx-site-header .e-con-inner{
  align-items:center !important;
}

/* Menü yazı stili */
.mx-site-header .elementor-nav-menu--main .elementor-item,
.mx-site-header nav a{
  color:#0F4C75 !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:.2px !important;
  transition:all .25s ease;
}

/* Menü hover */
.mx-site-header .elementor-nav-menu--main .elementor-item:hover,
.mx-site-header nav a:hover{
  color:#1FA4D7 !important;
}

/* Aktif sayfa (mavi alt çizgi) */
.mx-site-header .current-menu-item > a,
.mx-site-header .current_page_item > a{
  color:#0F4C75 !important;
  position:relative;
}

.mx-site-header .current-menu-item > a:after,
.mx-site-header .current_page_item > a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background:#1FA4D7;
  border-radius:2px;
}

/* Dropdown kutusu */
.mx-site-header .elementor-nav-menu--dropdown,
.mx-site-header .sub-menu{
  background:#ffffff !important;
  border:1px solid rgba(15,76,117,.10) !important;
  border-radius:10px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.10) !important;
  padding:10px !important;
}

.mx-site-header .elementor-nav-menu--dropdown a,
.mx-site-header .sub-menu a{
  color:#0F4C75 !important;
  font-weight:600 !important;
}

.mx-site-header .elementor-nav-menu--dropdown a:hover,
.mx-site-header .sub-menu a:hover{
  background:rgba(31,164,215,.10) !important;
  color:#0F4C75 !important;
  border-radius:8px !important;
}

/* Sağ CTA butonu */
.mx-header-cta .elementor-button{
  background:#0F4C75 !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:6px !important;
  padding:9px 18px !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:.2px !important;
  box-shadow:0 10px 25px rgba(15,76,117,.18) !important;
  transition:all .25s ease !important;
}

.mx-header-cta .elementor-button:hover{
  background:#1FA4D7 !important;
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(31,164,215,.22) !important;
}

/* Sticky efekti (Elementor sticky açıksa çalışır) */
.elementor-sticky--effects.mx-site-header{
  padding-top:6px !important;
  padding-bottom:6px !important;
  box-shadow:0 8px 25px rgba(0,0,0,.08) !important;
}

/* Mobil */
@media (max-width: 767px){
  .mx-site-header .elementor-nav-menu--main .elementor-item,
  .mx-site-header nav a{
    font-size:15px !important;
  }

  .mx-header-cta .elementor-button{
    padding:8px 14px !important;
    font-size:12.5px !important;
  }
}
/* =========================
   MAGNESIA HEADER – CLEAN PRO
   ========================= */

/* Header ana alan */
.mx-site-header{
  background:#ffffff !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  box-shadow:none !important;
  transition:all .3s ease;
}

/* Menü */
.mx-site-header .elementor-nav-menu--main .elementor-item,
.mx-site-header nav a{
  color:#0F4C75 !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:.2px !important;
  transition:all .25s ease;
}

.mx-site-header .elementor-nav-menu--main .elementor-item:hover,
.mx-site-header nav a:hover{
  color:#1FA4D7 !important;
}

/* Active sayfa – sade alt çizgi */
.mx-site-header .current-menu-item > a,
.mx-site-header .current_page_item > a{
  position:relative;
}

.mx-site-header .current-menu-item > a:after,
.mx-site-header .current_page_item > a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:2px;
  background:#1FA4D7;
  border-radius:2px;
}

/* Dropdown */
.mx-site-header .elementor-nav-menu--dropdown,
.mx-site-header .sub-menu{
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:8px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
}

.mx-site-header .elementor-nav-menu--dropdown a,
.mx-site-header .sub-menu a{
  color:#0F4C75 !important;
  font-weight:600 !important;
}

.mx-site-header .elementor-nav-menu--dropdown a:hover,
.mx-site-header .sub-menu a:hover{
  background:rgba(31,164,215,.08) !important;
}

/* CTA Buton – daha zarif */
.mx-header-cta .elementor-button{
  background:#0F4C75 !important;
  color:#ffffff !important;
  border-radius:6px !important;
  padding:8px 18px !important;
  font-weight:600 !important;
  font-size:13px !important;
  box-shadow:none !important;
  transition:all .25s ease !important;
}

.mx-header-cta .elementor-button:hover{
  background:#1FA4D7 !important;
  transform:translateY(-1px);
}/* End custom CSS */