/* ============================================================
   YURDAKUL KIRTASİYE — Renkli Modern Tema Skini
   skin-demo-4.css ve demo-4.css SONRASINDA yüklenmelidir.
   Renk paleti: mor / kırmızı / pembe / yeşil / mavi / turuncu
   ============================================================ */

:root {
    --yk-mor:      #5b2d90;
    --yk-mor-koyu: #472272;
    --yk-kirmizi:  #e63329;
    --yk-pembe:    #e5097f;
    --yk-yesil:    #27a05a;
    --yk-mavi:     #009fe3;
    --yk-turuncu:  #f39200;
    --yk-zemin:    #f7f7fb;
    --yk-koyu:     #2b2540;
}

/* ---------- GENEL: ana renk mavi -> mor ---------- */
::selection { background-color: var(--yk-mor); color:#fff; }

a { color: var(--yk-mor); }
a:hover, a:focus { color: var(--yk-pembe); }

.text-primary { color: var(--yk-mor) !important; }
.bg-primary { background-color: var(--yk-mor) !important; }
.bg-secondary { background-color: var(--yk-mor-koyu) !important; }

.btn-primary {
    background-color: var(--yk-mor);
    border-color: var(--yk-mor);
    border-radius: 30px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--yk-pembe);
    border-color: var(--yk-pembe);
}
.btn-secondary {
    background-color: var(--yk-mavi);
    border-color: var(--yk-mavi);
    border-radius: 30px;
}
.btn-secondary:hover, .btn-secondary:focus {
    background-color: #0088c2;
    border-color: #0088c2;
}
.btn-outline-primary-2 {
    color: var(--yk-mor);
    border-color: var(--yk-mor);
    border-radius: 30px;
}
.btn-outline-primary-2:hover, .btn-outline-primary-2:focus,
.btn-outline-primary-2:not(:disabled):not(.disabled):active {
    background-color: var(--yk-mor);
    border-color: var(--yk-mor);
    color: #fff;
}
.btn-link { color: var(--yk-mor); }
.btn-link:hover, .btn-link:focus { color: var(--yk-pembe); }

/* ---------- ÜST BAR: koyu mor degrade ---------- */
.header-top {
    background: linear-gradient(90deg, var(--yk-mor-koyu) 0%, var(--yk-mor) 55%, var(--yk-pembe) 130%);
    color: #fff;
    font-weight: 500;
}
.header-top a, .header-top .header-left, .header-top .mobiluyelik a { color: #fff !important; }
.header-top a:hover, .header-top a:focus { color: #ffd6ec !important; }
.header-top .top-menu > li > ul { display: flex; flex-wrap: wrap; }

/* ---------- ORTA HEADER ---------- */
.header-middle { background: #fff; border-bottom: none; }

/* Arama kutusu: hap şeklinde, mor çerçeveli */
.header-search-extended .header-search-wrapper {
    border: 2px solid var(--yk-mor);
    border-radius: 30px;
    overflow: hidden;
}
.header-search-extended .form-control {
    background: #fff;
    border-radius: 0 30px 30px 0;
}
.header-4 .header-search-extended .btn { color: var(--yk-mor); }
.header-4 .header-search-extended .btn:hover,
.header-4 .header-search-extended .btn:focus { color: var(--yk-pembe); }

/* Sağdaki ikonlar */
.header-middle .header-right .icon i { color: var(--yk-mor); }
.header-middle .header-right p { color: var(--yk-koyu); font-weight: 500; }
.cart-count, .wishlist-count.badge {
    background-color: var(--yk-pembe) !important;
    color: #fff !important;
}

/* ---------- ALT HEADER + RENKLİ MENÜ BANTLARI ---------- */
.header-bottom {
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 3px solid var(--yk-mor);
    padding: 8px 0;
}
.header-bottom.sticky-header.fixed { background: #fff; box-shadow: 0 4px 14px rgba(91,45,144,.18); }

/* "Ürün Kategorilerimiz" düğmesi */
.category-dropdown .dropdown-toggle {
    background: var(--yk-mor) !important;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 600;
    text-transform: none;
}
/* style.css'teki ".header-4 ... :not(:hover):not(:focus){color:#333!important}" kuralını ezmek için */
.header-4 .dropdown.category-dropdown .dropdown-toggle,
.header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus),
.header-4 .dropdown.category-dropdown .dropdown-toggle i,
.header-4 .dropdown.category-dropdown .dropdown-toggle:not(:hover):not(:focus) i {
    color: #fff !important;
}
.category-dropdown .dropdown-toggle:hover { background: var(--yk-mor-koyu) !important; }
.category-dropdown.show .dropdown-toggle { background: var(--yk-mor-koyu) !important; }

/* Renkli menü blokları (hilalGrup tarzı) */
.main-nav .menu.yk-navblocks {
    display: flex;
    align-items: stretch;
    gap: 6px;
    width: 100%;
}
.main-nav .menu.yk-navblocks > li { margin: 0; flex: 1 1 auto; display: flex; }
.main-nav .menu.yk-navblocks > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 12px 14px !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: .2px;
    border-radius: 8px;
    transition: filter .18s, transform .18s, box-shadow .18s;
    white-space: normal;
}
.main-nav .menu.yk-navblocks > li > a:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,.22);
}
/* Blok renkleri: sırayla mor, kırmızı, pembe, yeşil, mavi, turuncu */
.main-nav .menu.yk-navblocks > li:nth-child(6n+1) > a { background: var(--yk-mor); }
.main-nav .menu.yk-navblocks > li:nth-child(6n+2) > a { background: var(--yk-kirmizi); }
.main-nav .menu.yk-navblocks > li:nth-child(6n+3) > a { background: var(--yk-pembe); }
.main-nav .menu.yk-navblocks > li:nth-child(6n+4) > a { background: var(--yk-yesil); }
.main-nav .menu.yk-navblocks > li:nth-child(6n+5) > a { background: var(--yk-mavi); }
.main-nav .menu.yk-navblocks > li:nth-child(6n+6) > a { background: var(--yk-turuncu); }

/* Renkli bloklarda aşağı ok işaretini kaldır (yazının üstüne biniyor; menü hover ile yine açılır) */
.main-nav .menu.yk-navblocks > li > a.sf-with-ul:after,
.header-bottom .menu.sf-arrows.yk-navblocks > li > .sf-with-ul::after,
.header-intro-clearance .header-bottom .menu.sf-arrows.yk-navblocks > li > .sf-with-ul::after {
    content: none !important;
    display: none !important;
}

/* Megamenü görünümü */
.main-nav .megamenu { border-top: 3px solid var(--yk-mor); border-radius: 0 0 10px 10px; box-shadow: 0 12px 30px rgba(43,37,64,.18); }
.main-nav .megamenu .menu-title a { color: var(--yk-mor); font-weight: 600; }
.main-nav .menu ul, .main-nav .megamenu { margin-top: 6px; }
.main-nav .menu > li > ul { border-top: 3px solid var(--yk-mor); border-radius: 0 0 10px 10px; }

/* ---------- ANA SAYFA BÖLÜM BAŞLIKLARI ---------- */
.heading .title {
    position: relative;
    font-weight: 700;
    color: var(--yk-koyu);
    padding-left: 14px;
}
.heading .title:before {
    content: "";
    position: absolute;
    left: 0; top: 4px; bottom: 4px;
    width: 5px;
    border-radius: 3px;
    background: linear-gradient(180deg, var(--yk-mor), var(--yk-pembe));
}
.heading.heading-flex { border-bottom: 2px solid #efeaf6; padding-bottom: 8px; }

/* Sekmeler (nav-pills) */
.nav.nav-pills .nav-link { border-radius: 20px; font-weight: 500; }
.nav.nav-pills .nav-link.active,
.nav.nav-pills .show > .nav-link {
    color: #fff;
    background: var(--yk-mor);
}
.nav.nav-pills .nav-link:hover { color: var(--yk-mor); }

/* ---------- ÜRÜN KARTLARI ---------- */
.product.product-2, .product {
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
    background: #fff;
}
.product:hover {
    box-shadow: 0 10px 26px rgba(91,45,144,.16);
    transform: translateY(-3px);
}
.product .product-title a { color: var(--yk-koyu); }
.product .product-title a:hover { color: var(--yk-mor); }
.product-price, .product .new-price { color: var(--yk-kirmizi); font-weight: 700; }
.product-label.label-new { background: var(--yk-mavi); }
.product-label.label-sale { background: var(--yk-pembe); }
.product-label.label-top { background: var(--yk-turuncu); }
.btn-product { color: var(--yk-mor); }
.btn-product:hover, .btn-product:focus { background: var(--yk-mor); }
.btn-product-icon { color: var(--yk-mor); }
.btn-product-icon:hover, .btn-product-icon:focus { background: var(--yk-mor); color: #fff; }
.ratings-val { color: var(--yk-turuncu); }

/* Owl carousel okları */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next { color: var(--yk-mor); }
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover { color: var(--yk-pembe); }
.owl-carousel .owl-dots .owl-dot.active span { background: var(--yk-mor); border-color: var(--yk-mor); }

/* ---------- SAYFA GENELİ ---------- */
body { background: #fff; }
.page-header { background: var(--yk-zemin); }
.breadcrumb-item a:hover, .breadcrumb-item a:focus { color: var(--yk-mor); }
.page-item.active .page-link { background: var(--yk-mor); border-color: var(--yk-mor); color:#fff; }
.page-link:hover, .page-link:focus { color: var(--yk-mor); }

/* Form odak renkleri */
.form-control:focus { border-color: var(--yk-mor); }

/* Modal (üye girişi) */
.modal-content { border-radius: 14px; overflow: hidden; }
.nav.nav-pills-mobile .nav-link.active,
.form-tab .nav.nav-pills .nav-link.active {
    color: #fff !important;
    background: var(--yk-mor) !important;
    border-bottom-color: var(--yk-mor) !important;
}
.form-tab .nav.nav-pills .nav-link { color: var(--yk-koyu); }
.form-tab .nav.nav-pills .nav-link:hover { color: var(--yk-mor); }

/* ---------- FOOTER ---------- */
.footer .cta {
    background-image: none !important;
    background: linear-gradient(115deg, var(--yk-mor-koyu) 0%, var(--yk-mor) 45%, var(--yk-pembe) 120%) !important;
}
.footer-middle { background: var(--yk-koyu); border-top: none; }
.footer-middle .widget-title { color: #fff; font-weight: 600; }
.footer-middle p, .footer-middle .widget-list a, .footer-middle .widget-about-info a { color: #cfc9e2; }
.footer-middle .widget-list a:hover, .footer-middle a:hover { color: #fff; }
.footer-bottom { background: #221c35; border-top: 1px solid rgba(255,255,255,.08); }
.footer-bottom .footer-copyright { color: #a99fc7; }

/* E-bülten kutusu */
.footer .input-group-round .form-control { border-radius: 30px 0 0 30px; }
.footer .input-group-round .btn { border-radius: 0 30px 30px 0; background: var(--yk-turuncu); border-color: var(--yk-turuncu); }
.footer .input-group-round .btn:hover { background: #d98200; border-color: #d98200; }

/* ---------- MOBİL ---------- */
@media (max-width: 991px) {
    .main-nav .menu.yk-navblocks { flex-wrap: wrap; }
    .main-nav .menu.yk-navblocks > li { flex: 1 1 46%; }
}

/* Mobil menü (soldan açılan) vurgu rengi */
.mobile-menu ul li a:hover, .mobile-menu ul li a:focus { color: var(--yk-pembe); }
.mobile-menu ul li.active > a { color: var(--yk-pembe); }
.mobile-menu-container .input-group .btn { background: var(--yk-mor); }

/* Yukarı çık butonu */
#scroll-top:hover, #scroll-top:focus { background-color: var(--yk-mor); color:#fff; }