/**
 * FuelGuard Global Styles
 * Custom Scrollbar Styles
 */

/* ============================================================
   MENU UNDERLINE HOVER EFFECT
============================================================ */
.menu-primary > li > a,
#menu-main-menu > li > a {
    position: relative;
    text-decoration: none !important;
}

.menu-primary > li > a::after,
#menu-main-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #bb0a07;
    transition: width 0.3s ease;
}

.menu-primary > li > a:hover::after,
#menu-main-menu > li > a:hover::after,
.menu-primary > li.current-menu-item > a::after,
#menu-main-menu > li.current-menu-item > a::after {
    width: 100%;
}

/* Hemen Ara butonunda alt çizgi olmasın */
.menu-primary > li.button > a::after,
#menu-main-menu > li.button > a::after {
    display: none !important;
}

/* ============================================================
   FUELGUARD SUBMIT BUTTON (Fallback for Tailwind)
============================================================ */
.fuelguard-submit-btn {
    background-color: #bb0a07 !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s ease;
    border: none;
    cursor: pointer;
}

.fuelguard-submit-btn:hover {
    background-color: #a00906 !important;
}

.fuelguard-submit-btn svg {
    width: 16px;
    height: 16px;
}


/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: rgba(187, 10, 7, 0.08);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #bb0a07;
    border-radius: 10px;
    border: 3px solid rgba(255, 255, 255, 0.4);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #990806;
    border-color: rgba(255, 255, 255, 0.6);
    border-width: 2px;
}

::-webkit-scrollbar-thumb:active {
    background: #770604;
}

/* Horizontal scrollbar */
::-webkit-scrollbar:horizontal {
    height: 14px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #bb0a07 rgba(187, 10, 7, 0.08);
}

/* ============================================================
   SELECTION COLOR
============================================================ */

::selection {
    background: #bb0a07;
    color: #ffffff;
    text-shadow: none;
}

::-moz-selection {
    background: #bb0a07;
    color: #ffffff;
    text-shadow: none;
}

/* ============================================================
   SMOOTH SCROLLING
============================================================ */

html {
    scroll-behavior: smooth;
}

/* ============================================================
   ELEMENTOR TABS WIDGET FIXES
============================================================ */

/* --- 1. CLASSIC TABS WIDGET --- */

/* Enable Horizontal Scrollbar for Tabs Navigation (Horizontal Layouts Only) */
.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tabs-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* Smooth scroll on iOS */
    white-space: nowrap;
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: #bb0a07 #f1f1f1;
    padding-bottom: 5px;
    /* Space for scrollbar */
    width: 100%;
    /* Ensure it takes full width */
}

/* Ensure titles behave correctly in flex container */
.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tab-title,
.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tab-desktop-title {
    display: block;
    /* Override table-cell if present */
    flex-shrink: 0;
    /* Prevent shrinking */
}

/* Force scrollbar visibility for Webkit */
.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tabs-wrapper::-webkit-scrollbar {
    height: 6px;
    /* Height of horizontal scrollbar */
    display: block;
}

.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tabs-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.elementor-widget-tabs:not(.elementor-tabs-view-vertical) .elementor-tabs-wrapper::-webkit-scrollbar-thumb {
    background-color: #bb0a07;
    border-radius: 3px;
}

/* Disable "Manual Dragging" */
.elementor-widget-tabs .elementor-tab-title,
.elementor-widget-tabs .elementor-tab-desktop-title,
.elementor-widget-tabs .elementor-tab-mobile-title {
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


/* --- 2. NESTED TABS WIDGET (NEW ELEMENTOR TABS) --- */

/* Enable Horizontal Scrollbar - Increased Specificity */
.elementor-widget-n-tabs .e-n-tabs-heading,
.e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin !important;
    /* Override Elementor's 'none' */
    scrollbar-color: #bb0a07 #f1f1f1 !important;
    padding-bottom: 5px;
    width: 100%;
    max-width: 100%;
}

/* Ensure titles don't shrink and aren't draggable */
.elementor-widget-n-tabs .e-n-tab-title,
.e-n-tab-title {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* Force scrollbar visibility for Webkit - Increased Specificity */
.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar,
.e-n-tabs-heading::-webkit-scrollbar {
    height: 6px !important;
    display: block !important;
}

.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar-track,
.e-n-tabs-heading::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar-thumb,
.e-n-tabs-heading::-webkit-scrollbar-thumb {
    background-color: #bb0a07;
    border-radius: 3px;
}

.elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar-thumb:hover,
.e-n-tabs-heading::-webkit-scrollbar-thumb:hover {
    background-color: #990806;
}

/* --- 3. DISABLE ELEMENTOR DRAG OVERLAY (SAFETY) --- */
.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active:before,
.e-n-tabs-heading.e-scroll-active:before {
    display: none !important;
    content: none !important;
}

.elementor-widget-n-tabs .e-n-tabs-heading.e-scroll,
.e-n-tabs-heading.e-scroll {
    cursor: auto !important;
}

/* ============================================================
   ELEMENTOR ICON LIST - NUMBERED ICONS
============================================================ */

/* Initialize counter */
.elementor-widget-icon-list .elementor-icon-list-items {
    counter-reset: icon-counter;
}

/* Increment counter for each item */
.elementor-widget-icon-list .elementor-icon-list-item {
    counter-increment: icon-counter;
}

/* Hide SVG icons */
.elementor-widget-icon-list .elementor-icon-list-icon svg {
    display: none !important;
}

/* Style the icon container as numbered badge */
.elementor-widget-icon-list .elementor-icon-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: #bb0a07;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    flex-shrink: 0;
    position: relative;
}

/* Display counter number */
.elementor-widget-icon-list .elementor-icon-list-icon::before {
    content: counter(icon-counter);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Inline layout adjustments */
.elementor-widget-icon-list.elementor-icon-list--layout-inline .elementor-icon-list-icon {
    margin-bottom: 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .elementor-widget-icon-list .elementor-icon-list-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .elementor-widget-icon-list .elementor-icon-list-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 16px;
    }
}

/* ============================================================
   ELEMENTOR TESTIMONIALS - MOBILE HORIZONTAL SCROLL
============================================================ */

@media (max-width: 768px) {

    /* Testimonials Carousel - Swiper Container */
    .elementor-widget-testimonial-carousel .swiper-container,
    .elementor-widget-reviews .swiper-container,
    .elementor-testimonial-carousel .swiper-container {
        overflow: visible !important;
    }

    .elementor-widget-testimonial-carousel .swiper-wrapper,
    .elementor-widget-reviews .swiper-wrapper,
    .elementor-testimonial-carousel .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        scrollbar-width: thin;
        scrollbar-color: #bb0a07 #f1f1f1;
        transform: none !important;
        transition: none !important;
    }

    .elementor-widget-testimonial-carousel .swiper-slide,
    .elementor-widget-reviews .swiper-slide,
    .elementor-testimonial-carousel .swiper-slide {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        width: 90% !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        margin-right: 0 !important;
    }

    /* Webkit scrollbar for testimonials */
    .elementor-widget-testimonial-carousel .swiper-wrapper::-webkit-scrollbar,
    .elementor-widget-reviews .swiper-wrapper::-webkit-scrollbar,
    .elementor-testimonial-carousel .swiper-wrapper::-webkit-scrollbar {
        height: 6px;
        display: block;
    }

    .elementor-widget-testimonial-carousel .swiper-wrapper::-webkit-scrollbar-track,
    .elementor-widget-reviews .swiper-wrapper::-webkit-scrollbar-track,
    .elementor-testimonial-carousel .swiper-wrapper::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .elementor-widget-testimonial-carousel .swiper-wrapper::-webkit-scrollbar-thumb,
    .elementor-widget-reviews .swiper-wrapper::-webkit-scrollbar-thumb,
    .elementor-testimonial-carousel .swiper-wrapper::-webkit-scrollbar-thumb {
        background-color: #bb0a07;
        border-radius: 3px;
    }

    /* Hide navigation arrows on mobile */
    .elementor-widget-testimonial-carousel .elementor-swiper-button,
    .elementor-widget-reviews .elementor-swiper-button,
    .elementor-testimonial-carousel .elementor-swiper-button {
        display: none !important;
    }

    /* Hide pagination dots */
    .elementor-widget-testimonial-carousel .swiper-pagination,
    .elementor-widget-reviews .swiper-pagination,
    .elementor-testimonial-carousel .swiper-pagination {
        display: none !important;
    }

    /* Grid Layout Testimonials */
    .elementor-widget-testimonial .elementor-row,
    .elementor-testimonial .elementor-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        scrollbar-width: thin;
        scrollbar-color: #bb0a07 #f1f1f1;
    }

    .elementor-widget-testimonial .elementor-column,
    .elementor-testimonial .elementor-column {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        width: 90% !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .elementor-widget-testimonial .elementor-row::-webkit-scrollbar,
    .elementor-testimonial .elementor-row::-webkit-scrollbar {
        height: 6px;
        display: block;
    }

    .elementor-widget-testimonial .elementor-row::-webkit-scrollbar-track,
    .elementor-testimonial .elementor-row::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .elementor-widget-testimonial .elementor-row::-webkit-scrollbar-thumb,
    .elementor-testimonial .elementor-row::-webkit-scrollbar-thumb {
        background-color: #bb0a07;
        border-radius: 3px;
    }
}

/* ============================================================
   CONTENT HEADER FEATURED - RESPONSIVE IMAGE FIX
============================================================ */

/* Resmin mobil, tablet ve desktop'ta tam görünmesi için */
.site-content .content-header.content-header-featured {
    background-size: cover !important;
    background-position: center center !important;
}

/* Mobil için resim pozisyonu */
@media only screen and (max-width: 640px) {
    .site-content .content-header.content-header-featured {
        background-position: center 35% !important;
    }
}

/* Tablet için resim pozisyonu */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .site-content .content-header.content-header-featured {
        background-position: center 40% !important;
    }
}

/* Overlay'i kaldır - sadece hafif bir gölge bırak */
.site-content .content-header.content-header-featured:before {
    opacity: 0.85 !important;
}

/* ============================================================
   VEHICLE BRANDS PAGE FIXES (Zero Padding)
============================================================ */
.single-aracmarkalari .main-content,
.post-type-archive-aracmarkalari .main-content,
.tax-aracmarkalari .main-content {
    padding-top: 100px !important;
}

/* ============================================================
   REGION (LOCATION) PAGE FIXES
============================================================ */
.single-lokasyonlar .content-header .content-header-left,
.post-type-archive-lokasyonlar .content-header .content-header-left {
    display: none !important;
}

/* ============================================================
   WORDPRESS MORE TAG FIX
============================================================ */
.site-content span[id*="more-"] {
    margin: 0px;
    display: inline-block;
    font-size: 10px;
}

/* ============================================================
   SMALL LAPTOP ZOOM FIX
   Küçük laptoplarda site daha kompakt görünmesi için
   Tarayıcıda %90-95 zoom gibi görünmesi sağlanır
============================================================ */

/* Çok küçük laptoplar (1024px - 1366px) - %88 zoom */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {

    html,
    body {
        zoom: 0.88 !important;
    }

    /* Firefox için transform fallback */
    @-moz-document url-prefix() {
        html {
            zoom: 1 !important;
        }

        body {
            transform: scale(0.88) !important;
            transform-origin: top left !important;
            width: 113.64% !important;
            /* 100/0.88 = 113.64% */
            min-height: 113.64vh !important;
        }
    }
}

/* Orta boy laptoplar (1367px - 1536px) - %92 zoom */
@media only screen and (min-width: 1367px) and (max-width: 1536px) {

    html,
    body {
        zoom: 0.92 !important;
    }

    /* Firefox için transform fallback */
    @-moz-document url-prefix() {
        html {
            zoom: 1 !important;
        }

        body {
            transform: scale(0.92) !important;
            transform-origin: top left !important;
            width: 108.70% !important;
            /* 100/0.92 */
            min-height: 108.70vh !important;
        }
    }
}

/* Küçük-orta laptoplar (1537px - 1680px) - %95 zoom */
@media only screen and (min-width: 1537px) and (max-width: 1680px) {

    html,
    body {
        zoom: 0.95 !important;
    }

    /* Firefox için transform fallback */
    @-moz-document url-prefix() {
        html {
            zoom: 1 !important;
        }

        body {
            transform: scale(0.95) !important;
            transform-origin: top left !important;
            width: 105.26% !important;
            /* 100/0.95 */
            min-height: 105.26vh !important;
        }
    }
}

/* ============================================================
   VEHICLE BRANDS PAGE - HERO SECTION Z-INDEX FIX
   Araç Markaları sayfasındaki ilk section (hero) için
============================================================ */
.single-aracmarkalari .elementor-top-section:first-child,
.post-type-archive-aracmarkalari .elementor-top-section:first-child,
.tax-aracmarkalari .elementor-top-section:first-child {
    z-index: 10 !important;
    position: relative;
}

/* ============================================================
   HERO BREADCRUMB - MOBİLDE YATAY SCROLL
   Mobilde breadcrumb alt alta gelmez, yatay kayar
============================================================ */
@media only screen and (max-width: 767px) {
    .fg-hero-breadcrumb {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
        padding-bottom: 5px;
        gap: 4px;
    }

    /* Scrollbar'ı gizle */
    .fg-hero-breadcrumb::-webkit-scrollbar {
        display: none;
        height: 0;
    }

    /* Breadcrumb içindeki span'lar */
    .fg-hero-breadcrumb>span {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
    }

    /* Current item (uzun başlık) */
    .fg-hero-breadcrumb .current-item {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: none;
    }
}

/* ============================================================
   ARAÇ MARKA VE MODEL SAYFASI - SITE CONTENT MARGIN FIX
   Sadece web görünümünde (768px üzeri) margin-top:-70px
============================================================ */
@media only screen and (min-width: 768px) {

    .single-aracmarkalari .site-content,
    .post-type-archive-aracmarkalari .site-content,
    .tax-aracmarkalari .site-content {
        margin-top: -70px !important;
    }
}

/* Mobilde content-body margin-top: 70px */
@media only screen and (max-width: 767px) {

    .single-aracmarkalari .content-body,
    .post-type-archive-aracmarkalari .content-body,
    .tax-aracmarkalari .content-body {
        margin-top: 70px !important;
    }
}

/* ============================================================
   HERO SLIDER - BORDER RADIUS FIX
   Tüm sayfalarda Hero Slider köşelerini yuvarlat
============================================================ */
.fg-hero-image-area,
#fg-hero-image-placeholder {
    overflow: hidden !important;
    border-radius: 15px !important;
}

/* Slider ve resimlere de border-radius */
.fg-hero-image-area .fg-simple-slider,
.fg-hero-image-area .fg-slider-wrapper,
.fg-hero-image-area .fg-slider-slide,
.fg-hero-image-area .fg-hero-img,
.fg-hero-image-area img,
#fg-hero-image-placeholder .fg-simple-slider,
#fg-hero-image-placeholder .fg-slider-wrapper,
#fg-hero-image-placeholder .fg-slider-slide,
#fg-hero-image-placeholder .fg-hero-img,
#fg-hero-image-placeholder img {
    border-radius: 15px !important;
}

/* Mobil için özel ayarlar */
@media (max-width: 992px) {

    .fg-hero-image-area,
    #fg-hero-image-placeholder {
        border-radius: 15px !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .fg-hero-image-area .fg-simple-slider,
    #fg-hero-image-placeholder .fg-simple-slider {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .fg-hero-image-area .fg-slider-wrapper,
    #fg-hero-image-placeholder .fg-slider-wrapper {
        position: relative !important;
        width: 100% !important;
    }

    .fg-hero-image-area .fg-slider-slide,
    #fg-hero-image-placeholder .fg-slider-slide {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .fg-hero-image-area .fg-slider-slide:first-child,
    #fg-hero-image-placeholder .fg-slider-slide:first-child {
        position: relative !important;
        height: auto !important;
    }

    .fg-hero-image-area .fg-slider-slide img,
    .fg-hero-image-area .fg-slider-slide picture,
    #fg-hero-image-placeholder .fg-slider-slide img,
    #fg-hero-image-placeholder .fg-slider-slide picture {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}

/* ============================================================
   PRODUCT IMAGE WATERMARK
   Ürün görsellerinin arkasına watermark ekleme
   Tek seferlik, yatay (landscape) konumda
============================================================ */

/* Archive page - Product card images */
.fg-product-carousel {
    position: relative !important;
}

/* Single product page - Main image container */
#main-image-container {
    position: relative !important;
}

#main-image-container::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    width: 60% !important;
    max-width: 300px !important;
    height: auto !important;
    aspect-ratio: 16/9 !important;
    background-image: url('https://fuelguard.com/wp-content/uploads/2025/10/fuelguard.webp') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 0.06 !important;
    filter: grayscale(100%) brightness(0.5) !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* Ensure watermark stays on top of product images (semi-transparent overlay) */
.fg-product-slide img,
#main-product-image {
    position: relative !important;
    z-index: 2 !important;
}

/* Quick View Modal - Image watermark */
.fg-qv-image-side {
    position: relative;
}

.fg-qv-image-side::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 65%;
    max-width: 250px;
    height: auto;
    aspect-ratio: 16/9;
    background-image: url('https://fuelguard.com/wp-content/uploads/2025/10/fuelguard.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.06;
    filter: grayscale(100%) brightness(0.5);
    pointer-events: none;
    z-index: 3;
}

.fg-qv-image-side img {
    position: relative;
    z-index: 2;
}

/* Lightbox - Image watermark */
.fg-lightbox-content {
    position: relative;
}

.fg-lightbox-content::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 50%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 16/9;
    background-image: url('https://fuelguard.com/wp-content/uploads/2025/10/fuelguard.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.05;
    filter: grayscale(100%) brightness(0.5);
    pointer-events: none;
    z-index: 3;
}

.fg-lightbox-image {
    position: relative;
    z-index: 2;
}

/* Fullscreen gallery modal watermark */
#fullscreen-gallery-modal .fg-fullscreen-image-container {
    position: relative;
}

#fullscreen-gallery-modal .fg-fullscreen-image-container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 50%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 16/9;
    background-image: url('https://fuelguard.com/wp-content/uploads/2025/10/fuelguard.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.05;
    filter: grayscale(100%) brightness(0.5);
    pointer-events: none;
    z-index: 3;
}

#fullscreen-gallery-modal img {
    position: relative;
    z-index: 2;
}

/* ============================================================
   HERO IMAGE LOADING ANIMATION
   Resim yüklenene kadar shimmer animasyonu göster
============================================================ */
.fg-hero-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 50%, #f0f0f0 100%);
    border-radius: 15px;
    overflow: hidden;
    z-index: 5;
}

.fg-hero-shimmer {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.4) 50%,
            transparent 100%);
    animation: heroShimmer 1.5s infinite;
}

@keyframes heroShimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* Resim yüklendiğinde loading'i gizle */
.fg-hero-image-area.fg-loaded .fg-hero-loading {
    display: none !important;
}

/* Resim yüklenene kadar opacity:0, yüklenince görünür */
.fg-hero-image-area .fg-hero-img,
.fg-hero-image-area .fg-simple-slider {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.fg-hero-image-area.fg-loaded .fg-hero-img,
.fg-hero-image-area.fg-loaded .fg-simple-slider {
    opacity: 1;
}

/* ============================================================
   SEKTÖREL ÇÖZÜMLER - HERO IMAGE COVER
   Sektörel çözümler sayfalarında hero image'ın tam kapsaması için
============================================================ */
.single-sektorel_cozumler #fg-hero-image-placeholder,
.single-sektorel-cozumler #fg-hero-image-placeholder {
    background-size: cover !important;
}

/* Mobilde hero image alanı - Sektörel Çözümler */
@media (max-width: 992px) {

    .single-sektorel_cozumler #fg-hero-image-placeholder,
    .single-sektorel-cozumler #fg-hero-image-placeholder,
    .single-sektorel_cozumler .fg-hero-image-area,
    .single-sektorel-cozumler .fg-hero-image-area {
        display: flex !important;
        height: 150px !important;
        width: calc(100% - 30px) !important;
        margin: 15px auto !important;
        position: relative !important;
        border-radius: 15px !important;
        overflow: hidden !important;
    }
    
    /* NProject - min-height korunuyor */
    .single-nproject #fg-hero-image-placeholder,
    .single-nproject .fg-hero-image-area {
        display: flex !important;
        min-height: 250px !important;
        height: auto !important;
        width: calc(100% - 30px) !important;
        margin: 15px auto !important;
        padding: 0px !important;
        position: relative !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        background-color: #f3f4f6 !important;
    }

    /* Placeholder içeriği mobilde - Sektorel Cozumler */
    .single-sektorel_cozumler .fg-placeholder-content,
    .single-sektorel-cozumler .fg-placeholder-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Placeholder içeriği mobilde - NProject (min-height korunuyor) */
    .single-nproject .fg-placeholder-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 250px !important;
    }

    /* Slider mobilde */
    .single-sektorel_cozumler .fg-simple-slider,
    .single-sektorel-cozumler .fg-simple-slider {
        min-height: unset !important;
        height: 100% !important;
    }

    /* NProject slider - min-height korunuyor */
    .single-nproject .fg-simple-slider {
        min-height: 250px !important;
    }

    /* Featured Image Fallback mobilde - Sektorel Cozumler */
    .single-sektorel_cozumler .fg-featured-fallback,
    .single-sektorel-cozumler .fg-featured-fallback {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 15px !important;
    }
    
    /* Featured Image Fallback mobilde - NProject (min-height korunuyor) */
    .single-nproject .fg-featured-fallback {
        width: 100% !important;
        height: 100% !important;
        min-height: 250px !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: 15px !important;
    }
}

/* ============================================================
   ARAÇ MARKALARI - "NO MODELS" MESAJINI GİZLE
   Model eklenmemiş markalarda "No models added yet" mesajını gizle
============================================================ */
.elementor-shortcode p[style*="text-align:center"][style*="color:#666"][style*="font-size: 14px"] {
    display: none !important;
}

/* Alternatif: İçeriğe göre gizleme (daha spesifik) */
.elementor-shortcode p:empty,
.elementor-shortcode p:only-child[style*="text-align:center"] {
    display: none !important;
}