/*! Plaza Crown — masaustu acilir alt menu · Issue #151
 *
 * Token seti child temanin style.css'inden gelir (`--pc-*` orada :root'ta).
 * Burada YALNIZ Flatsome'in varsayilan acilir menusu tasarim diline cekilir.
 *
 * CANLIDA NE VARDI — 26.08.2026 olcumu:
 *   zemin  #FFFFFF          (sitenin zemini --pc-bg #FAFBFC)
 *   kenar  2px solid #DDD   (sitede 2px gri cerceve HICBIR yerde yok)
 *   golge  rgba(0,0,0,.15) 1px 1px 15px   (kaydirilmis, tokensiz)
 *   ok     ustte sivri caret
 *   radius 0
 *   Sonuc: tek ogelik ("Boxspringbetten") kocaman beyaz bir kutu,
 *   sayfanin geri kalaniyla gorsel akrabaligi sifir.
 *
 * Child temada `nav-dropdown` icin TEK kural yoktu — dokunulmamis varsayilan.
 */

/* --- 1 · KABUK ---------------------------------------------------------
 * Cerceve gitti, yuzey kaldi: sayfanin kendi zemini + nav golgesi.
 * `--pc-shadow-nav` adiyla zaten bu is icin tanimli. */

/* Panel ICERIGINE SARILIR — sabit genislik yok.
 * Ilk surumde `min-width: 13rem` (208px) vardi; "Boxspringbetten" tek
 * ogesi icin kocaman bos bir kutu cikiyordu ve kurucu *"acilan pencere ve
 * cikan yazilar navbardakinden buyuk duruyor"* dedi. Olculdu: yazi boyutu
 * ikisinde de AYNI (17,6px) — buyuk gorunen sey kutunun kendisiydi.
 * Taban olcu yalniz cok kisa etiketler icin (`Betten` gibi) duruyor. */
.nav-dropdown {
  border: 0;
  border-radius: var(--pc-radius-sm);
  background: var(--pc-bg);
  box-shadow: var(--pc-shadow-nav);
  padding: var(--pc-space-2xs) 0;
  min-width: 9rem;
  width: max-content;
  max-width: 20rem;
}

/* Flatsome'in sivri oku. Govde sinifi `nav-dropdown-has-arrow` ile geliyor;
 * ayari Customizer'dan kapatmak yerine burada susturuluyor — tek kanal,
 * tek geri alma noktasi (eklentiyi pasiflestir). */
.nav-dropdown-has-arrow li.has-dropdown::before,
.nav-dropdown-has-arrow li.has-dropdown::after {
  display: none;
}

/* Govde siniflari Flatsome'in cerceve ve golgesini IKI sinif agirliginda
 * veriyor (`.nav-dropdown-has-border .nav-dropdown`); tek sinifla yazilan
 * kural onlari gecemiyor. 26.08.2026'da olculdu: kenarlik kalkti ama golge
 * `rgba(0,0,0,.15) 1px 1px 15px` olarak kaldi. Agirlik esitleniyor. */
.nav-dropdown-has-border .nav-dropdown {
  border: 0;
}

.nav-dropdown-has-shadow .nav-dropdown {
  box-shadow: var(--pc-shadow-nav);
}

/* --- 2 · OGELER --------------------------------------------------------
 * Nav linkinin dilini surdurur: govde fontu, ink metin, hover'da marka
 * yesili. Dokunma hedegi 44px (--pc-touch). */

/* Flatsome ogeye `margin: 0 10px` veriyor ve yatay dolguyu 0'da tutuyor;
 * girinti o marjdan geliyordu. Marj sifirlanip yerine gercek dolgu konuyor —
 * boylece metin panel kenarindan olculebilir bir uzaklikta duruyor ve
 * panel genisligi metne gore hesaplaniyor.
 * Ozgulluk `.nav-dropdown > li > a` (0,1,2); Flatsome'i gecmesi icin
 * govde sinifiyla birlikte de yaziliyor (asagida). */
.nav-dropdown > li > a {
  display: flex;
  align-items: center;
  min-height: var(--pc-touch);
  margin: 0;
  padding: 0 var(--pc-space-md);
  border: 0;
  color: var(--pc-ink);
  font-family: var(--pc-font-body);
  font-size: var(--pc-text-nav);
  font-weight: var(--pc-weight-medium);
  line-height: var(--pc-leading-snug);
  text-transform: none;
  letter-spacing: normal;
  transition: color var(--pc-dur-snappy) var(--pc-ease),
              background var(--pc-dur-snappy) var(--pc-ease);
}

.nav-dropdown > li + li > a {
  border-top: var(--pc-border) solid var(--pc-surface-soft);
}

.nav-dropdown > li > a:hover,
.nav-dropdown > li > a:focus-visible {
  background: var(--pc-surface-soft);
  color: var(--pc-mark);
}

.nav-dropdown > li > a:focus-visible {
  outline: var(--pc-focus-width) solid var(--pc-focus-color);
  outline-offset: calc(var(--pc-focus-offset-sm) * -1);
}

/* Aktif/atalik durumu: nav'in kendi isaretiyle ayni renk. */
.nav-dropdown > li.current-menu-item > a,
.nav-dropdown > li.current-menu-ancestor > a {
  color: var(--pc-mark);
}

/* --- 3 · HAREKET AZALTMA ---------------------------------------------- */

/* KAZANAN KURAL — 26.08.2026'da tarayiciya soruldu.
 * Flatsome sunu basiyor (flatsome.css 3.20.9):
 *     .nav-dropdown.nav-dropdown-default > li > a {
 *         border-bottom: 1px solid #ECECEC; margin: 0 10px; padding-left: 0 }
 * Ozgulluk (0,2,2). Benim tek sinifli kurallarim (0,1,2) bunu gecemiyordu:
 * dolgu 0, marj 0 10px olarak olculdu ve girinti o marjdan geliyordu.
 * Ayni ozgullukle yazilir; sirayi eklenti kazanir (flatsome-main'den sonra
 * yukleniyor). Flatsome'in kendi ayiraci da burada kapatilir — yoksa
 * asagidaki `li + li` cizgisiyle CIFT cizgi olur. */
.nav-dropdown.nav-dropdown-default > li > a,
.nav-dropdown.nav-dropdown-has-border > li > a {
  margin: 0;
  padding: 0 var(--pc-space-md);
  border-bottom: 0;
}


@media (prefers-reduced-motion: reduce) {
  .nav-dropdown > li > a { transition: none; }
}