/* ============================================================================
   Editörden marka renkleri — 2026 kimlik güncellemesi
   Palet (Editörden_ColorPallette.png): #C90000 · #212121 · #F4F4F4
   Logo: static/initial_design/images/editorden_red.svg

   Eski kahverengi kimlik (#6B4423 / #8A5624 / #C9A98A) şablonlarda inline
   yazılıydı; artık hepsi buradaki değişkenlere bağlı — renk değişimi tek yerden.
   base.html'de tema styles.css'inden SONRA yüklenir.
   ============================================================================ */
:root {
    /* Marka */
    --marka: #c90000;
    --marka-koyu: #a00000;       /* hover / gradient'in ikinci durağı */
    --marka-daha-koyu: #7a0000;  /* üç duraklı gradient'lerin en koyu ucu */
    --marka-rgb: 201, 0, 0;      /* rgba(var(--marka-rgb), .12) kullanımı için */

    /* Metin */
    --ink: #212121;              /* paletin koyu rengi: başlık ve gövde */
    --ink-2: #6b6b6b;            /* ikincil / soluk metin */
    --ink-ters: #f4f4f4;         /* koyu ve kırmızı zemin üstündeki metin */

    /* Yüzeyler ve kenarlıklar (eski bej zeminlerin nötr karşılığı) */
    --yuzey: #f4f4f4;            /* paletin açık rengi */
    --yuzey-2: #fafafa;
    --kenar: #e3e3e3;
    --kenar-koyu: #d5d5d5;

    /* Gölge: markadan bağımsız, nötr */
    --golge-rgb: 33, 33, 33;
}

/* ------------------------------------------------------------------------- */
/* Tema (initial_design/css/styles.css) kendi kırmızısını #dd2a2a, bir yerde de
   kahve #8a5624 kullanıyor. Vendor dosyasını düzenlemek yerine aynı seçicileri
   burada marka kırmızısıyla yeniden tanımlıyoruz — sonra yüklendiği için kazanır.
   Aşağıdaki bloklar styles.css'ten üretildi (96 bildirim, 91 seçici).          */
/* ------------------------------------------------------------------------- */
a { color: #c90000; }
.text-primary { color: #c90000; }
.bg-primary { background-color: #c90000; }
.btn-primary { background-color: #c90000; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #c90000; }
.btn-primary .badge { color: #c90000; }
.btn-link { color: #c90000; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #c90000; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: #c90000; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #c90000; }
.label-primary { background-color: #c90000; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #c90000; }
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active { border-color: #c90000; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #c90000; border-color: #c90000; }
.panel-primary { border-color: #c90000; }
.panel-primary > .panel-heading { background-color: #c90000; border-color: #c90000; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #c90000; }
.panel-primary > .panel-heading .badge { color: #c90000; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #c90000; }
a:hover, a:focus { color: #c90000; }
svg:hover { fill: #c90000; }
.red { color: #c90000; }
.zoa-btn { background: #c90000; }
.zoa-btn:hover { border-color: #c90000; }
.text-note a:hover { color: #c90000; }
.text-note a:hover:after { background: #c90000; }
.slide-btn:before { border-bottom: 2px solid #c90000; }
.slide.v4 .content1 a:hover { color: #c90000; }
.slide.v3 .content1 .btn-shopnow:hover, .slide.v6 .content1 .btn-shopnow:hover, .slide.v5 .content1 .btn-shopnow:hover { background: #c90000; border-color: #c90000; }
.slide.v3 .content5 .btn-shopnow:hover, .slide.v6 .content5 .btn-shopnow:hover, .slide.v5 .content5 .btn-shopnow:hover { background: #c90000; border-color: #c90000; }
.element a:hover,
    .element span:hover { color: #c90000; }
.topbar a:hover i { color: #c90000; }
.tags a:hover { color: #c90000; }
.menu-level-1 > li > a:hover { color: #c90000; }
.menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 > a:hover { color: #c90000; }
.cart-bottom .text:hover { color: #c90000; }
.widget-verticalmenu .vertical-group .vertical-item:hover > a { color: #c90000; }
.widget-verticalmenu .vertical-group .vertical-item:hover > a:before { color: #c90000; }
.vertical-menu .vertical-menu1 li > a:hover { color: #c90000; }
.sidebar-menu-bottom .sidebar-menu-link li a:hover { color: #c90000; }
.sidebar-menu-bottom .social a:hover { color: #c90000; }
.sidebar-menu-bottom .sidebar-copyright p a { color: #c90000; }
.footer .social a:hover { color: #c90000; }
.footer ul li a:hover { color: #c90000; }
.shopping-cart .cart-table .item_cart .product-remove a:hover { color: #c90000; }
.shopping-cart .cart-btn-group a:hover { color: #c90000; }
.scrollToTop { background: #c90000; }
.price { color: #c90000; }
#menumodal button.close:hover span { color: #c90000; }
#menumodal .modal-top-right .search-popup i:hover { color: #c90000; }
.sidebar .widget .title-heading:after { background: #c90000; }
.newsletter.v2 .form_newsletter .button_mini:hover { border-color: #c90000; }
.newsletter.v3 .newsletter-element ul li a:hover, .newsletter.slide.v6 .newsletter-element ul li a:hover, .newsletter.slide.v5 .newsletter-element ul li a:hover { color: #c90000; }
.newsletter.v3.bg-black .zoa-btn:hover, .newsletter.bg-black.slide.v6 .zoa-btn:hover, .newsletter.bg-black.slide.v5 .zoa-btn:hover { background: #c90000; border-color: #c90000; }
.single-banner .content .text:before { border-bottom: 2px solid #c90000; }
.banner .content a:before { border-bottom: 2px solid #c90000; }
.banner .content2 a:before { border-bottom: 2px solid #c90000; }
.zoa-blog .blog-content .blog-meta .blog-meta-tag:before { border-bottom: 2px solid #c90000; }
.zoa-blog.v3 .btn-read-more, .zoa-blog.slide.v6 .btn-read-more, .zoa-blog.slide.v5 .btn-read-more { color: #c90000; }
.zoa-instagram .insta-title a:hover { color: #c90000; }
.zoa-product-tabs .tabs li a:after { background: #c90000; }
.collection-slide .slide-content a:before { border-bottom: 2px solid #c90000; }
.about-homepage11 .content a:before { border-bottom: 2px solid #c90000; }
.zoa-collection-2 .content a:before { border-bottom: 2px solid #c90000; }
.zoa-collection-2 .collection-tags a:hover { color: #c90000; }
.testimonial .testimonial-item .content p:before { border-bottom: 1px solid #c90000; }
.collection-3 .content .shop-now:before { border-bottom: 2px solid #c90000; }
.collection-4 .content .shop-now:before { border-bottom: 2px solid #c90000; }
.full-banner .content .tag-title:before { border-bottom: 2px solid #c90000; }
.flash-deal .content .product-content .product-price span { color: #c90000; }
.contact-form .contact-img .contact-overlay-img a:hover { color: #c90000; }
.zoa-404 .zoa-back:after { background: #c90000; }
.wrapper-faqs .menu-left ul li:nth-child(1) i { color: #c90000; }
.single-blog-desc blockquote { border-left: 2px solid #c90000; }
.single-blog-item .blog-related-info .blog-link:hover { color: #c90000; }
.single-blog-item .blog-related-info p a:hover { color: #c90000; }
.section-blog-list .entry-content .entry-between .label { color: #c90000; }
.section-blog-list .entry-content .entry-meta .entry-title a:hover { color: #c90000; }
.blog-zigzag .wpb_wrapper .feature-content .oct_top_featured_content .oct_day { color: #c90000; }
.body-blog-listing .item-blog .date p { color: #c90000; }
.body-blog-listing .item-blog .date p span:before { background-color: #c90000; }
.body-blog-listing .page_nav .current { color: #c90000 !important; }
.body-blog-listing .page_nav .page-numbers:hover { color: #c90000; }
.product-title a:hover { color: #c90000; }
.widget-filter.filter-cate ul li a:hover { color: #c90000; }
.single-product-detail .single-product-info .product-title a:hover { color: #c90000; }
.single-product-detail .single-product-info .product-tags a:hover { color: #c90000; }
.single-product-detail .single-product-info .product-social .social a:hover { color: #c90000; }
.single-product-tab > ul li a:after { background: #c90000; }
.filter-product .filter-content > li > a:hover { color: #c90000; }
.filter-product .filter-content > li .filter-menu > li > a:hover { color: #c90000; }