/* NetaFora — özəl stillər */
/* Temanın theme/css/style.css-indən SONRA yüklənir (_Layout.cshtml).
   Qayda: dizayn yalnız Voyacht temasından götürülür — burada yalnız temanın
   öz elementlərinin düzəlişləri olur, yeni dizayn/animasiya əlavə olunmur
   (dizayn reposunun README.md-si: ~/Developer/NetaFora.Corporate.Design). */

/* Menyu — 6 türkcə bənd uzundur, temanın 60px/50px aralığında iki sətrə düşür */
.main-menu .navigation > li {
  margin-right: 34px;
}
.main-menu .navigation > li:last-child {
  margin-right: 0;
}
.sticky-header .main-menu .navigation > li {
  margin-left: 34px;
}
@media (max-width: 1399.98px) {
  .main-menu .navigation > li {
    margin-right: 22px;
  }
  .sticky-header .main-menu .navigation > li {
    margin-left: 22px;
  }
}
.main-header .header-lower .logo-box {
  margin-right: 5%;
}

/* Ana səhifə — CTA bandı (video-section-two). Temada bu bölmənin tünd fonu üstündəki
   packages-section-three-ün (pull-down) qradiyentindən gəlir; o bölmə silindiyi üçün eyni rəng (--theme-color2) burada verilir */
.video-section-two {
  background-color: var(--theme-color2);
}

/* about-section-three — bottom-box temada ≥992px-də position: absolute-dur, mətn uzananda (paneldən gələn zəngin mətn)
   aşağıdakı bölmənin üstünə düşür. relative ilə görünüş eyni qalır (margin-left: -191px işləyir), amma axına qoşulur */
@media (min-width: 992px) {
  .about-section-three .content-column-two .inner-column .bottom-box {
    position: relative;
  }
}

/* Satılık Hisseler — durum etiketleri (WS-4.3). Temanın .product-block .tag-ı (qırmızı) = „İndirimli” */
.product-block .tag.tag-son-hisseler {
  background: var(--theme-color1);
}
.product-block .tag.tag-satildi {
  background: var(--theme-color2);
}
/* Filtr və sıralama linkləri — temada bu elementlər link deyil, rəngi elementin özündən gəlsin */
.filters .filter-tabs li a {
  color: inherit;
}
.shop-sidebar .category-widget .category-list li a.active {
  color: var(--theme-color1);
}
/* Fiyat aralığı — temada input 75px-dir (iki rəqəmli $ qiymət üçün); € 50.000 – € 150.000 sığsın */
.shop-sidebar .range-slider .input {
  display: block;
  max-width: none;
  margin-bottom: 15px;
}
.shop-sidebar .range-slider .input input {
  width: 100%;
}

/* Tekne detay — durum etiketi galerinin üstündə. bxslider (fade) aktiv slayda z-index: 50 verir, temanın .tag-ı 9-dur */
.product-details .product-block .tag {
  z-index: 60;
}

/* features-section-three (Nasıl Çalışır adımları, ana sayfa avantajları) — temada başlıq sütununun eni başlığın
   uzunluğundan və content-box-two/three variantlarından asılıdır, mətnlər sətir-sətir sağa-sola sürüşür.
   Başlıq sütununa sabit en verilir ki, bütün mətnlər eyni xətdən başlasın */
@media (min-width: 992px) {
  .feature-block-three .inner-box .content-box,
  .feature-block-three .inner-box .content-box-two,
  .feature-block-three .inner-box .content-box-three {
    flex: 0 0 300px;
    margin-right: 60px;
  }
}

/* Avantaj ikonu admin-dən şəkil (img) kimi gəlir — temanın hover effekti (güzgü çevrilmə) yalnız <i>-yə yazılıb */
.feature-block-three .inner-box .icon-box img {
  transition: all 300ms ease;
}
.feature-block-three .inner-box:hover .icon-box img {
  transform: scaleX(-1);
}

/* Loqo (images/logo.svg, 1379×583 ≈ 2.37:1). Temanın loqosu 206×51 (4:1) idi — yeni loqo hündürlüyə görə ölçülür */
.main-header .header-lower .logo img {
  height: 70px;
  width: auto;
}
.sticky-header .logo img {
  max-height: 54px;
}
.mobile-menu .nav-logo img {
  max-height: 56px;
}

/* Hero başlığı (banner-section-two) — temada 130px / 39px hərf aralığı 4 hərflik „YACHT” üçündür;
   8 hərflik „NETAFORA” planşet və telefonda ekrana sığmırdı */
@media (max-width: 1199.98px) {
  .banner-section-two .content-column .inner-column .title {
    font-size: 90px;
    letter-spacing: 24px;
  }
}
@media (max-width: 991.98px) {
  .banner-section-two .content-column .inner-column .title {
    font-size: 60px;
    letter-spacing: 14px;
  }
}
@media (max-width: 767.98px) {
  .banner-section-two .content-column .inner-column .title {
    font-size: 40px;
    letter-spacing: 8px;
  }
}

/* Ana səhifə hero (banner-section-two) — temada fon şəklinin üstündə qaraltma yoxdur, ağ sloqan gəminin ağ
   burnunun üstünə düşüb oxunmurdu. Daxili səhifələrin page-title-ı kimi şəklin üstünə tünd göy şəffaf qat */
.banner-section-two .bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-color2);
  opacity: 0.35;
}
.banner-section-two .content-column .inner-column .text {
  text-shadow: 0 2px 12px rgba(1, 20, 37, 0.6);
}

/* Dil seçimi (TR / EN) — temada belə element yoxdur; header-in ui-btn və call-btn ölçü/rəngləri ilə */
.main-header .lang-switch {
  display: flex;
  align-items: center;
  margin-left: 25px;
  font-family: var(--text-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
}
.main-header .lang-switch a {
  color: var(--theme-color-dark);
  transition: all 300ms ease;
}
.main-header .lang-switch a:hover,
.main-header .lang-switch a.active {
  color: var(--theme-color1);
}
.main-header .lang-switch .sep {
  margin: 0 6px;
  color: #c4c4c4;
}
/* Mobil menyu — iki zolaq (dil + sosial) alt-alta, ikisi də aşağıda */
.mobile-menu .lang-links + .social-links {
  margin-top: 0;
}
.mobile-menu .lang-links li a.active {
  color: var(--theme-color1);
}

/* Header — temada ≤1699px-də outer-box ekranın 50%-ini tutur (width: 50%), 6 türkcə menyu bəndi 1200–1400px-də
   iki sətrə düşürdü. outer-box yalnız içindəkilər qədər yer tutur və sağa sıxılır */
.main-header .header-lower .outer-box {
  width: auto;
  margin-left: auto;
}
.main-header .outer-box .call-btn a {
  white-space: nowrap;
}

/* Preloader yazısı — temada CSS-də sabit "Loading"-dir; admin-dəki preloader-text tərcüməsi data-text ilə gəlir */
.preloader[data-text]:before {
  content: attr(data-text);
}

/* Header-dəki "Bize Ulaşın" düyməsi — temada ≤1699px-də gizlənir; hər ekranda görünsün (≤1199px-də bütün outer-box
   onsuz da gizlidir, mobil menyu işləyir) və dil seçimindən aralı dursun. Kiçik ekranda daha yığcam */
.main-header .outer-box .btn-box {
  margin-left: 30px;
}
@media (max-width: 1699.98px) {
  .main-header .outer-box .btn-style-two {
    display: inline-flex;
    padding: 12px 28px;
    white-space: nowrap;
  }
}

/* Hisse kartları — eyni sırada bərabər hündürlük. Başlıq iki sətrə düşəndə kart uzanırdı; indi kartlar sıradakı
   ən hündür kartın boyundadır, „Detaylar” düyməsi həmişə ən altdadır. Grid (Satılık Hisseler) və owl karuselləri */
.row > .product-block,
.product-section .owl-stage,
.product-section .owl-item {
  display: flex;
}
.product-section .owl-item > .product-block {
  display: flex;
  width: 100%;
}
.product-block > .inner-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-block > .inner-box > .content-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-block > .inner-box > .content-box .list-style {
  margin-bottom: 1rem;
}
.product-block > .inner-box > .content-box > .theme-btn {
  margin-top: auto !important; /* bootstrap-ın .mt-3 !important-ını üstələyir */
}
/* Başlıq həmişə 2 sətir yer tutur — kartlardakı məlumat sətirləri də bir xətt üzrə düzülür */
.product-block > .inner-box > .content-box > .title {
  min-height: 2lh;
}

/* Sabit header — temada aşağı sürüşdürəndə əsas header-in yerinə ayrıca, sadələşdirilmiş .sticky-header çıxırdı
   (kiçik loqo, axtarış/dil/telefon yox) — header „dəyişirdi”. Temanın sticky-header-i söndürülür, əvəzinə eyni
   əsas header yuxarıda sabit qalır.
   .page-wrapper temada overflow: hidden-dir, bu position: sticky-ni işləməz edir; overflow: clip eyni kəsməni edir,
   amma sticky-yə mane olmur (köhnə brauzerlərdə hidden qalır — header sadəcə sabit qalmır) */
.page-wrapper {
  overflow: clip;
}
.main-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: var(--theme-color-light);
}
.main-header .sticky-header {
  display: none !important;
}

/* Ana səhifə „Satıştaki hisseler” — Çok Yakında: favorit tekne yoxdursa nümunə kartlar bulanıq, üstündə yazı və düymə
   (dizayn — index.html .cok-yakinda, style.css). Tekne əlavə olunanda avtomatik normal kartlar göstərilir */
.cok-yakinda {
  position: relative;
}
.cok-yakinda .carousel-outer {
  filter: blur(6px);
  opacity: 0.7;
  pointer-events: none;
  user-select: none;
}
.cok-yakinda-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  text-align: center;
  background-color: rgba(var(--theme-color2-rgb), 0.6);
}
.cok-yakinda-overlay .sub-title {
  color: var(--theme-color1);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.cok-yakinda-overlay .title {
  font-size: 56px;
  line-height: 1.1;
  color: var(--theme-color-light);
  margin-bottom: 15px;
}
.cok-yakinda-overlay .text {
  max-width: 460px;
  font-size: 18px;
  color: var(--theme-color-light);
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .cok-yakinda-overlay .title {
    font-size: 40px;
  }
}

/* Footer — "Developed by TURN LLC" (NoahLogistic.Corporate-dakı kimi), sosial ikonların yanında */
.footer-bottom-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.footer-developed {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: 0.75;
  transition: opacity 0.25s ease-in-out;
}
.footer-developed:hover {
  opacity: 1;
}
.footer-developed span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.footer-developed img {
  height: 24px;
  width: auto;
}