/**
 * Solid Medya — Hizmet detay sayfaları ortak CSS düzeltmeleri
 * Global tema (main.css) ile sayfa içi stiller arası çakışma önleme
 */

/* Sayfa kapsayıcı izolasyonu */
.web-design-service-page,
.service-minimal-page,
.qr-service-page,
[class*="-service-page"] {
    isolation: isolate;
    position: relative;
    z-index: 1;
}

/* Hizmet sayfalarında yatay taşma önleme */
body[class*="page-hizmet"] {
    overflow-x: clip;
}

body[class*="page-hizmet"] #smooth-content {
    overflow-x: clip;
}

/* Swiper — CSS geç yüklendiğinde layout düzeltmesi */
.web-work-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.web-work-swiper .swiper-slide {
    width: auto;
    flex-shrink: 0;
}

.web-work-swiper.swiper-initialized .swiper-wrapper {
    display: flex;
    gap: 0;
    overflow-x: visible;
    scroll-snap-type: none;
}

/* Swiper pagination — altın tema uyumu */
.web-work-swiper .swiper-pagination-bullet,
.success-swiper .swiper-pagination-bullet,
.testimonial-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.35);
    opacity: 1;
}

.web-work-swiper .swiper-pagination-bullet-active,
.success-swiper .swiper-pagination-bullet-active,
.testimonial-swiper .swiper-pagination-bullet-active {
    background: var(--sm-svc-gold, #ffbc00);
}

/* Sektör sekmeleri — aktif panel */
.industry-content-panel-v2 {
    display: none;
}

.industry-content-panel-v2.active {
    display: block;
}

.industry-tab-btn-v2.active {
    color: var(--sm-svc-gold, #ffbc00);
    border-color: var(--sm-svc-gold-border, rgba(255, 188, 0, 0.35));
}

/* FAQ — aktif durum görünürlüğü */
.web-design-service-page .faq-item.active .faq-answer,
[class*="-service-page"] .faq-item.active .faq-answer {
    display: block;
}

/* AOS — JS yüklenene kadar FOUC önleme */
[data-aos] {
    opacity: 1;
    transform: none;
    transition: none;
}

html.aos-enabled [data-aos] {
    opacity: 0;
    transition-property: opacity, transform;
}

html.aos-enabled [data-aos].aos-animate {
    opacity: 1;
}

/* Magic cursor — hizmet sayfalarında form alanlarında gizle */
body[class*="page-hizmet-"] input,
body[class*="page-hizmet-"] textarea,
body[class*="page-hizmet-"] select {
    cursor: auto;
}

/* Grafik tasarim / ozel sayfa govde arka plani */
body.page-hizmet-grafik-tasarim,
body.page-hizmet-google-ads,
body.page-hizmet-seo,
body.page-hizmet-bilgi-islem,
body.page-hizmet-sosyal-medya,
body.page-hizmet-sosyal-medya-reklam,
body.page-hizmet-meta-ads,
body.page-hizmet-mobil-uygulama,
body.page-hizmet-ozel-yazilim,
body.page-hizmet-yazilim {
    background: #000;
}

/* Sosyal medya wrapper — smooth-content icinde tam genislik */
.sm-page-wrapper {
    width: 100%;
    min-height: 1px;
}

/* Preloader sonrası içerik görünürlüğü */
body[class*="page-hizmet-"]:not(.loading) main,
body[class*="page-hizmet-"]:not(.loading) .sm-page-wrapper,
body[class*="page-hizmet-"]:not(.loading) .social-ads-page-wrapper,
body[class*="page-hizmet-"]:not(.loading) main.sw-software-page,
body[class*="page-hizmet-"]:not(.loading) main.mobil-app-page,
body[class*="page-hizmet-"]:not(.loading) main.oy-custom-page,
body[class*="page-hizmet-"]:not(.loading) [class*="-service-page"],
body[class*="page-hizmet-"]:not(.loading) [class*="-software-page"] {
    visibility: visible;
    opacity: 1;
}

/* Sticky clone tablo */
.comparison-table.sticky-clone {
    border-collapse: collapse;
    table-layout: fixed;
}

.comparison-table.sticky-clone th {
    background: #0a0a0a;
    color: #fff;
    border-bottom: 1px solid #222;
}

/* Video modal — prodüksiyon sayfaları */
.video-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.92);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.video-modal.show {
    display: flex;
}

.video-modal .modal-iframe {
    width: min(960px, 92vw);
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: 12px;
}

/* Mobil menü — hizmet sayfalarında üst katman */
body[class*="page-hizmet-"] .master-mobile-nav {
    z-index: 9990;
}

/* main.css / tema çakışmalarını sıfırla */
body[class*="page-hizmet-"] main .service-card:not(.service-card-v5) {
    aspect-ratio: auto;
    border-radius: inherit;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body[class*="page-hizmet-"] .services-grid:not(.services-grid-v5) {
    min-height: auto !important;
    grid-template-columns: unset !important;
    max-width: none !important;
}

/* ScrollSmoother devre dışı — native scroll ile uyum */
body[class*="page-hizmet"] #smooth-wrapper,
body[class*="page-hizmet"] #smooth-content {
    overflow: visible !important;
    overflow-x: clip !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    transform: none !important;
    position: relative !important;
}

body[class*="page-hizmet"]:not(.loading):not(.menu-is-open),
html:has(body[class*="page-hizmet"]) {
    overflow-x: hidden;
    overflow-y: auto !important;
    height: auto !important;
}

body[class*="page-hizmet"].loading {
    overflow-y: hidden !important;
}

body[class*="page-hizmet-"] .tp-magic-cursor {
    pointer-events: none;
}

/* slider-active.js çift init koruması — hizmet swiper'ları service-detail.js yönetir */
body[class*="page-hizmet-"] .web-work-swiper.swiper-initialized,
body[class*="page-hizmet-"] .testimonial-swiper.swiper-initialized,
body[class*="page-hizmet-"] .success-swiper.swiper-initialized {
    touch-action: pan-y;
}

/* Bespoke sayfa govde sinifi */
body[class*="page-hizmet-"] main.meta-ads-page,
body[class*="page-hizmet-"] main.google-ads-page,
body[class*="page-hizmet-"] main.gmb-service-page,
body[class*="page-hizmet-"] main.qr-service-page,
body[class*="page-hizmet-"] main.sw-service-page,
body[class*="page-hizmet-"] main.sw-software-page,
body[class*="page-hizmet-"] main.mobil-app-page,
body[class*="page-hizmet-"] main.oy-custom-page,
body[class*="page-hizmet-"] .ads-v8-wrapper,
body[class*="page-hizmet-"] .it-solutions-page-wrapper {
    background: #000;
    color: #fff;
}

/* ============================================================
   Hizmet detay — mobil taşma / düzen koruması (tüm sayfalar)
   ============================================================ */
body[class*="page-hizmet-"] main,
body[class*="page-hizmet-"] .web-design-service-page,
body[class*="page-hizmet-"] .sw-service-page,
body[class*="page-hizmet-"] .sw-software-page,
body[class*="page-hizmet-"] .mobil-app-page,
body[class*="page-hizmet-"] .oy-custom-page,
body[class*="page-hizmet-"] .service-minimal-page,
body[class*="page-hizmet-"] .sm-page-wrapper,
body[class*="page-hizmet-"] [class*="-service-page"],
body[class*="page-hizmet-"] [class*="-page-wrapper"],
body[class*="page-hizmet-"] [class*="-wrapper"]:not(#smooth-wrapper):not(.tp-offcanvas-2-wrapper) {
    max-width: 100%;
    min-width: 0;
}

body[class*="page-hizmet-"] main img,
body[class*="page-hizmet-"] main video,
body[class*="page-hizmet-"] main iframe:not([src*="google.com/maps"]),
body[class*="page-hizmet-"] main svg:not(.fa):not([class*="fa-"]) {
    max-width: 100%;
}

body[class*="page-hizmet-"] main .row > [class*="col-"],
body[class*="page-hizmet-"] main [class*="grid"] > *,
body[class*="page-hizmet-"] main [class*="-grid"] > *,
body[class*="page-hizmet-"] main [class*="container"] {
    min-width: 0;
}

body[class*="page-hizmet-"] .pricing-table-scroll,
body[class*="page-hizmet-"] .sm-table-wrap,
body[class*="page-hizmet-"] [class*="table-scroll"],
body[class*="page-hizmet-"] [class*="table-wrap"],
body[class*="page-hizmet-"] [class*="-table-scroll"] {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body[class*="page-hizmet-"] .web-industry-menu,
body[class*="page-hizmet-"] .web-industry-menu-v2,
body[class*="page-hizmet-"] [class*="tab-nav"],
body[class*="page-hizmet-"] [class*="-nav-scroll"],
body[class*="page-hizmet-"] [class*="eco-nav"] {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

body[class*="page-hizmet-"] .web-industry-menu::-webkit-scrollbar,
body[class*="page-hizmet-"] .web-industry-menu-v2::-webkit-scrollbar,
body[class*="page-hizmet-"] [class*="tab-nav"]::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767px) {
    body[class*="page-hizmet-"] main .container[class*="container-"],
    body[class*="page-hizmet-"] main .container:not([class*="container-"]) {
        padding-left: max(12px, env(safe-area-inset-left, 0px));
        padding-right: max(12px, env(safe-area-inset-right, 0px));
    }

    body[class*="page-hizmet-"] main .row {
        --bs-gutter-x: 1rem;
        margin-left: calc(var(--bs-gutter-x) * -0.5);
        margin-right: calc(var(--bs-gutter-x) * -0.5);
    }

    body[class*="page-hizmet-"] [style*="100vw"],
    body[class*="page-hizmet-"] .full-bleed {
        width: 100% !important;
        max-width: 100% !important;
    }

    body[class*="page-hizmet-"] main pre,
    body[class*="page-hizmet-"] main code,
    body[class*="page-hizmet-"] main .comparison-table {
        max-width: 100%;
    }

    body[class*="page-hizmet-"] main h1,
    body[class*="page-hizmet-"] main h2,
    body[class*="page-hizmet-"] main h3 {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body[class*="page-hizmet-"] .web-work-swiper:not(.swiper-initialized) .swiper-wrapper {
        padding-bottom: 4px;
    }

    body[class*="page-hizmet-"] main .d-flex:not(.flex-nowrap):not(.swiper-wrapper) {
        flex-wrap: wrap;
    }

    body[class*="page-hizmet-"] .modal-overlay,
    body[class*="page-hizmet-"] [class*="modal-overlay"] {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
}