/* ================================================================
   mori DESIGN - TEMA VE RENK PALETİ OVERRIDE
   Bebek & Çocuk Butik E-Ticaret Arayüz Stili
   ================================================================ */

@font-face { font-display: swap; }

:root {
    /* mori DESIGN Logo Renkleri */
    --mori-sage: #86A98A;          /* Adaçayı Yeşili (r & DESIGN) - Ana Aksiyon */
    --mori-sage-dark: #6D8E71;     /* Koyu Adaçayı Yeşili - Hover */
    --mori-sage-light: #EBF2EC;    /* Açık Adaçayı Vurgusu */
    
    --mori-honey: #EE9B44;         /* Sıcak Bal / Kehribar (m & Kalp) - Rozet & Yıldız */
    --mori-honey-dark: #D48633;    /* Koyu Bal */
    --mori-honey-light: #FDF4EB;   /* Açık Bal Zemini */
    
    --mori-blush: #EE95A4;         /* Pudra Pembe (o Harfi) - Favori & Kız Bebek */
    --mori-blush-light: #FDF2F4;   /* Açık Pembe Zemini */
    
    --mori-blue: #8BB4CE;          /* Pudra Mavi (i Harfi) - Kargo & Erkek Bebek */
    --mori-blue-light: #EEF5F9;    /* Açık Mavi Zemini */
    
    /* Organik Zemin ve Metin Renkleri */
    --mori-bg: #FAF8F5;            /* Sıcak Süt Kreması Zemin */
    --mori-card-bg: #FFFFFF;       /* Kart Beyazı */
    --mori-footer-bg: #F6F4EE;     /* Açık Bej / Krem Footer */
    --mori-text: #2D332E;          /* Yumuşak Antrasit / Grafit Metin */
    --mori-muted: #6B7280;         /* İkincil Soluk Metin */
    --mori-border: #EAE5DB;        /* İnce Organik Çerçeve */
}

/* Ürün kartı üzerindeki Kargo Bedava rozetini gizle */
.cat-detail-products-box-kargo {
    display: none !important;
}


/* ================================================================
   1. GENEL ZEMİN VE TEMEL ELEMANLAR
   ================================================================ */

body {
    background-color: var(--mori-bg) !important;
    color: var(--mori-text) !important;
}

a {
    color: var(--mori-text);
    transition: all 0.2s ease;
}

a:hover {
    color: var(--mori-sage) !important;
    text-decoration: none;
}

/* ================================================================
   2. TOP BAR (EN ÜST BİLGİ VE LİNK ÇUBUĞU)
   ================================================================ */

.topheader-desktop-main-div {
    border-top: 1px solid var(--mori-border) !important;
    border-bottom: 1px solid var(--mori-border) !important;
    padding: 7px 0 !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    overflow: visible !important;
}

.topheader-desktop-main-div::after {
    display: none !important;
}

.topheader-desktop-main-div-in {
    align-items: center !important;
    min-height: 24px !important;
}

.topheader-desktop-main-left a,
.topheader-desktop-main-right a {
    color: #555E57 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

.topheader-desktop-main-left a:hover,
.topheader-desktop-main-right a:hover {
    color: var(--mori-sage) !important;
}

.topheader-desktop-main-left a i,
.topheader-desktop-main-right a i {
    color: var(--mori-sage) !important;
    margin-right: 5px !important;
    font-size: 13px !important;
}

.topheader-lang-currency-box {
    border-left: 1px solid var(--mori-border) !important;
    border-right: 1px solid var(--mori-border) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.topheader-lang-currency-box a {
    color: #555E57 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 12px !important;
    line-height: 1.4 !important;
}

.topheader-lang-currency-box a:hover {
    color: var(--mori-sage) !important;
}

/* ================================================================
   3. HEADER (ANA LOGO, ARAMA VE HESAP/SEPET BÖLÜMÜ)
   ================================================================ */

.header-main-div {
    border-bottom: 1px solid var(--mori-border) !important;
}

.header-desktop-main-div {
    background-color: transparent !important;
    padding: 14px 3% !important;
}

.header-desktop-main-div-in {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo */
.header-desktop-logo-div {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.header-desktop-logo-div a {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
}

.header-desktop-logo-div img {
    height: 56px !important;
    max-height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.2s ease !important;
}

.header-desktop-logo-div img:hover {
    transform: scale(1.03) !important;
}

/* Arama Çubuğu */
.header-desktop-search1 {
    width: auto !important;
    position: relative !important;
    margin: 0 35px !important;
    flex: 1 1 500px !important;
    max-width: 620px !important;
}

.header-desktop-search1 form {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    background-color: #FAF8F5 !important;
    border: 1.5px solid #E2DDD5 !important;
    border-radius: 26px !important;
    padding: 3px 4px 3px 18px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.header-desktop-search1 form:focus-within {
    border-color: var(--mori-sage) !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(134, 169, 138, 0.18) !important;
}

.header-desktop-search1 form input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--mori-text) !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    height: 38px !important;
    line-height: 38px !important;
    min-width: 180px !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

.header-desktop-search1 form input:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.header-desktop-search1 form button {
    position: static !important;
    right: auto !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    background-color: var(--mori-sage) !important;
    border: none !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.header-desktop-search1 form button:hover {
    background-color: var(--mori-sage-dark) !important;
    transform: scale(1.05) !important;
}

.header-desktop-search1 form button i {
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Sağ Navigasyon Butonları (Üyelik, Favoriler, Sepet) */
.header-desktop-navbutton-box > a {
    color: var(--mori-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.header-desktop-navbutton-box > a:hover {
    background-color: rgba(134, 169, 138, 0.08) !important;
    color: var(--mori-sage) !important;
}

.header-desktop-navbutton-box > a i.las,
.header-desktop-navbutton-box > a i.lar {
    color: #374151 !important;
    font-size: 24px !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-desktop-navbutton-box > a:hover i.las,
.header-desktop-navbutton-box > a:hover i.lar {
    color: var(--mori-sage) !important;
    transform: scale(1.08);
}

/* Favoriler Butonu Özel Pembe Vurgu */
.header-desktop-navbutton-box > a:hover i.la-heart,
.header-desktop-navbutton-box > a:hover i.lar.la-heart {
    color: var(--mori-blush) !important;
}

.header-desktop-navbutton-box-t {
    color: var(--mori-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-left: 6px !important;
}

.header-desktop-navbutton-box > a:hover .header-desktop-navbutton-box-t {
    color: var(--mori-sage) !important;
}

/* Sayaç Rozetleri (Sepet, Bildirim) */
.header-desktop-navbutton-box-count,
.header-desktop-navbutton-box-count-cart {
    background-color: var(--mori-honey) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 5px !important;
    box-shadow: 0 2px 6px rgba(238, 155, 68, 0.4) !important;
    border: 1.5px solid #FFFFFF !important;
}

/* ================================================================
   4. ANA MENÜ (TOP-LEVEL NAVIGATION)
   ================================================================ */

.top-level-menu-main-div {
    background-color: #FAF8F5 !important;
    border-top: 1px solid var(--mori-border) !important;
    border-bottom: 1px solid var(--mori-border) !important;
}

.top-level-menu {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

.top-level-menu > li {
    background: transparent !important;
    border: none !important;
    position: relative !important;
}

.top-level-menu > li > a,
.top-level-menu > li a {
    color: var(--mori-text) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 11px 14px !important;
    border-radius: 20px !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.top-level-menu > li span,
.top-level-menu > li a span {
    color: var(--mori-text) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

/* Menü Hover Efekti - Pastel Adaçayı Hapı */
.top-level-menu > li:hover,
.top-level-menu > li:hover > a,
.top-level-menu > li > a:hover {
    background-color: rgba(134, 169, 138, 0.12) !important;
    color: var(--mori-sage-dark) !important;
}

.top-level-menu > li:hover span,
.top-level-menu > li:hover > a span,
.top-level-menu > li > a:hover span {
    color: var(--mori-sage-dark) !important;
}

.top-level-menu > li i {
    color: var(--mori-sage) !important;
    margin-left: 5px !important;
    font-size: 11px !important;
}

/* ================================================================
   5. AÇILIR MENÜLER & DROPDOWNLAR
   ================================================================ */

.dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(45, 51, 46, 0.1) !important;
    padding: 10px !important;
}

.dropdown-menu:before {
    border-top: 1px solid var(--mori-border) !important;
    border-left: 1px solid var(--mori-border) !important;
    background-color: #FFFFFF !important;
}

.dropdown-cart-header,
.dropdown-userarea-header,
.dropdown-bell-header {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    border-bottom: 1px solid var(--mori-border) !important;
    padding-bottom: 8px !important;
}

.second-level-menu,
.third-level-menu,
.sablon2-level-menu {
    background-color: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06) !important;
}

.second-level-menu > li:hover,
.third-level-menu > li:hover {
    background-color: var(--mori-sage-light) !important;
}

.second-level-menu > li p,
.third-level-menu > li p {
    color: var(--mori-text) !important;
}

.second-level-menu > li:hover p,
.third-level-menu > li:hover p {
    color: var(--mori-sage-dark) !important;
}

/* ================================================================
   6. ÇEREZ BİLDİRİMİ (COOKIE CONSENT)
   ================================================================ */

.cc-window {
    background: #FAF8F5 !important;
    border: 1px solid #E6E1D8 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 35px rgba(45, 51, 46, 0.14) !important;
    padding: 18px 22px !important;
}

.cc-message {
    color: #434B45 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.cc-message a {
    color: var(--mori-sage) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.cc-btn,
.cc-compliance .cc-btn {
    background-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 24px !important;
    font-weight: 700 !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    box-shadow: 0 4px 12px rgba(134, 169, 138, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cc-btn:hover,
.cc-compliance .cc-btn:hover {
    background-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(109, 142, 113, 0.4) !important;
}

/* ================================================================
   7. BUTONLAR (SİYAH YERİNE BUTİK PASTEL RENKLERİ)
   ================================================================ */

/* Tüm siyah butonları adaçayı yeşiline çevir */
.button-black,
.button-black-out,
.button-black-white {
    background-color: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(134, 169, 138, 0.25) !important;
}

.button-black:hover,
.button-black-out:hover,
.button-black-white:hover {
    background-color: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(134, 169, 138, 0.35) !important;
}

/* Mavi butonlar -> Soft Pudra Mavi */
.button-blue,
.btn-primary {
    background-color: var(--mori-blue) !important;
    border-color: var(--mori-blue) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.button-blue:hover,
.btn-primary:hover {
    background-color: #74A4C8 !important;
    border-color: #74A4C8 !important;
    color: #FFFFFF !important;
}

/* Yeşil butonlar -> Adaçayı Yeşili */
.button-green,
.btn-success {
    background-color: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

.button-green:hover,
.btn-success:hover {
    background-color: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
}

/* Kehribar Bal Butonları */
.button-orange,
.button-yellow {
    background-color: var(--mori-honey) !important;
    border-color: var(--mori-honey) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
}

.button-orange:hover,
.button-yellow:hover {
    background-color: var(--mori-honey-dark) !important;
    border-color: var(--mori-honey-dark) !important;
}

/* ================================================================
   8. ÜRÜN KARTLARI VE VİTRİN KUTULARI
   ================================================================ */

.urun-kutu,
.product-box,
.urunler-box,
.urunler-box-small {
    background-color: var(--mori-card-bg) !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.urun-kutu:hover,
.product-box:hover,
.urunler-box:hover,
.urunler-box-small:hover {
    border-color: var(--mori-sage) !important;
    box-shadow: 0 10px 25px rgba(134, 169, 138, 0.16) !important;
    transform: translateY(-3px) !important;
}

.product-box-star .aktif-span,
.comment-rating .star,
.urun-star {
    color: var(--mori-honey) !important;
}

.product-box-star .pasif-span {
    color: #E2DFD8 !important;
}

.urun-fiyat,
.product-price {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.product-discount,
.urun-indirim-orani {
    background-color: var(--mori-blush) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
}

/* ================================================================
   9. TİCARET BİLGİ KUTULARI (HIZLI TESLİMAT, İADE VS.)
   ================================================================ */

.ticaret-kutulari-inside {
    background-color: #FAF8F5 !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

.ticaret-kutu-box {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 100% !important;
    border-right: 1px solid var(--mori-border) !important;
    border-bottom: none !important;
    box-sizing: border-box !important;
    padding: 22px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ticaret-kutu-box:last-child {
    border-right: none !important;
}

.ticaret-kutu-box i {
    color: var(--mori-sage) !important;
}

@media screen and (max-width: 768px) {
    .ticaret-kutulari-inside {
        flex-wrap: wrap !important;
    }
    .ticaret-kutu-box {
        flex: 1 1 100% !important;
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid var(--mori-border) !important;
        padding: 14px 20px !important;
    }
    .ticaret-kutu-box:last-child {
        border-bottom: none !important;
    }
}

/* ================================================================
   10. AÇIK RENK BUTİK FOOTER
   ================================================================ */

.footer-module-main-div,
.footer-main-div {
    background-color: var(--mori-footer-bg) !important;
    color: var(--mori-text) !important;
    border-top: 1px solid var(--mori-border) !important;
    padding-top: 40px !important;
    padding-bottom: 30px !important;
}

.footer-module-header-text,
.footer-main-div h5,
.footer-main-div h6 {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 16px !important;
}

.footer-module-links-div a,
.footer-module-contact-box a,
.footer-main-div a {
    color: var(--mori-muted) !important;
    font-size: 13px !important;
    line-height: 2.2 !important;
}

.footer-module-links-div a:hover,
.footer-module-contact-box a:hover,
.footer-main-div a:hover {
    color: var(--mori-sage) !important;
    padding-left: 4px;
}

.footer-module-box-social a {
    color: #555E57 !important;
}

.footer-module-box-social a:hover {
    color: var(--mori-sage) !important;
}

/* ================================================================
   11. YUKARI ÇIK BUTONU (RETURN TO TOP)
   ================================================================ */

#return-to-top {
    background-color: var(--mori-sage) !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(134, 169, 138, 0.35) !important;
    transition: all 0.25s ease !important;
}

#return-to-top:hover {
    background-color: var(--mori-sage-dark) !important;
    transform: translateY(-2px) !important;
}

#return-to-top i {
    color: #FFFFFF !important;
}

/* ================================================================
   12. KİŞİSELLEŞTİRME PANELİ VE SEPET ALANI STİLLERİ
   ================================================================ */

.mori-customization-card {
    background-color: #FAF8F5 !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-top: 15px !important;
}

.mori-customization-title {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mori-customization-title i {
    color: var(--mori-honey) !important;
}

.mori-custom-pill {
    display: inline-block;
    background: var(--mori-honey-light);
    color: var(--mori-honey-dark);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid rgba(238, 155, 68, 0.25);
}
/* ================================================================
   13. ANASAYFA VİTRİN & ŞERİT MODÜLLERİ (BEYAZ BANT & SİYAH BUTON GİDERME)
   ================================================================ */

.home-strip-module,
.urunler-module-main-div,
.vitrin-module-main,
.vitrin-tip1-main-div,
.vitrin-tip2-main-div,
.vitrin-tip3-main-div,
.firsat-module-main-div,
.story-module-main-div,
.kayan-module-main-div,
.html-module-main-div,
.blog-module-main-div,
.yorum-module-main-div,
.sayac-module-main-div,
.hizmet-module-main-div {
    background-color: var(--mori-bg) !important;
    background: var(--mori-bg) !important;
}

.home-strip-module .home-strip-head .home-strip-title {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
}

.home-strip-module .home-strip-head .home-strip-all-link {
    color: var(--mori-sage) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.home-strip-module .home-strip-head .home-strip-all-link:hover {
    color: var(--mori-sage-dark) !important;
}

/* Ürün Kartı Zeminini Temiz Beyaz ve Çerçevesini Organik Krem Yap */
.home-strip-product-card {
    background: #FFFFFF !important;
    border: 1px solid var(--mori-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(45, 51, 46, 0.05) !important;
    transition: all 0.25s ease !important;
}

.home-strip-product-card:hover {
    border-color: var(--mori-sage) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(134, 169, 138, 0.16) !important;
}

.home-strip-product-body {
    background: #FFFFFF !important;
}

.home-strip-product-title {
    color: var(--mori-text) !important;
}

.home-strip-product-desc {
    color: var(--mori-muted) !important;
}

.home-strip-product-new {
    color: var(--mori-text) !important;
    font-weight: 700 !important;
}

/* Sepete Ekle Butonu - Siyah yerine Adaçayı Yeşili */
.home-strip-product-btn,
button.home-strip-product-btn,
a.home-strip-product-btn {
    background-color: var(--mori-sage) !important;
    background: var(--mori-sage) !important;
    border-color: var(--mori-sage) !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(134, 169, 138, 0.25) !important;
}

.home-strip-product-btn:hover,
button.home-strip-product-btn:hover,
a.home-strip-product-btn:hover {
    background-color: var(--mori-sage-dark) !important;
    background: var(--mori-sage-dark) !important;
    border-color: var(--mori-sage-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(134, 169, 138, 0.35) !important;
}

.home-strip-product-badge {
    background: var(--mori-honey) !important;
    color: #FFFFFF !important;
}