/* ============================================================
   NAKLIYAT CMS — MOBİL UYUMLULUK (mobile.css)
   Tüm public sayfalar için kapsamlı mobil düzeltmeler
   ============================================================ */

/* ── 0. GLOBAL TEMELİ ─────────────────────────────────────── */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, body, .page-wrapper {
    overflow-x: hidden;
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ── 1. INNER SAYFA BAŞLIĞI GÖRSELİ ──────────────────────── */
.page-title {
    overflow: hidden;
}
.page-title .outer-container .image img {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    height: 280px;
}
@media (max-width: 1023px) {
    .page-title .outer-container .image img {
        height: 220px;
    }
}
@media (max-width: 767px) {
    .page-title .outer-container .image img {
        height: 160px;
    }
}
@media (max-width: 479px) {
    .page-title .outer-container .image img {
        height: 120px;
    }
}

/* ── 2. PAGE BREADCRUMB MOBİL STACK ──────────────────────── */
@media (max-width: 767px) {
    .page-breadcrumb {
        padding: 30px 0 !important;
    }
    .page-breadcrumb .clearfix {
        text-align: center;
    }
    .page-breadcrumb .clearfix .pull-left,
    .page-breadcrumb .clearfix .pull-right {
        float: none !important;
        width: 100%;
        text-align: center;
    }
    .page-breadcrumb .pull-right {
        margin-top: 10px;
    }
    .page-breadcrumb h2 {
        font-size: 24px !important;
    }
    .page-breadcrumb .breadcrumbs {
        display: -webkit-inline-box;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0 !important;
    }
}

/* ── 3. HEADER / NAVİGASYON ───────────────────────────────── */
@media (max-width: 1023px) {
    /* Mobil menü açıkken scroll edilebilir */
    .elementskit-menu-container {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    /* Taşma engeli */
    .main-header {
        overflow: visible;
    }
}
@media (max-width: 767px) {
    /* Logo boyutu */
    .main-header .logo img,
    .main-header .header-upper .logo-outer .logo img {
        height: 48px !important;
        max-height: 48px;
        width: auto !important;
    }
    /* Header upper bilgi kutusu gizle (zaten .mo ile gizli, ekstra güvence) */
    .main-header .header-upper .pull-right.upper-right {
        display: none !important;
    }
    /* "Bilgi Al" butonu küçük ekranlarda gizle */
    .main-header .outer-box .theme-btn {
        display: none !important;
    }
    /* Mobil menü item yüksekliği */
    .elementskit-navbar-nav > li > a {
        min-height: 44px;
        display: -webkit-box !important;
        display: flex !important;
        -webkit-box-align: center;
        align-items: center;
    }
}
@media (max-width: 479px) {
    .main-header .logo img {
        height: 40px !important;
    }
}

/* ── 4. HERO SECTION (Ana Sayfa) ─────────────────────────── */
@media (max-width: 767px) {
    .hero-section {
        height: 380px !important;
    }
    .hero-title {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }
    .hero-subtitle {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }
    .hero-content {
        padding: 0 10px;
    }
}
@media (max-width: 479px) {
    .hero-section {
        height: 280px !important;
    }
    .hero-title {
        font-size: 20px !important;
    }
    .hero-subtitle {
        display: none !important;
    }
    .hero-btn-box .theme-btn {
        font-size: 13px !important;
        padding: 10px 20px !important;
    }
}

/* ── 5. SEKSİYON PADDING SIKIŞTIRMA ──────────────────────── */
@media (max-width: 767px) {
    .services-page-section,
    .news-section,
    .sponsors-section,
    .booking-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .pricing-section {
        padding: 50px 0 60px !important;
    }
}
@media (max-width: 479px) {
    .services-page-section,
    .news-section,
    .booking-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

/* ── 6. SECTION TITLE ─────────────────────────────────────── */
@media (max-width: 767px) {
    .section-title {
        margin-bottom: 30px !important;
    }
    .section-title h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    .section-title .text {
        font-size: 14px !important;
    }
}
@media (max-width: 479px) {
    .section-title h2 {
        font-size: 22px !important;
    }
}

/* ── 7. HİZMET KARTLARI ───────────────────────────────────── */
@media (max-width: 767px) {
    .services-block-three .inner-box .image img {
        height: 200px !important;
    }
    .services-block .inner-box {
        margin-bottom: 20px;
    }
}

/* ── 8. BOOKING SECTION ───────────────────────────────────── */
@media (max-width: 991px) {
    .booking-section .video-column {
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .booking-section .content-column h2 {
        font-size: 26px !important;
    }
    .booking-section .content-column .inner-column {
        padding: 0 !important;
    }
    .booking-section .video-column .inner-column .video-box .image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
}

/* ── 9. COUNTER (Sayaç) SECTION ──────────────────────────── */
@media (max-width: 767px) {
    .counter-block {
        margin-bottom: 20px;
    }
}

/* ── 10. BLOG / NEWS KARTLARI ─────────────────────────────── */
@media (max-width: 767px) {
    .news-block .inner-box .image img {
        height: 200px !important;
    }
}

/* ── 11. QUOTE / TESTİMONİAL ─────────────────────────────── */
@media (max-width: 767px) {
    .quote-block .inner-box .info-column .inner-column {
        text-align: center;
        margin-top: 20px;
    }
}

/* ── 12. NEWSLETTER / TEL BÖLÜMÜ (fullwidth-section-two) ─── */
@media (max-width: 767px) {
    .fullwidth-section-two .subscribe-form .form-group {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: flex;
    }
    .fullwidth-section-two .subscribe-form .form-group input[type="email"] {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 5px !important;
    }
    .fullwidth-section-two .subscribe-form button.subscribe-btn {
        position: relative !important;
        width: 100%;
        right: auto !important;
        top: auto !important;
        border-radius: 5px !important;
    }
    .fullwidth-section-two .left-column h2,
    .fullwidth-section-two .right-column .phone strong {
        font-size: 26px !important;
    }
    .fullwidth-section-two .right-column .phone {
        font-size: 16px !important;
    }
}

/* ── 13. FOOTER ───────────────────────────────────────────── */
@media (max-width: 991px) {
    .main-footer .footer-column {
        margin-bottom: 28px;
    }
}
@media (max-width: 767px) {
    .main-footer .widgets-section {
        padding-bottom: 10px;
    }
    .main-footer .footer-column {
        margin-bottom: 28px;
    }
    .main-footer .footer-column:last-child {
        margin-bottom: 0;
    }
    .footer-bottom {
        padding: 20px 0 !important;
    }
    .footer-bottom .pull-left,
    .footer-bottom .pull-right {
        float: none !important;
        width: 100%;
        text-align: center;
    }
    .footer-bottom .copyright {
        margin-bottom: 10px;
    }
    .footer-bottom .social-box {
        float: none !important;
        text-align: center;
    }
}

/* ── 14. HİZMET DETAY SAYFA (hizmet.php) ─────────────────── */
@media (max-width: 767px) {
    .services-single-section .services-carousel img {
        height: 250px !important;
        object-fit: cover;
    }
    .services-single-section .content-column h2 {
        font-size: 24px !important;
    }
    /* Sidebar widgetı alt kısımda gösteren .ma (mobile-above) zaten var */
    .services-widget.category-widget .cat-list li a {
        padding: 10px 15px;
        display: block;
    }
    .services-widget.schedule-widget .image img {
        height: 200px;
        object-fit: cover;
    }
}

/* ── 15. RANDEVU SAYFASI ──────────────────────────────────── */
@media (max-width: 767px) {
    .rdv-section {
        padding: 40px 0 50px !important;
    }
    .rdv-info-card {
        padding: 16px 14px !important;
        gap: 12px !important;
    }
    .rdv-info-icon {
        width: 38px !important;
        height: 38px !important;
    }
    .rdv-info-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .rdv-form-card {
        padding: 24px 16px !important;
    }
}

/* ── 16. İLETİŞİM SAYFASI ────────────────────────────────── */
@media (max-width: 767px) {
    .ct-section {
        padding: 40px 0 50px !important;
    }
    .ct-hero {
        padding: 44px 0 30px !important;
    }
    .ct-form-card {
        padding: 24px 16px !important;
    }
    .ct-map-wrap {
        margin-top: 20px;
    }
    .ct-map-wrap iframe {
        height: 250px !important;
    }
}

/* ── 17. SSS SAYFASI ─────────────────────────────────────── */
@media (max-width: 767px) {
    .faq-section {
        padding: 40px 0 50px !important;
    }
    .faq-intro {
        padding: 28px 20px 24px !important;
    }
    .faq-intro h1 {
        font-size: 1.4rem !important;
    }
    .faq-intro p {
        font-size: 0.95rem !important;
    }
    .faq-search {
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .faq-search input {
        border-radius: 10px !important;
        width: 100% !important;
    }
    .faq-search button {
        border-radius: 10px !important;
        width: 100% !important;
    }
}

/* ── 18. DOKUNMATIK HEDEF BOYUTLARI (min 44px) ────────────── */
@media (max-width: 767px) {
    .theme-btn,
    .pricing-btn,
    .rdv-btn,
    .ct-submit-btn,
    button[type="submit"] {
        min-height: 44px;
    }
    .footer-list li a {
        min-height: 40px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

/* ── 19. OWL CAROUSEL ────────────────────────────────────── */
@media (max-width: 767px) {
    .owl-dots {
        margin-top: 15px !important;
    }
    .sponsors-carousel .owl-item img {
        max-height: 50px;
        object-fit: contain;
    }
    .news-carousel .owl-item .news-block {
        margin: 0 5px;
    }
}

/* ── 20. PRİCİNG KARTLARI ────────────────────────────────── */
@media (max-width: 767px) {
    .pricing-card {
        margin-bottom: 16px;
    }
    .pricing-price {
        font-size: 36px !important;
    }
}

/* ── 21. CONTAINER PADDING SIKIŞTIRMA ────────────────────── */
@media (max-width: 479px) {
    .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }
    [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* ── 22. TABLET GENEL DÜZELTMELERİ ──────────────────────── */
@media (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 30px;
    }
    .booking-section .video-column {
        margin-bottom: 30px;
    }
}

/* ── 23. SCROLL-TO-TOP BUTONU ─────────────────────────────── */
@media (max-width: 767px) {
    .scroll-to-top {
        right: 15px !important;
        bottom: 15px !important;
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
    }
}

/* ── 24. PRELOADER ───────────────────────────────────────── */
.preloader {
    max-width: 100vw;
}

/* ── 25. SIDEBAR (XS) ────────────────────────────────────── */
@media (max-width: 767px) {
    .xs-sidebar-group .xs-sidebar-widget {
        width: 280px !important;
    }
}