.elementor-1390 .elementor-element.elementor-element-9d68a91{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-49ad6bc *//* ============================================================
   LEO MEDYA — NAV MENÜ (Cam efektli yüzen pill navigasyon)
   ------------------------------------------------------------
   KULLANIM (2 yol):

   A) HTML widget ile (birebir tasarım):
      Aşağıdaki "HTML YAPISI"nı Elementor HTML widget'ına yapıştırın,
      bu CSS'i de Site Ayarları → Özel CSS'e ekleyin.

   B) Elementor/WordPress menüsü ile:
      Header'a bir "Nav Menu" widget'ı ekleyin, sarmalayan bölüme
      CSS sınıfı olarak  lm-nav  verin. Bu CSS menüyü otomatik biçimlendirir.

   RENKLER: Cornflower #7790ED · Carbon #292621 · Krem #F4EFE6
   FONT: Menü → Switzer · Logo → Clash Display
   ============================================================ */

@import url("https://api.fontshare.com/v2/css?f[]=clash-display@500,600&f[]=switzer@400,500,600&display=swap");

/* --- Sarmalayıcı: ortalanmış, üstte yüzen --- */
.lm-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 20px 0;
  font-family:'Switzer',-apple-system,'Segoe UI',sans-serif;
}

/* --- Pill (cam) --- */
.lm-nav__bar{
  display:flex;
  align-items:center;
  gap:26px;
  padding:12px 14px 12px 22px;
  border-radius:999px;
  background:rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(26px) saturate(180%);
  backdrop-filter:blur(26px) saturate(180%);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 14px 40px rgba(41,38,33,.12),
             inset 0 1.5px 0 rgba(255,255,255,.95);
}

/* --- Logo --- */
.lm-nav__logo{ display:flex; align-items:center; line-height:0; }
.lm-nav__logo img{ height:40px; width:auto; display:block; }

/* --- Menü linkleri --- */
.lm-nav__menu{
  display:flex;
  align-items:center;
  gap:24px;
  list-style:none;
  margin:0; padding:0;
}
.lm-nav__menu a{
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  color:rgba(41,38,33,.8);
  position:relative;
  padding:4px 0;
  transition:color .2s ease;
}
/* alt çizgi animasyonu */
.lm-nav__menu a::after{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  width:0; height:2px;
  border-radius:2px;
  background:#7790ED;
  transition:width .25s ease;
}
.lm-nav__menu a:hover{ color:#292621; }
.lm-nav__menu a:hover::after{ width:100%; }

/* aktif sayfa */
.lm-nav__menu a.is-active,
.lm-nav__menu .current-menu-item > a{
  color:#4657c9;
  font-weight:600;
}
.lm-nav__menu a.is-active::after,
.lm-nav__menu .current-menu-item > a::after{ width:100%; }

/* --- İletişim butonu --- */
.lm-nav__cta{
  background:#292621;
  color:#F8F4EC !important;
  padding:11px 20px;
  border-radius:999px;
  font-family:'Switzer',sans-serif;
  font-weight:600;
  font-size:14px;
  border:none;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .25s ease, box-shadow .25s ease;
}
.lm-nav__cta::after{ display:none; }
.lm-nav__cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(41,38,33,.28);
}

/* --- Hamburger (mobil) --- */
.lm-nav__toggle{ display:none; }

/* --- Mobil --- */
@media (max-width:860px){
  .lm-nav__bar{ gap:12px; padding:10px 10px 10px 16px; width:100%; justify-content:space-between; }
  .lm-nav__logo img{ height:34px; }
  .lm-nav__menu{
    position:absolute;
    top:78px; left:16px; right:16px;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:14px 18px;
    border-radius:22px;
    background:rgba(255,255,255,.85);
    -webkit-backdrop-filter:blur(26px) saturate(180%);
    backdrop-filter:blur(26px) saturate(180%);
    border:1px solid rgba(255,255,255,.8);
    box-shadow:0 20px 50px rgba(41,38,33,.16);
    display:none;
  }
  .lm-nav__menu.is-open{ display:flex; }
  .lm-nav__menu a{ width:100%; padding:10px 0; font-size:16px; }
  .lm-nav__menu a::after{ display:none; }

  .lm-nav__toggle{
    display:grid;
    place-items:center;
    width:40px; height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.7);
    border:1px solid rgba(255,255,255,.9);
    cursor:pointer;
  }
  .lm-nav__toggle span,
  .lm-nav__toggle span::before,
  .lm-nav__toggle span::after{
    content:"";
    display:block;
    width:16px; height:2px;
    background:#292621;
    border-radius:2px;
    position:relative;
    transition:transform .25s ease, opacity .2s ease;
  }
  .lm-nav__toggle span::before{ position:absolute; top:-5px; }
  .lm-nav__toggle span::after{ position:absolute; top:5px; }
  .lm-nav__toggle.is-open span{ background:transparent; }
  .lm-nav__toggle.is-open span::before{ transform:translateY(5px) rotate(45deg); }
  .lm-nav__toggle.is-open span::after{ transform:translateY(-5px) rotate(-45deg); }
}/* End custom CSS */