/* ==========================================================================
   Lora Mobilya – Genel düzeltmeler (tüm sayfalar, en son yüklenir)
   1) Hello Elementor'ın pembe (#c36) buton/link renklerini nötrler
   2) Sağ sabit çubuğu yalnızca menü açıkken gösterir, 160px boşlukları kaldırır
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Pembe (#c36) renk sıfırlaması
   Hello Elementor reset.css devre dışı bırakıldı (functions.php); bu kurallar
   eklentilerden ya da önbellekten gelebilecek kalıntılara karşı güvencedir.
   -------------------------------------------------------------------------- */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  border-color: transparent;
  color: inherit;
  font-family: inherit;
}
button:hover,
button:focus,
[type="button"]:hover,
[type="button"]:focus,
[type="reset"]:hover,
[type="reset"]:focus,
[type="submit"]:hover,
[type="submit"]:focus {
  background-color: transparent;
  color: inherit;
}
button:focus-visible,
[type="button"]:focus-visible,
[type="submit"]:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
/* Bootstrap'in kendi renkli butonları (btn-*) kendi renginde kalsın */
.btn:hover, .btn:focus { color: var(--bs-btn-hover-color, inherit); background-color: var(--bs-btn-hover-bg, transparent); }
::selection { background: #2b2b2b; color: #fff; }

/* --------------------------------------------------------------------------
   2. Menü ikonu (header) + açılır sağ panel
   -------------------------------------------------------------------------- */

/* Mobil hamburger her zaman üstte kalabilir; masaüstünde header'daki kullanılır */
@media (min-width: 992px) {
  /* Sağ çubuk: varsayılanda gizli, menü açılınca sağdan kayarak gelir */
  .r-fixed {
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .5s ease, visibility 0s linear .5s;
    z-index: 1000000 !important;
    box-shadow: none !important;
  }
  html.lora-menu-open .r-fixed {
    transform: none;
    visibility: visible;
    transition: transform .5s ease, visibility 0s;
  }

  /* 160px sağ boşlukları kaldır */
  .pd-160, .pd-160-r { padding-right: 0 !important; }
  .pd-50-160, .pd-50-160-ic { padding-right: 50px !important; }
}
@media (min-width: 1400px) {
  .pd-50-160, .pd-50-160-ic { padding-right: 100px !important; }
}

@media (max-width: 991.98px) {
  /* Mobil alt çubuk: yalnızca menü açıkken görünür */
  .r-fixed { display: none !important; }
  html.lora-menu-open .r-fixed { display: block !important; z-index: 1000000 !important; }
}

/* Menü açıkken çubuktaki kapatma (X) ikonu */
html.lora-menu-open #bar .h-150-s { background: #6e6e72; }
#bar .bar1, #bar .bar2, #bar .bar3 { background-color: #fff; }

/* --------------------------------------------------------------------------
   Header – sabit (fixed), kaymasız
   Eski şablondaki absolute → fixed geçişi, -95px margin ve logo boyut sıçraması
   kaldırıldı. Header hep aynı yerde durur, kaydırınca yalnızca yumuşakça küçülür.
   -------------------------------------------------------------------------- */
:root { --lora-red: #ff0000; --lora-red-dark: #cc0000; --lora-hh: 104px; --lora-hh-s: 76px; }
@media (max-width: 991.98px) { :root { --lora-hh: 72px; --lora-hh-s: 64px; } }

#header.lora-header,
#header.lora-header.sticky {
  position: fixed !important; top: 0; left: 0; right: 0; z-index: 1000 !important;
  height: var(--lora-hh); margin: 0 !important; padding: 0 !important;
  background: rgba(255,255,255,.97) !important;
  -webkit-backdrop-filter: saturate(160%) blur(8px); backdrop-filter: saturate(160%) blur(8px);
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  transition: height .35s ease, box-shadow .35s ease;
}
#header.lora-header.sticky { height: var(--lora-hh-s); box-shadow: 0 8px 30px -12px rgba(0,0,0,.18); }
body.admin-bar #header.lora-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar #header.lora-header { top: 46px; } }

.lora-header-in { height: 100%; max-width: 1600px; margin: 0 auto; padding: 0 clamp(20px, 3.5vw, 50px); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.lora-logo { display: block; flex: 0 0 auto; line-height: 0; }
.lora-logo img { width: auto; height: calc(var(--lora-hh) - 36px); max-height: 68px; transition: height .35s ease; }
.sticky .lora-logo img { height: calc(var(--lora-hh-s) - 24px); }

.lora-header-right { display: flex; align-items: center; gap: 22px; }
.lora-h-link { display: inline-flex; align-items: center; gap: 10px; margin: 0 !important; color: #23272a !important; font-size: 13px; font-weight: 500; letter-spacing: .02em; text-decoration: none; transition: color .25s; white-space: nowrap; }
.lora-h-link i { font-size: 18px; line-height: 1; }
.lora-h-link:hover { color: var(--lora-red) !important; }
.lora-h-search span { text-transform: uppercase; font-size: 12px; letter-spacing: .12em; }
.lora-h-sep { width: 1px; height: 26px; background: #e2e2e2; }

.lora-menu-btn { display: inline-flex; flex-direction: column; justify-content: center; width: 44px; height: 44px; padding: 0 !important; margin: 0 0 0 4px; background: none !important; border: 0 !important; cursor: pointer; }
.lora-menu-btn span { display: block; width: 34px; height: 2px; margin: 4px 0 !important; background: #23272a !important; transition: transform .35s, opacity .35s, width .35s; }
.lora-menu-btn span:nth-child(2) { width: 24px; }
.lora-menu-btn:hover span:nth-child(2) { width: 34px; }

/* Eski header boşluk elemanı → header yüksekliği kadar */
.mh-150 { min-height: var(--lora-hh) !important; height: var(--lora-hh); background: #fff; }

/* Arama kutusu header'ın üstünde açılsın */
#searchbox { position: fixed !important; top: 0; left: 0; right: 0; z-index: 1001 !important; height: auto !important; padding: 26px 0 !important; box-shadow: 0 10px 30px -15px rgba(0,0,0,.2); }

@media (max-width: 991.98px) {
  .lora-h-mail, .lora-h-sep, .lora-h-search span, .lora-menu-btn { display: none !important; }
  /* Mobil menü ikonu header'ın sağ tarafına hizalanır (menü açıkken X olarak üstte kalır) */
  #trigger-overlay.bar-mobile { top: 0 !important; right: 0 !important; height: var(--lora-hh); margin: 0 !important; padding: 0 20px; display: flex !important; flex-direction: column; justify-content: center; transition: height .35s ease; }
  html.lora-header-sticky #trigger-overlay.bar-mobile { height: var(--lora-hh-s); }
  #trigger-overlay .bar1, #trigger-overlay .bar2, #trigger-overlay .bar3 { width: 30px; margin: 3.5px 0; background-color: #23272a; }
  #trigger-overlay.change .bar1, #trigger-overlay.change .bar3 { background-color: #fff; }
  .lora-header-right { margin-right: 58px; gap: 14px; }
}
@media (min-width: 992px) {
  #trigger-overlay { display: none !important; }
}

/* --------------------------------------------------------------------------
   3. Kaydırma düzeltmesi
   Eski CSS (html/body height:100% + body overflow-x:hidden) sayfanın pencere yerine
   <body> içinde kaymasına yol açıyordu; sticky header ve kaydırma efektleri çalışmıyordu.
   -------------------------------------------------------------------------- */
html { height: auto !important; overflow-x: clip !important; }
body, body.mayadis-page { height: auto !important; overflow-x: clip !important; }
html.overflow-y, html.overflow-y body { overflow: hidden !important; }

/* --------------------------------------------------------------------------
   4. Eski temadan kalanlar
   -------------------------------------------------------------------------- */
/* Menüdeki turuncu panelin arka planındaki eski klinik fotoğrafı */
.menu-left-bg { background-image: none !important; }
/* Mobil alt çubuktaki pembe / mor butonlar → nötr tonlar */
@media (max-width: 991.98px) {
  .mobile-button1-bg { background: #2b2b2b !important; }
  .mobile-button2-bg { background: #3a3a3a !important; }
  .mobile-button3-bg { background: #4a4a4a !important; }
  .mobile-button1-bg a, .mobile-button2-bg a, .mobile-button3-bg a { color: #fff !important; }
}
/* Footer arka planındaki eski klinik fotoğrafı */
.footer-bg, .no-webp .footer-bg { background-image: none !important; background-color: #fff; }

/* Ana sayfa hero'su sabit header'ın altından başlar */
.mayadis-hero-slider-wrap,
.mayadis-hero-slider-wrap .slider { height: calc(100vh - var(--lora-hh)) !important; min-height: 520px; }
.mayadis-hero-slider-wrap .slider .box { height: 100% !important; }

/* ==========================================================================
   5. Ortak sayfa genişliği
   Header, içerik bölümleri ve footer aynı genişlikte ve aynı kenar hizasında durur.
   Genişliği değiştirmek için yalnızca --lora-container değerini değiştirin.
   ========================================================================== */
:root {
  --lora-container: 1320px;                                  /* içerik genişliği */
  --lora-gutter: clamp(20px, 4vw, 50px);                     /* kenar boşluğu */
  --lora-wrap: calc(var(--lora-container) + 2 * var(--lora-gutter));
  /* Tam genişlikteki bölümlerde içerik kenarının ekrandaki konumu */
  --lora-edge: max(var(--lora-gutter), calc((100vw - var(--lora-container)) / 2));
}

/* Header */
.lora-header-in { max-width: var(--lora-wrap) !important; padding: 0 var(--lora-gutter) !important; }

/* Yeni bölümler (ana sayfa, kurumsal sayfalar) */
.ls-wrap { max-width: var(--lora-wrap) !important; padding-left: var(--lora-gutter) !important; padding-right: var(--lora-gutter) !important; }

/* Eski şablon kapsayıcıları (footer, eski sayfa bölümleri) */
.pd-50-160, .pd-50-160-ic {
  max-width: var(--lora-wrap); margin-left: auto !important; margin-right: auto !important;
  padding-left: var(--lora-gutter) !important; padding-right: var(--lora-gutter) !important;
}
.footer-bg > .pd-50-160 { padding-top: 50px; padding-bottom: 50px; }
.footer-bg .footer-shadow { margin-left: 0; margin-right: 0; }

/* Ürün sayfası kapsayıcıları */
.lu-page { --lu-wrap: var(--lora-container); }
.lu-wrap, .lu-form-wrap { max-width: var(--lora-wrap) !important; padding-left: var(--lora-gutter) !important; padding-right: var(--lora-gutter) !important; }
.lu-det { max-width: var(--lora-wrap) !important; padding-left: var(--lora-gutter) !important; padding-right: var(--lora-gutter) !important; }
.lu-det-prev { left: calc(var(--lora-gutter) + 16px) !important; }
.lu-det-next { right: calc(var(--lora-gutter) + 16px) !important; }

/* Varsayılan sayfa: metin sütunu soldan hizalı, okunabilir genişlikte */
.lp-page-grid { max-width: var(--lora-wrap) !important; }
.lp-page-grid:not(.has-side) .lp-content { max-width: 860px; }

/* Ana sayfa slider metinleri ve sekmeleri içerik kenarına hizalı */
@media (min-width: 992px) {
  .mayadis-hero-slider-wrap .slider .box .details { padding-left: var(--lora-edge) !important; max-width: calc(var(--lora-edge) + 640px) !important; }
  .mayadis-hero-slider-wrap .trail { left: var(--lora-edge) !important; width: calc(100vw - 2 * var(--lora-edge)) !important; max-width: var(--lora-container); }
}