/**
 * MCG.CZ - Barevné schéma
 * Primární: #013483 (modrá - menu, tlačítka, logo)
 * Accent: #A0EDBC (světle zelená - košík, zvýraznění)
 * Background: #EFF5FF (světle modrá - pozadí)
 */

:root {
    /* Primární barvy - modrá paleta */
    --color-primary: #01439e  /*#013483*/;
    --color-navbar: #01439e;
    --color-navbar-dark: #012d73;
    --color-primary-dark: #012d73;
    --color-primary-darker: #001f5c;
    --color-primary-light: #1a4da0;
    --color-primary-lighter: #3366ba;
    
    /* Sekundární barvy */
    --color-secondary: #F28AB9;
    --color-secondary-light: #f5a5c9;
    --color-secondary-dark: #e06a9f;
    
    /* Akcentové barvy - zelená */
    --color-accent: #A0EDBC;
    --color-accent-dark: #7de0a4;
    --color-accent-light: #D9FFE7;
    --color-accent-hover: #5dd68c;
    
    /* Pozadí */
    --bg-primary: #EFF5FF;
    --bg-secondary: #DFEAFD;
    --bg-tertiary: #F8FFFF;
    --bg-light: #edeeef;
    --bg-card: #FFFFFF;
    --bg-footer-boxes: #F8EAEA;
    
    /* Text */
    --text-primary: #000000;
    --text-secondary: #666666;
    --text-muted: rgba(0, 0, 0, 0.4);
    --text-light: #FFFFFF;
    
    /* Bordery */
    --border-primary: #013483;
    --border-primary-transparent: rgba(1, 52, 131, 0.3);
    --border-secondary: #E6DDF4;
    --border-light: #edeeef;
    --border-neutral: #DBDBDB;
    --border-footer: rgba(0, 0, 0, 0.18);
    --border-transparent: rgba(255, 255, 255, 0.1);
    --border-bronz: #DBA134;
    --border-silver: #AEAEAE;
    --border-gold: #C1AE69;
    
    /* Stavy */
    --color-success: #28A745;
    --color-error: #DC3545;
    --color-warning: orange;
    --color-info: #0a53be;

    /* Tlačitka */
    --btn-success-bg: #013483;
    --btn-success-border: #013483;
    --btn-success-hover-bg: #218838;
    --btn-success-hover-border: #1e7e34;
    --btn-success-hover-text: #fff;
    
    /* Speciální - produkty */
    --color-sale: #DC3545;
    --color-stock: #28A745;
    --color-stock-available: #84be5c;
    --color-request: orange;
    --color-price: #013483;
    --color-link: #013483;
    
    /* Zvýraznění a upozornění */
    --highlight-bg: lightpink;
    --warning-bg: lightgoldenrodyellow;
    --btn-show-all-bg: #e0f4e8;
    --overlay-bg: rgba(0, 0, 0, 0.4);
    
    /* Odznaky a hodnocení */
    --badge-gold: #D8B56F;
    --badge-silver: #D0CABC;
    --badge-bronze: #CAAF8F;
    
    /* Search icon - zakódovaná SVG ikona s modrou barvou */
    --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23013483' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E");
    
    /* UI komponenty */
    --bg-note: #FAD6E7;
    --bg-active-second: #FCF3FF;
    --hover-bg: #f0f0f0;
    --hover-quantity: #e6f0fa;
    --slider-track-bg: #d6e6f5;
    --scrollbar-track-bg: rgba(214, 230, 245, 0.4);
    --popover-close-bg: #1a4da0;
    
    /* Efekty */
    --footer-store-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(1, 52, 131, 0.6));
}

/* === TOP NAVIGATION === */
.top-navigation-links a { color: var(--text-primary); }
.top-navigation-contact { color: var(--text-primary); }
.top-navigation-login, .top-navigation-login a { color: var(--text-primary); }
.header_phone { background-color: var(--color-accent-light); }

/* === HEADER === */
.card { border-color: var(--color-primary); }
#seastr { background-image: var(--search-icon); }
.header-basket .fa-shopping-basket { color: var(--color-primary); }
.header-basket .count2 { background-color: var(--color-accent); color: var(--text-primary); }
.header-basket a .tag-price { color: var(--text-primary); }
.header-basket .tag-arrow { background-color: var(--bg-tertiary); color: var(--text-primary); }
.header-basket a { color: var(--text-primary); }
.header-basket { background-color: var(--bg-card); }

/* === SEARCH OUTPUT === */
#searchOutput { border-color: var(--color-primary); background: var(--bg-card); }
#searchOutput .autocomplete-item { border-bottom: 1px solid var(--border-neutral); }
#searchOutput .autocomplete-item .info .label b { background-color: var(--highlight-bg) !important; }
#searchOutput .autocomplete-item .info .dostupnost .on_stock {
    color: var(--color-success);
    background-color: var(--color-accent-light);
}
#searchOutput .autocomplete-item .info .dostupnost .on_request {
    color: var(--color-warning);
    background-color: var(--warning-bg);
}
#searchOutput .autocomplete-item .info .cena { color: var(--color-price); }
#searchOutput .btn-zobrazit-vse { background: var(--btn-show-all-bg); color: var(--text-primary); }

/* === MENU === */
.menu-categories { background-color: var(--color-navbar); }
.menu-categories .nav-item { border: 1px solid var(--border-transparent); }
.menu-categories .nav-item:hover { background-color: var(--color-navbar-dark); }
.menu-categories .navbar-nav > li > a { color: var(--text-light); }
.nav-mega .dropdown-menu.mega-menu { background-color: var(--bg-primary) !important; }
.nav-mega .podkategorie .kInner a > div { background-color: var(--bg-card); border: 1px solid var(--border-secondary); }
.nav-mega .podkategorie .kInner a > div:hover { border: 1px solid var(--color-navbar); }
.dropdown-menu .media-body .name { color: var(--text-primary); }
.podkategorie .kInner a .title { color: var(--text-primary); }

/* === NEWSLETTER === */
.home-newsletter { background-color: var(--color-primary); }
.newsletter-text { color: var(--text-light); }
.home-newsletter .btn-success { background-color: var(--color-primary); border: 1px solid var(--text-light); }
.home-newsletter .agree { color: var(--text-light); }
.home-newsletter .icon-envelope { color: var(--color-primary); }
.home-newsletter .agree a { color: var(--text-light); }

/* === FOOTER === */
.footer-gray { background-color: var(--bg-primary); }
.footer-divs { background-color: var(--bg-secondary); }
.footer-divs .newsletter-text { color: var(--text-primary); }
.footer-divs .newsletter-text a { color: var(--text-primary); }
.f-left { background-color: var(--color-accent); }
.f-middle { background-color: var(--bg-secondary); border-right: 1px solid var(--border-secondary); }
.f-right { background-color: var(--bg-secondary); }

.footer-contact { background-color: var(--bg-primary); color: var(--text-primary); }
.footer-contact .row { border-bottom: 1px solid var(--border-footer); }
.footer-contact .rect { background-color: var(--bg-primary); border: 1px solid var(--color-primary); }
.footer-contact a { color: var(--color-primary); }
.footer-contact .fc-rectangle { background-color: var(--color-primary); color: var(--text-light); }
.footer-contact .fc-rectangle svg { fill: var(--text-light); }
.footer-contact .open-hours { color: var(--color-primary); }

.footer-links { background-color: var(--bg-primary); color: var(--text-primary); }
.footer-links a { color: var(--text-primary); }
.footer-boxes { background-color: var(--bg-footer-boxes); color: var(--text-primary); }
.footer-copy { background-color: var(--bg-primary); color: var(--text-primary); }

/* === HOMEPAGE === */
.homeblog { background-color: var(--bg-primary); }
.homeblog .clanek .more { color: var(--color-primary); }
.homeblog .clanek h2 a { color: var(--text-primary); }
.homeblog .clanek .perex { color: var(--text-primary); }
.homeblog .btn-all { color: var(--text-primary); }
.homepage_kategorie { background-color: var(--bg-primary); }
.homepage_kategorie a { color: var(--text-primary); }
.homepage_kategorie a.hk_all { color: var(--color-primary); }
.homepage_clanky li a { color: var(--text-primary); }

/* === LEFT MENU === */
.menu-list { background-color: var(--bg-primary); }
.left-menu { border-bottom: 2px solid var(--color-primary); }
.left-menu li a, .left-menu-hover-link li a { color: var(--text-primary); }
.left-menu li.active a, .left-menu-hover-link li.active a { color: var(--color-primary); }
.left-menu li:hover a, .left-menu-hover-link li:hover a { color: var(--color-primary); }
.left-menu-sub li.active a { color: var(--color-primary) !important; }
.left-menu-sub li:hover a { color: var(--color-primary) !important; }
.left-menu .left-menu-sub li a i { color: var(--color-primary); }

/* === ADVANTAGES BOX === */
.adv_box i { color: var(--color-primary); }
.adv_box:hover { background-color: var(--color-primary-dark); color: var(--text-light); }
.adv_box2 .svg-wrapper { background-color: var(--bg-secondary); }

/* === BREADCRUMB === */
.breadcrumb { background-color: var(--bg-primary) !important; color: var(--color-primary); }
.breadcrumb a { color: var(--color-primary); }
.breadcrumb-item.active { color: var(--color-primary); }
.drop_background { background-color: var(--bg-primary); }

/* === PRODUCTS === */
.prod-new { color: var(--text-primary); }
.prod-new .name a { color: var(--text-primary); }
.prod-new .prod-text { color: var(--text-secondary); }
.prod .price { color: var(--color-price); }
.prod-new .ico-sale { background-color: var(--color-sale) !important; }
.prod-new .price_buy .price .price-last { color: var(--color-error); }
.prod-new .quantity button { background: var(--bg-primary); }
.prod-new .quantity button:hover { background-color: var(--hover-quantity); }
.prod-new .btn-success { background-color: var(--color-primary); color: var(--text-light); }
.prod-new .btn-success:hover { background-color: var(--color-secondary-dark) !important; }
.prod-new .btn-add-to-card {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    color: var(--text-light);
}
.prod-new .btn-add-to-card:hover { background-color: var(--color-accent-dark); }

.homepage_products .col-prod { border-color: var(--border-light); }
.homepage_products .col-prod:hover,
.produkt-doporucujeme .col-prod:hover,
.commodityCatalog .col-prod:hover {
    border-color: var(--border-light);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* === AVAILABILITY === */
.on_stock { color: var(--color-stock-available); }
.on_request { color: var(--color-warning) !important; }
.ordered { color: var(--color-info); }
.not_available { color: var(--color-error); }

/* === CATEGORY PAGE === */
.menu-list { background-color: var(--bg-primary); }
.menu-list ul li { border-color: rgba(0, 0, 0, 0.1); }
.menu-list ul.left-menu > li.active > a { color: var(--text-primary); }
ul.left-menu-sub li a { color: var(--text-secondary) !important; }

.menu-filtr { background-color: var(--bg-card); }
.menu-filtr .h4 i { color: var(--color-primary); }
.menu-filtr .ui-widget-header { background-color: var(--color-primary-light); }
#filtrCena .ui-state-default { background-color: var(--bg-card); }
#filtrCena .ui-widget-content { background-color: var(--slider-track-bg); }
.menu-filtr a.href-filters { color: var(--color-primary-light) !important; }
.filtr-box input[type="checkbox"]:checked { background-color: var(--color-primary-lighter); border-color: var(--color-primary-lighter); }
.menu-filtr .color-success { color: var(--color-success); }
.menu-filtr .color-primary { color: var(--color-primary-lighter); }
.menu-filtr .btn-primary-reverse { border-color: var(--color-primary) !important; color: var(--color-primary) !important; }

.categoryText .toggle-button { color: var(--color-primary-lighter); }
.href-filters { color: var(--color-primary); }

/* === SORTING === */
.sorting .nav-link { color: var(--color-primary); }
.sorting .nav-link:hover { color: var(--color-primary-dark); }
.select-toggle { color: var(--color-primary-lighter); }
.custom-select2 .select-toggle { color: var(--color-primary-light); }
.pagination .page-link.active { background-color: var(--bg-primary) !important; color: var(--color-primary) !important; }
.pagination .page-link { color: var(--text-primary) !important; }

/* === BEST SELLERS === */
.nejprodavanejsi .price-big { color: var(--color-primary); }
.nejprodavanejsi .product-index-1 { background: var(--badge-gold); }
.nejprodavanejsi .product-index-2 { background: var(--badge-silver); }
.nejprodavanejsi .product-index-3 { background: var(--badge-bronze); }
.nejprodavanejsi .product-title2 a { color: var(--text-primary); }
.nejprodavanejsi .add-button { background: var(--color-accent-dark); color: var(--text-light); }
.nejprodavanejsi .add-button:hover { background: var(--color-accent); }
.product-item .add-button:hover { background-color: var(--color-accent-hover); }
.stock.green { color: var(--color-success); }

/* === ADVANTAGES CATEGORY === */
.vyhody_box_category { background-color: var(--bg-tertiary); }

/* === PRODUCT DETAIL === */
.product .hodnoceni-produkt a,
.product .hodnoceno-pocet { color: var(--text-secondary); }
.product-top .card-price .price-last { color: var(--color-error); }
.card-dostupnost { color: var(--text-primary); }
.card-doruceni { color: var(--color-success); }
.card-vernostni { background-color: var(--bg-tertiary); }
.product .links-box a { color: var(--text-secondary); }
.product .links-box a:hover { color: var(--color-primary); }

.odkazy .bg-dotaz { background-color: var(--bg-tertiary); }
.odkazy .bg-hlidat { background-color: var(--bg-primary); }
.odkazy .send_question { background: var(--color-secondary); color: var(--text-light); }
.odkazy .send_question:hover { background-color: var(--color-secondary-dark) !important; }
.odkazy .watchdog { background: var(--color-primary); color: var(--text-light); }
.odkazy .watchdog:hover { background-color: var(--color-primary-dark) !important; }

.product-navi li a { color: var(--color-primary); }
.product-navi li i { color: var(--text-secondary); }
.product-navi li a.active { border-color: rgba(0, 0, 0, 0.2); }

.product-obsah .product-description { background-color: var(--bg-primary); }
.product-obsah .product-parameters { background-color: var(--bg-tertiary); }
.tech-parameters .category a { color: var(--color-primary); }
.tech-parameters .category a:hover { color: var(--color-primary-dark); }
.tech-parameters table a:hover { color: var(--color-primary); }

/* === PRODUCT VYHODY === */
.produkt-vyhody { background-color: var(--color-primary); }
.produkt-vyhody .vyhoda { border-color: var(--color-primary); }
.produkt-vyhody .vyhoda i { color: var(--color-primary); }
.produkt-vyhody .vyhoda:hover { background-color: var(--color-primary-dark); border-color: var(--text-light); }
.produkt-vyhody .detail { color: var(--color-primary); }

/* === PRODUCT REVIEWS === */
.product-recenze .celkem a { color: var(--text-primary); }
.product-recenze .text { color: var(--text-primary); }
.product-recenze .footer { color: rgba(0, 0, 0, 0.47); }
.product-recenze .footer .name { color: var(--text-primary); }
.product-recenze .btn-primary-reverse { border-color: var(--color-primary) !important; color: var(--color-primary) !important; }
.celkem .btn-success { background-color: var(--color-accent-dark); }

/* === VARIANTS === */
.product .variant:hover, #variants-detail .active .variant { border-color: var(--color-primary); }
.product .variant .variant-availability { color: var(--color-success); }
.variants-detail .variant-disc { background: var(--color-primary); color: var(--text-light); }
.variants-detail .variant { border-color: var(--border-neutral); }
.variants-detail .variant:hover { border-color: var(--color-primary); }
.variants-detail .variant .variant-name { color: var(--text-primary); }
.variants-detail .variant .variant-price { color: var(--text-primary); }
.product .variants_show, .product .variants_hide { color: var(--color-primary); }
.btn-variants { background-color: var(--color-primary) !important; color: var(--text-light); }
.btn-variants:hover { background-color: var(--color-primary-dark) !important; }

/* === BUY QUANTITY === */
.buy_quantity .btn-success {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.buy_quantity .btn-success:hover {
    background-color: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
}

/* === BASKET POPUP === */
.header-basket { background-color: var(--bg-card); }
.header-basket .icon-amount { background: var(--color-primary); color: var(--text-light); }
.header-basket .icon-chevron { background: var(--bg-primary); }
#basketpop { background-color: var(--bg-card); }
.basket-empty-tips { background-color: var(--bg-primary); }
.basket-empty-buttons { background-color: var(--bg-primary); }
.header-basket a.btn-empty-basket,
.m_basketpop a.btn-empty-basket { background-color: var(--color-secondary); color: var(--text-light) !important; }
.products-basket-inline .item-amount button { background: var(--bg-primary); }
.products-delivery { background: var(--bg-primary); }
.products-go a { background-color: var(--color-accent); color: var(--text-primary); }
#popupkosik .products-go a,
#m_kosik_popu_modal .btn-success { 
    background-color: var(--btn-success-hover-bg); 
    border-color: var(--btn-success-hover-bg); 
    color: var(--text-light); 
}
#popupkosik .products-go a:hover { background-color: var(--btn-success-hover-border); }

/* === MODAL BASKET === */
.modal-dialog-basket .success-icon { background: var(--color-accent); }
.modal-dialog-basket .btn-success { color: var(--text-primary); }
.modal-dialog-basket .href-filters { color: var(--color-primary); }
.modal-dialog-basket .cdoprava { background-color: var(--bg-primary); }
.modal-dialog-basket .progressbar > div,
.modal-dialog-basket .progressbarDarek > div { background: var(--color-primary); }

/* === CART PAGE === */
.pc-navigation-bar { background-color: var(--color-primary); }
.back-icon { background-color: var(--color-primary-dark); color: var(--text-light); }
.back-icon .fa { color: var(--text-light); }
.pc-navigation-bar .text-right { color: var(--text-light); }
.pc-navigation-bar .text-right a { color: var(--text-light); }

.kosik-new-pc { background-color: var(--bg-secondary); }
.kosik-navi { color: var(--text-primary); }
.kosik-navi li span { background: var(--text-secondary); }
.kosik-navi li div.active span { background: var(--color-primary); }
.kosik-navi li a div:hover, .kosik-navi a:hover { color: var(--color-primary-dark) !important; }
.kosik-navi-pc .upper { color: var(--color-primary); }
.kosik-pc-mobile { border-color: var(--border-primary-transparent) !important; }
.cart-item .quantity button,
.cart-item .quantity div.down,
.cart-item .quantity div.up { background: var(--bg-primary); }
.cart-item .remove a { color: var(--color-error); }
.kosik-table .bq-btn .up:hover, .kosik-table .bq-btn .down:hover { color: var(--color-primary); }

.kosik-pc-content .kosik-footer-new { background-color: var(--bg-primary); }
.kosik-pc-content #next_href,
.kosik-pc-content #doprava-platba-submit,
.kosik-pc-content #btn-send-order { background-color: var(--color-accent-dark); color: var(--text-light); }
.kosik-pc-content .dopr-row,
.kosik-pc-content .pay { border-color: var(--border-primary-transparent) !important; }
.kosik-pc-content .price-last { color: var(--color-error); }
.kosik-navi-pc li .underline { color: var(--text-primary); }

/* === ARTICLE/CONTENT === */
.clanek a { color: var(--color-primary); }
.freetext a { color: var(--color-primary); }
.freetext a:hover { color: var(--color-primary-dark); }
.clanek-obsah h3 { color: var(--text-primary); }
.clanek-obsah .odstavec_anotace { color: var(--text-primary); }
.clanek-obsah .odstavec_text2 { color: var(--text-primary); }
.clanek-obsah a { color: var(--color-link); }
.clanek-obsah .odstavec_poznamka > span { 
    color: var(--color-primary); 
    background-color: var(--bg-note); 
}

.clanek_doprava { background-color: var(--bg-card); border-color: var(--color-secondary); }
.clanek_doprava .zdarma { color: var(--color-primary); }
.show_color_active { 
    background-color: var(--color-primary); 
    color: var(--text-light); 
    border-color: var(--color-primary); 
}
.show_color_active_second { 
    background-color: var(--bg-active-second); 
    color: var(--text-primary); 
    border-color: var(--bg-active-second); 
}

/* === VERNOSTNI PROGRAM === */
.odstavec_vernostni .bronz { border-color: var(--border-bronz); }
.odstavec_vernostni .silver { border-color: var(--border-silver); }
.odstavec_vernostni .gold { border-color: var(--border-gold); }

/* === CONTACT BOXES === */
.contact-box.internet { background: var(--color-primary); color: var(--text-light); }
.contact-box.store { background: var(--bg-primary); color: var(--text-primary); }
.hours { background: var(--bg-card); color: var(--color-primary); }
.store .hours { background: var(--bg-light); color: var(--text-primary); }
.contact-item.pink { background: var(--color-secondary); color: var(--text-primary); }
.contact-item.outline { border-color: var(--color-secondary); color: var(--color-secondary); }
.produkt-description .contact .contact-box .btn { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; }

/* === FORM ELEMENTS === */
.text_stav .iinput { background-color: var(--bg-card); border-color: var(--bg-card); }
.text_stav .iinput .btn-primary { 
    background-color: var(--color-accent) !important; 
    border-color: var(--color-accent) !important; 
    color: var(--text-primary); 
}

/* === AUTHOR === */
.author-text { background-color: var(--bg-primary); }

/* === MOBILE MENU === */
#navbarNavDropdown .menu-list { background-color: var(--bg-card); }
#navbarNavDropdown .menu-list ul li { border-color: rgba(0, 0, 0, 0.2); }
#navbarNavDropdown .menu-list a { color: var(--text-primary); }
#navbarNavDropdown .menu-list .left-menu-sub a { color: var(--text-primary); }
#navbarNavDropdown .menu-list .active a { color: var(--color-navbar); }
#navbarNavDropdown .left-menu-sub li.active a { color: var(--color-navbar) !important; }
.mobile-navigation-bar .count-mobile { background-color: var(--color-accent-dark); color: var(--text-light); }

/* === LOGIN MODAL === */
#m_login_modal .form-control { border-color: var(--color-primary); }
#m_login_modal .btn-success { background-color: var(--color-accent); color: var(--text-primary); }
#lost_passwd_modal { color: var(--text-muted); }
#m_login_modal .modal-f { background-color: var(--color-primary); }
#m_login_modal .modal-f a { color: var(--text-light); }

/* === FOOTER STORE === */
.footer-store { 
    background: var(--footer-store-gradient), 
                url("../images/prodejna.jpg") center/cover no-repeat; 
}
.footer-store-in .fname { color: var(--text-light); }
.footer-store-in .faddress { color: var(--text-light); }
.footer-store-in .fename { background-color: var(--color-accent); color: var(--text-primary); }
.footer-store-in .fephone { background-color: var(--color-accent); color: var(--text-primary); }
.footer-store-in .fephone i { color: var(--text-primary); }
.footer-store-in .foname { background-color: var(--color-secondary); color: var(--text-primary); }
.footer-store-in .fophone { background-color: var(--color-secondary); color: var(--text-primary); }
.footer-store-in .fophone i { color: var(--text-primary); }
.footer-store-in .fophone a { color: var(--text-primary); }
.footer-store-in .fephone a { color: var(--text-primary); }
.footer-store-in .fopen { color: var(--text-light); }
.footer-map a { border-color: var(--color-secondary); color: var(--text-light); }

/* === POPOVER === */
.popover2 .toast-box { color: var(--color-primary-light); }
.popover2 .toast-box .icon { color: var(--color-primary-dark); }
.popover2 .close-btn { background: var(--popover-close-bg); color: var(--text-light); }

/* === ORDER SENT === */
.order-payment { background-color: var(--bg-primary); }

/* === LINKS === */
a, .a { color: var(--color-primary); }
a:hover, .a:hover { color: var(--color-primary-dark); }

/* === BUTTONS === */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--text-light) !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-dark) !important;
    border-color: var(--color-primary-dark) !important;
}

/*.btn-success {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--text-light) !important;
}*/

.btn-primary, .btn-success {
    border-radius: 8px;
}

.btn-success:hover {
    background-color: var(--btn-success-hover-bg) !important;
    border-color: var(--btn-success-hover-border) !important;
    color: var(--btn-success-hover-text) !important;
}

.btn-warning {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--text-light) !important;
}

.btn-warning:hover {
    background-color: var(--color-secondary-dark) !important;
    border-color: var(--color-secondary-dark) !important;
}

/* === BTN HOMEPAGE SHOW === */
.btn.btn-success.btn-homepage-show {
    background-color: var(--color-primary) !important;
    border-color: var(--text-light) !important;
    border: 2px solid var(--text-light) !important;
    color: var(--text-light) !important;
}
.btn.btn-success.btn-homepage-show:active {
    background-color: var(--btn-success-hover-bg) !important;
    border-color: var(--btn-success-hover-border) !important;
    color: var(--btn-success-hover-text) !important;
}

/* === COLORS === */
.color-primary { color: var(--color-primary); }
.color-success { color: var(--color-success); }
.color-search { color: var(--color-primary); }
.color-secondary { color: var(--text-secondary); }
.color-bg-color-primary { background-color: var(--color-primary); }
.color-bg-left-menu { background-color: var(--bg-primary); }
.color-header-bg { background-color: var(--text-light); }
.border-bottom-primary { border-bottom: 2px solid var(--color-primary); }

/* === PROGRESSBAR === */
.progressbar > div, .progressbarDarek > div { background: var(--color-primary); }

/* === AUTOCOMPLETE === */
ul.ui-autocomplete li.ui-autocomplete-category { color: var(--color-primary); }
.ui-state-active { border-color: var(--color-primary) !important; color: var(--color-primary) !important; }
.li-auto .cena { color: var(--color-primary); }

/* === ICO FLAGS === */
.ico-sale { background: var(--color-sale); }
.ico-doprava { background: var(--color-success); }

/* === RECENZE === */
.recenze .item a { color: var(--color-primary); }

/* === MOBILE SPECIFIC === */
@media (max-width: 800px) and (min-width: 10px) {
    .footer-puprle { background-color: var(--color-primary); }
    .mobile-variants-div { background-color: var(--bg-secondary); }
    #navbarNavDropdown .menu-list .active a { color: var(--color-navbar); }
    #navbarNavDropdown .left-menu-sub li.active a { color: var(--color-navbar) !important; }
}

@media (max-width: 767px) {
    .produkt-vyhody { background-color: var(--bg-note); }
}