/*
Theme Name: CS Fashion
Author: Caria Soft
Author URI: https://www.cariasoft.com/
Description: WooCommerce uyumlu, sade starter WordPress tema.
Version: 1.0.1
*/

/* --------------------------------------------------
   HEADER SCROLL EFEKTİ
   -------------------------------------------------- */
#main-header {
    transition: all 0.4s ease;
}

#main-header.bg-white {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.nav-link {
    text-decoration: none !important;
}

.fas,
.search-trigger span {
    transition: color 0.3s ease;
}

/* Mobil menü iç linkleri - 1.25rem'den 1.1rem'e düşürüldü */
#offcanvas-mobile-menu .nav-link {
    font-size: 1.1rem; 
    padding: 0.6rem 0;
    border-bottom: 1px solid #eee;
}

.badge {
    font-size: 0.65rem;
}

.carousel-item img {
    height: 100vh;
    object-fit: cover;
}

.container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (max-width: 767.98px) {
    .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

#main-header .nav-link,
#main-header .search-trigger,
#main-header .search-trigger span,
#main-header .fas,
#main-header a {
    color: white !important;
    text-decoration: none !important;
}

#main-header.bg-white .nav-link,
#main-header.bg-white .search-trigger,
#main-header.bg-white .search-trigger span,
#main-header.bg-white .fas,
#main-header.bg-white a {
    color: black !important;
}

#homeSlider {
    margin-top: -90px;
}

@media (max-width: 767.98px) {
    #homeSlider {
        margin-top: -120px;
    }
}

#main-header {
    z-index: 1030 !important;
}

.carousel,
.carousel-inner,
.carousel-item,
.carousel-item img {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    left: 0;
}

/* --- SADECE BOYUT KÜÇÜLTME AYARLARI --- */

/* 1. Desktop Menü Yazı Boyutu */
#main-header .nav-link {
    font-size: 0.95rem !important; /* fs-5'ten fs-6 seviyesine çeker */
}

/* 2. Desktop İkon Boyutları (Ara, Profil, Sepet) */
#main-header .fas, 
#main-header .search-trigger {
    font-size: 1rem !important; 
}

/* 3. Mobil İkon Boyutları (Üst Bar) */
@media (max-width: 767.98px) {
    #main-header .mobile-header-row .fas {
        font-size: 1.2rem !important; /* Orijinal devasa görüntüyü engeller */
    }
    
    /* Mobil "Ara" yazısı ve ikonu */
    #main-header .mobile-search-row .search-trigger {
        font-size: 0.9rem !important;
    }
    #main-header .mobile-search-row .fas {
        font-size: 1rem !important;
    }
}

/* 4. Sepet Badge (Küçük Kırmızı Sayı) */
.badge {
    font-size: 0.6rem !important;
    padding: 0.35em 0.5em !important;
}