/* =============================================================================
   cms-custom.css — CMS uyum katmanı (Industrie / factory teması)
   -----------------------------------------------------------------------------
   Temanın kendi main.css'i DEĞİŞTİRİLMEZ. Panelden gelen HTML ile tema arasındaki
   farklar burada kapatılır. header.php bu dosyayı tema CSS'inden SONRA yükler.
   ========================================================================== */

/* --- Slider ---------------------------------------------------------------
   Sayfada tek <h1> olsun diye 2. ve sonraki slaytların başlığı <h2> basılıyor.
   Tema stilleri sınıf tabanlı olduğu için görünüm zaten aynı; yine de tema
   genel h2 kuralı devreye girip boyutu kaydırmasın diye açıkça eşitlenir. */
.rs-banner-nine h2.rs-banner-title {
    font-size: 80px;
    color: var(--rs-white);
    text-transform: capitalize;
    line-height: 1.15;
    margin: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .rs-banner-nine h2.rs-banner-title { font-size: 70px; }
}
@media only screen and (max-width: 1199px) {
    .rs-banner-nine h2.rs-banner-title { font-size: 60px; }
}
@media only screen and (max-width: 991px) {
    .rs-banner-nine h2.rs-banner-title { font-size: 50px; }
}
@media only screen and (max-width: 767px) {
    .rs-banner-nine h2.rs-banner-title { font-size: 40px; }
}

/* Slaytların yüksekliği İÇERİKTEN bağımsız sabitlenir.
   Tema hero yüksekliğini .rs-banner-wrapper'ın padding'iyle (180/220) kuruyor;
   yükseklik böylece içeriğe göre değişiyor. Panelde bir slaytta buton varken
   diğerinde yoksa swiper (data-auto-height) kutuyu aktif slayda göre kısaltıp
   uzun slaydın butonunu arka planın dışına taşırıyordu.
   Çözüm: padding'i sıfırla + yüksekliği sabitle + içeriği flex ile ortala
   (min-height'i padding'in ÜSTÜNE eklemek kutuyu şişirirdi). */
@media only screen and (min-width: 992px) {
    .rs-banner-nine .rs-banner-wrapper {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 780px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* Panelden yüklenen slider görselleri farklı oranlarda gelebilir — kutuyu
   doldursun, ezilmesin. */
.rs-banner-nine .rs-banner-bg-thumb {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* --- İç sayfa başlık bandı (breadcrumb) -----------------------------------
   Banner görseli PANELDEN geliyor; açık renkli bir görsel yüklenirse (ya da
   görsel hiç açılmazsa) beyaz başlık beyaz zeminde kaybolur. Koyu taban rengi
   + üstte koyu gradient ile başlık her durumda okunur kalır. */
.rs-breadcrumb-one { background-color: #14171c; }
.rs-breadcrumb-one .rs-breadcrumb-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(15, 18, 22, .82) 0%, rgba(15, 18, 22, .55) 55%, rgba(15, 18, 22, .35) 100%);
}
.rs-breadcrumb-one .rs-breadcrumb-content-wrapper { position: relative; z-index: 2; }

/* --- Footer menüsü --------------------------------------------------------
   display_menu() alt menüleri de basar; footer kolonunda alt menü listesi
   sütunu uzatıp okunmaz hale getiriyor -> yalnızca üst seviye gösterilir. */
.rs-footer-widget-links.footer-menu ul ul { display: none; }
.rs-footer-widget-links.footer-menu li { list-style: none; }

/* --- Panelden gelen içerik (site_icerik.aciklama) --------------------------
   Panel editörü düz h2/h3/p/ul/table basar; temanın tipografisiyle hizalanır. */
.cms-content h2 { font-size: 32px; margin: 32px 0 14px; }
.cms-content h3 { font-size: 24px; margin: 26px 0 12px; }
.cms-content h2:first-child,
.cms-content h3:first-child { margin-top: 0; }
.cms-content p { margin-bottom: 16px; line-height: 1.75; }
.cms-content ul,
.cms-content ol { margin: 0 0 18px 20px; }
.cms-content ul li,
.cms-content ol li { margin-bottom: 8px; line-height: 1.7; }
.cms-content img { max-width: 100%; height: auto; border-radius: 6px; }
.cms-content iframe { max-width: 100%; }

/* Tabloyu KENDİ kabuğunda kaydır — içerik alanının tamamına overflow verilirse
   sayfanın altında yatay kaydırma çubuğu çıkıyor. */
.cms-content .table-wrap,
.cms-content table { display: block; max-width: 100%; overflow-x: auto; }
.cms-content table { border-collapse: collapse; margin-bottom: 20px; }
.cms-content table td,
.cms-content table th { border: 1px solid #e3e3e3; padding: 10px 14px; }

/* İçerik metnindeki linklere renk ver; buton/başlık gibi SINIFI OLAN linklere
   dokunma — yoksa .rs-btn'in beyaz yazısı da bu renge dönüp okunmaz oluyor. */
.cms-content a:not([class]) { color: var(--rs-theme-orange, #f6690c); text-decoration: underline; }
.cms-content a:not([class]):hover { text-decoration: none; }