.elementor-181 .elementor-element.elementor-element-e69dd32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-181 .elementor-element.elementor-element-0045e86 .main-menu a{font-family:Outfit;}.elementor-181 .elementor-element.elementor-element-0045e86 .header-logo a img{text-align:left;width:100%;height:100%;}@media(max-width:767px){.elementor-181 .elementor-element.elementor-element-0045e86 .header-logo a img{text-align:left;width:390px;max-width:192px;}}@media(min-width:768px){.elementor-181 .elementor-element.elementor-element-e69dd32{--width:100%;}}/* Start custom CSS for restarheader, class: .elementor-element-0045e86 *//* === HEADER satırı: tek satır, kolonlar kontrollü === */
.row.align-items-center.justify-content-between{
  display:flex !important;
  flex-wrap: nowrap !important;      /* ikinci satıra düşmeyi engelle */
  column-gap: 24px;
}

/* Sol logo kolonu: sabitlenmesin, sadece içerik kadar */
.row.align-items-center.justify-content-between > .col-3{
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Orta NAV kolonu: esnesin, taşma yapmasın */
.row.align-items-center.justify-content-between > .col-auto:nth-child(2){
  flex: 1 1 0 !important;            /* tüm boşluğu buraya ver */
  min-width: 0 !important;           /* overflow ölçü hatasını kes */
}

/* Sağ buton/arama/telefon kolonu: içerik kadar */
.row.align-items-center.justify-content-between > .col-auto:last-child{
  flex: 0 0 auto !important;
  min-width: auto !important;
}

/* NAV UL: tek satır, esnek boşluklar */
.main-menu > ul{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;          /* menüyü sağa it */
  gap: clamp(14px, 2.2vw, 36px);     /* ekran daraldıkça otomatik küçülür */
  margin:0;
  padding:0;
  white-space: nowrap;               /* linkler sarmasın */
}

/* NAV linkleri */
.main-menu > ul > li > a{
  padding:0 !important;
  font-weight:700;
  letter-spacing:.02em;
  font-size: clamp(12px, 1vw, 16px); /* otomatik ölçekleme */
  white-space: nowrap;
}

/* Logo yüksekliği */
.header-logo img{
  height:48px !important;
  width:auto !important;
  display:block;
}

/* Sağ blok hizası */
.header-button{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Alt metin tek satır */
.header-call{ white-space:nowrap; }

/* Alt menü taşmasını önle */
.main-menu .sub-menu{ top:100%; left:0; }

/* --- Laptop optimizasyonları --- */
@media (max-width: 1536px){
  .main-menu > ul{ gap: clamp(12px, 1.8vw, 28px); }
  .header-logo img{ height:46px !important; }
}

@media (max-width: 1366px){
  /* Menü aralığı ve yazı boyutu biraz daha küçülsün */
  .main-menu > ul{ gap: clamp(10px, 1.6vw, 22px); }
  .main-menu > ul > li > a{ font-size: clamp(12px, .9vw, 15px); }

  /* Sağ blok sadeleşsin: arama ve “Sipariş Vermek İçin…” satırını kapat */
  .header-search{ display:none !important; }
  .header-call .box-text{ display:none !important; }

  /* Telefon ikonunu da kapatmak istersen (yer kazanır) */
  .header-call .box-title .icon{ display:none !important; }

  /* Gold kare buton sağda kalsın */
  .square-btn.sideMenuInfo{ order:3; }

  /* Güvenli taraf: menü uzun kalırsa maksimum genişlikte kırpma */
  .main-menu{ min-width:0 !important; }
  .main-menu > ul{ overflow:hidden; text-overflow:ellipsis; }
}

/* 1200 ve altı: hamburgeri zorla, desktop menüyü kapat */
@media (max-width: 1200px){
  .main-menu{ display:none !important; }
  .th-menu-toggle{ display:block !important; }
}

/* Arka plan şerit ayrışmasını engelle (görüntüdeki iki ton problemi için) */
.row.align-items-center.justify-content-between,
.main-menu{ background: transparent !important; }/* End custom CSS */