/* =====================================================================
   Marya — Özel Tema Düzeltmeleri (v2 — koyu tema)
   Bu dosya style.css'ten SONRA yüklenir. Site artık tek tip koyu zemin
   kullanıyor; bu dosyanın amacı (1) tüm metinlerin bu zemin üzerinde
   her koşulda okunaklı (açık/beyaz) kalmasını garanti altına almak,
   (2) WhatsApp butonu gibi yeni bileşenleri biçimlendirmek.
   ===================================================================== */

/* Sayfanın geneli koyu zemin kullanır */
html, body {
  background-color: var(--page-bg);
}

/* Metin seçimi (fare ile sürükleyip seçme) tarayıcı varsayılanı yerine
   sitenin kendi renkleriyle görünsün; ekran görüntülerinde "mavi kutu"
   izlenimi vermesin. */
::selection {
  background-color: var(--base-color-1);
  color: #fff;
}
::-moz-selection {
  background-color: var(--base-color-1);
  color: #fff;
}

/* ---- GÜVENLİK AĞI: site genelinde varsayılan metin rengi ----
   Bunlar DÜŞÜK ÖZGÜLLÜKTE (low specificity) kurallardır; herhangi bir
   bileşenin KENDİ (daha özgül) rengi varsa o kazanır. Burada amaç,
   "unutulmuş" / özel renk atanmamış hiçbir metnin koyu zeminde
   kaybolmamasını garanti etmektir. */
body, p, li, td, th, label, h1, h2, h3, h4, h5, h6 {
  color: var(--body-color);
}
h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
}
a {
  color: inherit;
}
a:hover {
  color: var(--base-color-1);
}

/* Formlardaki input/textarea/select metinleri de her zaman açık kalsın */
input, textarea, select {
  color: var(--heading-color);
}

/* ---- Kart / bölüm yüzeyleri: hepsi aynı koyu tonu paylaşır ---- */
.ori-service-page-service-inner-item .service-text h3,
.ori-service-page-service-inner-item .service-text h3 a,
.ori-service-page-service-inner-item .service-icon i {
  color: var(--heading-color);
}
.ori-service-details-widget .widget-title {
  color: var(--heading-color);
}
.ori-service-details-widget .category-widget ul li a {
  color: var(--body-color);
}
.ori-service-details-widget .category-widget ul li a:hover {
  color: var(--heading-color);
}
.ori-footer-widget .widget-title {
  color: var(--heading-color);
}
.ori-footer-widget .menu-location-widget li a,
.ori-footer-widget .contact-widget span,
.ori-footer-widget .contact-widget a {
  color: var(--body-color);
}
.ori-footer-widget .menu-location-widget li a:hover {
  color: var(--heading-color);
}
.ori-copyright-text {
  color: var(--body-color);
}
.ori-blog-inner-item .blog-inner-text h3 a {
  color: var(--heading-color);
}
.ori-blog-inner-item .read-more {
  color: var(--base-color-1);
}
.ori-inner-section-title .sub-title {
  color: var(--base-color-1);
}

/* =====================================================================
   WhatsApp Hızlı Randevu Butonu
   ===================================================================== */
.ori-whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #25D366;
  color: #fff;
  padding: 14px 20px;
  border-radius: 50px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ori-whatsapp-float:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}
.ori-whatsapp-float i {
  font-size: 22px;
}
.ori-whatsapp-float-text {
  white-space: nowrap;
}
@media (max-width: 576px) {
  .ori-whatsapp-float {
    right: 16px;
    bottom: 16px;
    padding: 14px;
  }
  .ori-whatsapp-float-text {
    display: none;
  }
}

/* =====================================================================
   Sayfa geçiş efekti kaldırıldı: bazı tarayıcı/eklenti kombinasyonlarında
   sayfalar arası geçişte kısa bir kararma/solma hissi oluşturan efektler
   burada devre dışı bırakılıyor.
   ===================================================================== */
.ori-page-transition,
.ori-transition-overlay {
  display: none !important;
}

/* =====================================================================
   Mobil Düzeltme: Header'daki "Randevu Al" butonu, logo mobilde ortaya
   alınıp konumu değiştiğinde onunla üst üste biniyordu. Bu genişlikten
   sonra gizleniyor; zaten aynı buton mobil menünün içinde de var.
   ===================================================================== */
@media screen and (max-width: 991px) {
  .ori-header-randevu-btn {
    display: none !important;
  }
}

/* =====================================================================
   Mobil Düzeltme: Şablonun fare imlecini takip eden özel "cursor" efekti
   (masaüstüne özel bir tasarım detayı) dokunmatik cihazlarda hiçbir
   mouse hareketi olmadığı için ekranda sabit bir noktada takılı
   kalıyordu. Dokunmatik/mobil cihazlarda tamamen gizleniyor.
   ===================================================================== */
@media (hover: none), (max-width: 991px) {
  .cursor {
    display: none !important;
  }
}

/* =====================================================================
   Mobil Düzeltme: Header içindeki logo ve menü butonu "position: absolute"
   ile ortalandığı için, onları saran kutunun yüksekliği neredeyse sıfıra
   iniyor ve ikisi de ekranın en üstüne yapışık görünüyordu. Kutuya somut
   bir minimum yükseklik vererek ortalamanın gerçekten çalışmasını
   sağlıyoruz.
   ===================================================================== */
@media screen and (max-width: 991px) {
  .ori-header-section .ori-header-content-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
  }
  .ori-header-section .ori-header-content {
    position: static;
    flex: 1;
  }
  .ori-header-section .mobile_menu {
    position: static;
    flex-shrink: 0;
  }
  .ori-header-section .mobile_menu_button {
    position: static !important;
    transform: none !important;
    display: block !important;
    line-height: 1 !important;
  }
  .ori-header-section .brand-logo {
    position: static !important;
    transform: none !important;
    margin: 0 auto;
  }
}

/* =====================================================================
   Mobil Düzeltme: Kart üzerine gelince beliren ok ikonu (.ori-service-more,
   120px!) dokunmatik cihazlarda "hover" durumu takılı kalabildiği için
   bazen ekranda asılı kalabiliyordu. Şimdi "hover"a bağlı olmadan,
   küçük ve sabit bir rozet olarak her zaman görünüyor.
   ===================================================================== */
@media (hover: none), (max-width: 991px) {
  .ori-service-inner-item .ori-service-more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    top: auto !important;
    bottom: 14px;
    right: 14px;
    left: auto !important;
    transform: none !important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.45);
  }
  .ori-service-inner-item .ori-service-more a {
    font-size: 18px !important;
  }
}

/* =====================================================================
   Slider Sayfa Numaraları (01, 02, 03...) Düzeltmesi: Şablonun
   varsayılan tasarımı her nokta arasına 100px boşluk koyuyordu, bu
   yüzden slider sayısı arttıkça bu liste ekranın dışına taşıp
   "uzayıp gidiyordu". style.css içinde boyut/boşluk küçültülüp
   yüksekliği sınırlandırıldı. Mobilde yer kaplamaması için tamamen
   gizleniyor.
   ===================================================================== */
@media screen and (max-width: 991px) {
  .ori-slider-wrap-1 .slick-dots {
    display: none !important;
  }
}

/* =====================================================================
   Hero Metni Görünürlük Düzeltmesi: Başlık, alt açıklama ve buton
   orijinal tasarımda Slick carousel'in "aktif slayt" sınıfını eklemesine
   bağlı bir "solma/kayma" animasyonuyla görünür hale geliyordu. Bu,
   bazı cihazlarda/tarayıcılarda (özellikle mobilde) carousel geç veya
   eksik başlatıldığında metnin görünmez ya da yarı saydam/kaymış
   halde "takılı" kalmasına yol açabiliyordu. Artık başlık ve buton
   carousel durumundan bağımsız olarak her zaman anında görünür.
   ===================================================================== */
.ori-slider-text h1,
.ori-slider-text .slider-play-btn {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* =====================================================================
   "Kaydırınca Beliren" (WOW.js) Animasyon Düzeltmesi: Şablon, birçok
   başlık/kart/buton elemanını sayfa kaydırılırken görünür hale gelecek
   şekilde tasarlamış (class="wow fadeInLeft" vb.). Bu efekt, tetikleme
   mekanizması güvenilir çalışmadığında elemanları KALICI OLARAK
   "visibility: hidden" durumunda bırakabiliyor — bu hem elemanın hiç
   görünmemesine hem de üzerine TIKLANAMAMASINA yol açıyor (görünmeyen
   "Hizmetlerimiz" / "Bloglarımız" başlık ve butonlarının tıklanamaması
   sorununun nedeni budur). Bu riski tamamen ortadan kaldırmak için tüm
   "wow" elemanları artık bu animasyona bağlı olmadan her zaman anında
   görünür ve tıklanabilir.
   ===================================================================== */
.wow {
  visibility: visible !important;
}

/* =====================================================================
   Hizmet Kartı Görsel Boyutu Düzeltmesi: Kart görseli için sabit bir
   yükseklik/oranı tanımlı değildi; admin panelinden yüklenen görselin
   kendi en-boy oranına göre kart boyu çok uzayabiliyor, bu da kartlar
   arasında (özellikle mobilde) çok büyük boşluklar gibi görünen bir
   etki yaratıyordu. Artık hangi görsel yüklenirse yüklensin, kart
   görseli her zaman tutarlı bir yükseklikte ve orantılı kırpılarak
   gösteriliyor.
   ===================================================================== */
.ori-service-inner-item .ori-service-img {
  height: 360px !important;
  overflow: hidden !important;
}
.ori-service-inner-item .ori-service-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ori-service-content-1 .row {
  align-items: flex-start !important;
}
@media screen and (max-width: 480px) {
  .ori-service-inner-item .ori-service-img {
    height: 260px !important;
  }
}

/* =====================================================================
   Blog Kartı Görsel Boyutu Düzeltmesi (Anasayfa "Son Postlarımız" ve
   Blog listesi): Hizmet kartlarındaki ile aynı sorun — kart görseli
   için sabit bir yükseklik/oran tanımlı değildi, admin panelinden
   yüklenen görselin kendi en-boy oranına göre kart boyu değişip
   kartlar arasında düzensiz görünüme yol açıyordu. Artık hangi görsel
   yüklenirse yüklensin, kart görseli her zaman tutarlı bir yükseklikte
   ve orantılı kırpılarak gösteriliyor.
   ===================================================================== */
.ori-blog-inner-item .blog-inner-img {
  height: 260px !important;
}
.ori-blog-inner-item .blog-inner-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
@media screen and (max-width: 480px) {
  .ori-blog-inner-item .blog-inner-img {
    height: 220px !important;
  }
}

/* =====================================================================
   Dokunmatik Cihazlarda Dokununca Kayma Sorunu: Kartın kendisi, fare
   ile üzerine gelince (hover) çeşitli geçiş efektleri (karartma katmanı
   genişlemesi, ok simgesinin yeniden konumlanması) tetikleyecek şekilde
   tasarlanmış. Dokunmatik cihazlarda bir dokunuş bazen ":hover" durumunu
   tetikleyip bu geçişlerin YARIDA/yanlış konumda kalmasına neden
   olabiliyordu. Dokunmatik cihazlarda bu geçişlerin tamamı devre dışı
   bırakıldı; kart her zaman sabit, "dinlenme" halindeki görünümünü korur.
   ===================================================================== */
@media (hover: none), (max-width: 991px) {
  .ori-service-inner-item,
  .ori-service-inner-item * {
    transition: none !important;
  }
  .ori-service-inner-item .ori-service-more {
    top: auto !important;
    bottom: 14px !important;
    opacity: 1 !important;
  }
  .ori-service-inner-item:before {
    width: 0 !important;
  }
}

/* =====================================================================
   Koyu Tema (ziyaretçinin sağ üstteki ay/güneş ikonuyla açıp kapattığı
   tercih; varsayılan her zaman açık temadır). Tercih localStorage'da
   tutulur (bkz. general/layout/header.blade.php script'i). Öznitelik
   seçicisi (:root[data-theme="dark"]) sayesinde, admin panelinden
   enjekte edilen renk değişkenlerinin (header.blade.php <style> bloğu)
   ÜZERİNE, dosya sırasından bağımsız olarak yazar — çünkü CSS'te eşit
   kökenli kurallarda önce özgüllük (specificity), sonra sıra kazanır. */
/* =====================================================================
   Dekoratif arkaplan çizgileri (.line_animation): şablonda sabit koyu
   renkte (#1C1C1C) tanımlıydı, çünkü orijinal tasarım hep koyu zemin
   varsayıyordu. Açık zeminde bu çizgiler siyah/belirgin kalıp göze
   batıyordu; artık zemine göre uyum sağlayan ince bir çizgiye çevrildi.
   ===================================================================== */
.line_animation .line_area {
  border-right: 1px solid var(--surface-border) !important;
}

/* "Sıcak Bir Dinleyici" kayan yazı bölümünün üst/alt çerçevesi
   (.ori-text-scroll-section-2) şablonda sabit #1C1C1C renkteydi; koyu
   temanın lacivert zemininden (farklı ton) belirgin şekilde ayrışıp
   göze batan bir çizgi oluşturuyordu. Koyu temada tamamen kaldırıldı. */
:root[data-theme="dark"] .ori-text-scroll-section-2 {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

/* Header logosu: açık temada renkli/koyu metinli logo, koyu temada
   beyaz metinli logo gösterilir. İkisi de basılır, CSS ile hangisinin
   görüneceği seçilir (JS'siz, anlık tema geçişine uyumlu). */
.brand-logo .logo-dark {
  display: none;
}
:root[data-theme="dark"] .brand-logo .logo-light {
  display: none;
}
:root[data-theme="dark"] .brand-logo .logo-dark {
  display: inline-block;
}

/* Logo boyutu: şablonun tablet/mobil kırılım noktalarında brand-logo
   kapsayıcısına sabit dar bir genişlik (150px) veriliyordu, bu da
   büyütülen logoyu görünmeden kırpıyordu. Kapsayıcı genişliği burada
   gevşetiliyor. */
@media screen and (max-width: 1024px) {
  .ori-header-section .brand-logo {
    width: 190px;
  }
}
.line_animation .line_area:before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--base-color-1)), to(transparent)) !important;
  background-image: linear-gradient(0deg, var(--base-color-1), transparent) !important;
  opacity: 0.6;
}

/* =====================================================================
   Anasayfa Slider — Yazı Konumu (Sol / Orta / Sağ)
   Admin panelinden ("Anasayfa Slider > Yazı Konumu") her slayt için
   ayrı ayrı seçilebilir. .ori-slider-text varsayılan olarak
   margin:0 auto ile ortalanıyordu (bkz. style.css); sol/sağ seçildiğinde
   bu ortalama devre dışı bırakılıp metin bloğu ilgili kenara yaslanıyor.
   ===================================================================== */
.ori-slider-text.ori-slider-align-orta {
  margin: 0 auto;
  text-align: center;
}
.ori-slider-text.ori-slider-align-sol {
  margin: 0;
  text-align: left;
  /* Slider bölümü kenardan kenara (full-bleed) olduğu için, metin
     tam sol kenara yapışıp taşmasın diye bir "nefes payı" (gutter)
     veriyoruz. Sol kenarda ayrıca dikey Instagram/Facebook linkleri
     (.ori-slider-social, left:100px) bulunduğu için soldaki pay
     bunları da temizleyecek kadar geniş tutuluyor. */
  padding: 0 6vw 0 clamp(24px, 12vw, 170px);
}
.ori-slider-text.ori-slider-align-sag {
  margin: 0 0 0 auto;
  text-align: right;
  padding: 0 clamp(24px, 8vw, 100px) 0 6vw;
}

/* .ori-slider-img, görsel olarak .ori-slider-text'in İÇİNDE bir <div>
   olduğu için (bkz. general/home.blade.php), text-align:left/right
   ayarları miras yoluyla görseli de metinle AYNI tarafa itiyordu — yani
   "Yazı Konumu: Sol" seçildiğinde görsel de sola kayıyordu. Bu üç kural,
   görselin kendi text-align değerini metninkinden bağımsız olarak
   KARŞI tarafa sabitler: metin solda ise görsel sağda kalır, metin
   sağda ise görsel solda kalır. "Orta" davranışı hiç değişmedi. */
.ori-slider-align-sol .ori-slider-img {
  text-align: right;
}
.ori-slider-align-sag .ori-slider-img {
  text-align: left;
}
.ori-slider-align-orta .ori-slider-img {
  text-align: center;
}

/* =====================================================================
   Konturlu (outline) Metin Rengi Düzeltmesi: style.css'teki bazı "içi
   boş, sadece kontur çizgili" başlık efektleri (-webkit-text-stroke)
   sabit BEYAZ renk kullanıyordu; bu efekt koyu fotoğraf/zemin
   varsayımıyla tasarlanmıştı. Sitenin genel zemini artık açık renk
   olduğundan, beyaz kontur açık zeminde görünmez hale geliyordu
   ("Sıcak Bir Dinleyici", "Randevu Alın" düğmesindeki "Alın" kelimesi,
   ve ana sayfa slider başlığındaki ikinci kelime gibi metinler
   kayboluyordu). Ana slider'daki başlığın altı koyu geçişli bir
   fotoğraf zemini olsa da, başlık metninin kendisi çoğunlukla o koyu
   alanın ÜSTÜNDE, sitenin düz (açık) zemininde duruyor; bu yüzden o da
   dahil edildi. Kontur rengi artık temaya göre değişen --heading-color
   değişkenini kullanıyor (açık temada koyu, koyu temada beyaz). */
.ori-text-scroll-content h3 span,
.ori-footer-title h2 span,
.ori-slider-text h1 span {
  -webkit-text-stroke-color: var(--heading-color) !important;
}

/* =====================================================================
   Footer Alt Bar (Telif Hakkı Şeridi) Tasarım Yenilemesi + Görünürlük:
   Sosyal medya ikonları da aynı "koyu zemin varsayımı" ile sabit beyaz
   renkteydi (style.css .ori-copyright-social a { color:#fff }), açık
   zeminde görünmüyordu. Ayrıca şerit biraz daha "nefes alan", ayrı bir
   blok gibi görünmesi için hafif üst çizgi ve dikey boşluk artırıldı.
   ===================================================================== */
.ori-footer-copyright-refresh {
  border-top: 1px solid var(--surface-border) !important;
  padding: 28px 0 !important;
  flex-wrap: wrap;
  gap: 14px;
}
.ori-footer-copyright-refresh .ori-copyright-text {
  font-size: 13px;
  letter-spacing: 0.02em;
  opacity: 0.85;
}
.ori-footer-copyright-refresh .ori-copyright-social a {
  color: var(--heading-color) !important;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--surface-border);
  margin-left: 10px !important;
  transition: all 0.25s ease;
}
.ori-footer-copyright-refresh .ori-copyright-social a:hover {
  color: #fff !important;
  background-color: var(--base-color-1);
  border-color: var(--base-color-1);
}

.ori-slider-subtitle {
  margin-top: 20px;
}
.ori-slider-align-orta .ori-slider-subtitle {
  margin-left: auto;
  margin-right: auto;
}
.ori-slider-align-sol .ori-slider-subtitle {
  margin-left: 0;
  margin-right: auto;
}
.ori-slider-align-sag .ori-slider-subtitle {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 767px) {
  /* Dar ekranlarda sola/sağa yaslanmış uzun başlıklar taşabildiği
     için mobilde okunabilirlik adına her zaman ortalanır. */
  .ori-slider-text.ori-slider-align-sol,
  .ori-slider-text.ori-slider-align-sag {
    margin: 0 auto;
    text-align: center;
  }
  .ori-slider-align-sol .ori-slider-subtitle,
  .ori-slider-align-sag .ori-slider-subtitle {
    margin-left: auto;
    margin-right: auto;
  }
}

:root[data-theme="dark"] {
  /* Marya Koyu (#18212B) zemin üzerine kurulu koyu tema. */
  --heading-color: #FFFFFF;
  --body-color: #D7DCE2;
  --page-bg: #18212B;
  --dark-surface: #223046;
  --surface-border: rgba(255, 255, 255, 0.08);
  --on-surface: #FFFFFF;
  --on-surface-muted: #B9C2CC;
}

/* =====================================================================
   Marya Tipografi Sistemi: Montserrat ana yazı tipi (başlık/gövde/CTA),
   Cormorant Garamond ise marka kılavuzuna göre SADECE seçili
   alıntı/vurgu metinlerinde ("toplam kullanımın en fazla %10'u") —
   müşteri yorumları (testimonial) ve blog alıntılarında (blockquote)
   zarif bir vurgu için kullanılıyor.
   ===================================================================== */
.ori-testimonial-item-1 p,
.ori-blog-details-text-wrapper blockquote p {
  font-family: var(--accent-font), serif;
  font-style: italic;
  font-weight: 500;
}

/* =====================================================================
   Marya Marka Motifi — İç İçe Çember Süslemesi: Marka kimliğindeki
   amblemin çember/kavis diliyle uyumlu, iki iç içe halka şeklinde ince
   bir dekor. Kaynak marka dosyaları (arka plan paketi) Instagram gönderi
   ölçüsünde (1080x1350) hazırlandığı için doğrudan site arka planı
   olarak kullanılmadı; aynı görsel dil CSS ile hafif ve her çözünürlükte
   keskin kalacak şekilde yeniden üretildi. "Randevu Alın" CTA kutusunda
   kullanılıyor.
   ===================================================================== */
.ori-footer-title {
  position: relative;
  overflow: hidden;
}
.ori-footer-title::before,
.ori-footer-title::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid var(--base-color-2);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}
.ori-footer-title::before {
  width: 260px;
  height: 260px;
  top: -140px;
  right: -60px;
}
.ori-footer-title::after {
  width: 160px;
  height: 160px;
  bottom: -90px;
  left: 6%;
  border-color: var(--base-color-1);
  opacity: 0.25;
}
.ori-footer-title a {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .ori-footer-title::before,
  .ori-footer-title::after {
    display: none;
  }
}

/* =====================================================================
   Mobil Uygulama "Çok Yakında" Butonları + Bildirim Kutusu
   ===================================================================== */
.ori-app-download-wrap {
  padding: 40px 0 10px;
  border-top: 1px solid var(--surface-border);
  margin-top: 10px;
}
.ori-app-download-title {
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 16px;
}
.ori-app-download-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
.ori-app-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 22px;
  border-radius: 12px;
  border: 1px solid var(--surface-border);
  background: var(--dark-surface);
  color: var(--heading-color);
  text-decoration: none;
  transition: all 0.25s ease;
}
.ori-app-btn:hover {
  color: #fff;
  background: var(--base-color-1);
  border-color: var(--base-color-1);
}
.ori-app-btn i {
  font-size: 26px;
}
.ori-app-btn span {
  display: flex;
  flex-direction: column;
  font-size: 11px;
  line-height: 1.3;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ori-app-btn span strong {
  font-size: 15px;
  text-transform: none;
  letter-spacing: normal;
}

.ori-coming-soon-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(24, 33, 43, 0.55);
  padding: 20px;
}
.ori-coming-soon-overlay.active {
  display: flex;
}
.ori-coming-soon-box {
  position: relative;
  max-width: 380px;
  width: 100%;
  background: var(--page-bg);
  color: var(--heading-color);
  border-radius: 16px;
  padding: 40px 30px 34px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.ori-coming-soon-icon {
  font-size: 42px;
  margin-bottom: 10px;
}
.ori-coming-soon-box h4 {
  margin-bottom: 10px;
}
.ori-coming-soon-box p {
  color: var(--body-color);
  margin-bottom: 0;
}
.ori-coming-soon-close {
  position: absolute;
  top: 12px;
  right: 16px;
  border: none;
  background: none;
  font-size: 26px;
  line-height: 1;
  color: var(--body-color);
  cursor: pointer;
}

/* =====================================================================
   Anasayfa Slider — "Kaydır" Göstergesi Konum Düzeltmesi
   style.css'te bu bileşen "bottom:-50px" ile bilerek hero bölümünün
   ALT SINIRININ 50px dışına taşırılmıştı. Sitenin güncel yüksekliğiyle
   bu, göstergenin (KAYDIR yazısı + fare ikonu) tam ortadan ikiye
   bölünüp yarısının koyu hero zemininde, yarısının bir sonraki (beyaz)
   bölümün üstünde asılı kalmasına yol açıyordu. Artık gösterge hero
   bölümünün İÇİNDE, alt kenara yakın sabit bir noktada duruyor.
   ===================================================================== */
.ori-slider-section-1 .ori-slider-scroll {
  bottom: 30px !important;
}

/* =====================================================================
   Anasayfa Slider — Görsel Giriş Efekti Düzeltmesi
   style.css'teki orijinal efekt, slayt görselini "translateY(50px)"
   ile aşağıdan yukarı doğru kaydırarak beliriyordu; bu hareket,
   görselin altı kesik/yarım şekilde ekrana girmesi gibi tuhaf bir
   izlenim veriyordu. Yerine, görselin olduğu yerde hafifçe büyüyerek
   belirdiği daha sakin bir efekt kondu (dikey kayma yok).
   ===================================================================== */
.ori-slider-content-1 .ori-slider-img {
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
}
.ori-slider-content-1.slick-current.slick-active .ori-slider-img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* =====================================================================
   Anasayfa Slider — "Tam Boyut" (Boydan Boya Görsel) Modu
   Admin panelinden bir slayt için "Kullanım Tipi: Tam Boyut" seçilirse
   (bkz. dashboard/slider/add.blade.php, general/home.blade.php), metin
   ve görsel yan yana değil; görsel tüm slayt alanını kaplar, başlık/
   açıklama/buton ise (varsa) görselin üzerinde ortalanmış bir katman
   olarak görünür. Masaüstü ve mobil için ayrı görsel yüklenebilir.
   ===================================================================== */
.ori-slider-content-1--full {
  min-height: 640px;
  padding: 0 !important;
  overflow: hidden;
}
.ori-slider-content-1--full:before {
  /* style.css'teki alt-koyulaştırma gradyanı tam boyut modunda
     gerekmiyor; okunabilirlik zaten .ori-slider-full-overlay:before
     ile sağlanıyor. */
  content: none;
}
.ori-slider-full-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ori-slider-full-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ori-slider-full-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 24px;
}
.ori-slider-full-overlay:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 13, 13, 0.25) 0%, rgba(13, 13, 13, 0.55) 100%);
  z-index: -1;
}
.ori-slider-full-overlay h1,
.ori-slider-full-overlay p {
  color: #fff;
}
.ori-slider-full-overlay h1 span {
  -webkit-text-stroke-color: #fff !important;
}
@media (max-width: 767px) {
  .ori-slider-content-1--full {
    min-height: 480px;
  }
}