/**
 * SVITIDLA-OSVETLENI-ELEKTRO.CZ - Barevné schéma
 * Primární: #ff9d46 (oranžová)
 */

:root {
    /* Primární barvy - oranžová paleta */
    --color-primary: #ff9d46;
    --color-primary-dark: #e8872e;
    --color-primary-darker: #cc6f1a;
    --color-primary-light: #ffae66;
    --color-primary-lighter: #ffc28a;
    
    /* Sekundární barvy */
    --color-secondary: #ff9d46;
    --color-secondary-light: #FF8533;
    --color-secondary-dark: #e8872e;
    
    /* Akcentové barvy */
    --color-accent: #28A745;
    --color-accent-dark: #1e7e34;
    --color-accent-light: #D9FFE7;
    --color-accent-hover: #1e7e34;
    
    /* Pozadí */
    --bg-primary: #F0F7FF;
    --bg-secondary: #FFF5EB;
    --bg-tertiary: #FFF9F5;
    --bg-light: #FFEDD9;
    --bg-card: #FFFFFF;
    
    /* Text */
    --text-primary: #000000;
    --text-secondary: rgba(0, 0, 0, 0.6);
    --text-muted: rgba(0, 0, 0, 0.4);
    --text-light: #FFFFFF;
    
    /* Bordery */
    --border-primary: #0066CC;
    --border-primary-transparent: rgba(0, 102, 204, 0.3);
    --border-secondary: #D6E6F5;
    --border-light: #E6F0FA;
    --border-accent: #FF6B00;
    --border-neutral: #DBDBDB;
    
    /* Stavy */
    --color-success: #28A745;
    --color-error: #DC3545;
    --color-warning: #FFC107;
    
    /* Speciální */
    --color-sale: #DC3545;
    --color-stock: #28A745;
    --color-request: #DC3545;
    --color-price: #0066CC;
    
    /* Pomocné */
    --highlight-bg: #FFE4B5;
    --warning-bg: #FFF3CD;
    --btn-show-all-bg: #e0f4e8;
    
    /* Search icon - zakódovaná SVG ikona s oranžovou barvou */
    --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ff9d46' 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 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: #FFE4B5;
    --bg-active-second: #FFF5EB;
    --slider-track-bg: #FFE0C2;
    --hover-bg: #f0f0f0;
    --hover-quantity: #FFEDD9;
    --scrollbar-track-bg: rgba(255, 224, 194, 0.4);
    --popover-close-bg: #ffae66;
    
    /* Odznaky a hodnocení */
    --badge-gold: #D8B56F;
    --badge-silver: #D0CABC;
    --badge-bronze: #CAAF8F;
    --border-bronz: #DBA134;
    --border-silver: #AEAEAE;
    --border-gold: #C1AE69;
    
    /* Odkazy a interakce */
    --color-link: #FF6B00;
    --color-accent-hover: #1e7e34;
    
    /* Efekty */
    --footer-store-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(255, 157, 70, 0.6));
}

/* 
 * Všechny ostatní selektory zůstávají stejné jako v ozdobdort.css,
 * pouze se změní hodnoty proměnných výše.
 * 
 * CSS proměnné (custom properties) zajistí automatickou změnu barev
 * v celém souboru.
 */

/* === Případné specifické úpravy pro tento eshop === */
/* Pokud některé prvky potřebují jiný vzhled, přidejte je sem */

/* === TOP NAVIGATION === */
.top-navigation-links a { color: var(--text-primary); }
.top-navigation-contact { 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-light); }
.header-basket a .tag-price { color: var(--text-primary); }
.header-basket .tag-arrow { background-color: var(--bg-primary); color: var(--text-primary); }

/* === SEARCH OUTPUT === */
#searchOutput { border-color: var(--color-primary); }
#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-primary); }
.menu-categories .nav-item:hover { background-color: var(--color-primary-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-color: var(--border-secondary); 
}
.nav-mega .podkategorie .kInner a > div:hover { border-color: var(--color-primary); }
.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 .agree { color: var(--text-light); }
.home-newsletter .agree a { color: var(--text-light); }
.home-newsletter .icon-envelope { color: var(--color-primary); }

/* === FOOTER === */
.footer-gray { background-color: var(--bg-primary); }
.footer-divs { background-color: var(--bg-light); }
.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-light); border-color: var(--border-secondary); }
.f-right { background-color: var(--bg-light); }

.footer-contact { background-color: var(--color-primary); color: var(--text-light); }
.footer-contact .row { border-color: rgba(255, 255, 255, 0.32); }
.footer-contact .rect { background-color: var(--color-primary-darker); }
.footer-contact a { color: var(--text-light); }
.footer-contact .fc-rectangle { background-color: var(--bg-card); color: var(--color-primary-light); }
.footer-contact .fc-rectangle svg { fill: var(--color-primary-light); }

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

.footer-puprle { background-color: var(--bg-primary); }

/* === HOMEPAGE === */
.homeblog { background-color: var(--bg-secondary); }
.homeblog .clanek .more { color: var(--color-primary); }
.homepage_kategorie { background-color: var(--bg-primary); }
.homepage_kategorie a { color: var(--text-primary); }
.homepage_kategorie a.hk_all { color: var(--color-primary); }

.home-anotation a { color: var(--color-secondary); }

/* === ADVANTAGES BOX === */
.adv_box2 .svg-wrapper { background-color: var(--bg-secondary); }

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

/* === PRODUCTS === */
.prod-new { color: var(--text-primary); }
.prod-new .name a { color: var(--text-primary); }
.prod-new .prod-text { color: var(--text-primary); }
.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-secondary); 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-dark); 
    border-color: var(--color-accent-dark); 
    color: var(--text-light); 
}
.prod-new .btn-add-to-card:hover { background-color: var(--color-accent-hover); }

.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); 
}

/* === 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-tertiary); }
.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 === */
.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-light) !important; }
.pagination .page-link { color: var(--text-primary) !important; }

/* === BEST SELLERS === */
.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); }

.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(--text-primary); }
.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); }

/* === 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 === */
.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); }
.btn-variants { background-color: var(--color-secondary) !important; color: var(--text-light); }
.btn-variants:hover { background-color: var(--color-secondary-dark) !important; }

/* === BASKET POPUP === */
.header-basket { background-color: var(--bg-card); }
.header-basket .icon-amount { background: var(--color-accent); 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(--color-accent-dark); 
    border-color: var(--color-accent-dark); 
    color: var(--text-light); 
}
#popupkosik .products-go a:hover { background-color: var(--color-accent-hover); }

/* === 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-accent); }

/* === 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-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-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-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-light); }
.contact-item.outline { border-color: var(--color-secondary); color: var(--color-secondary); }

/* === 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-primary-light); }
#navbarNavDropdown .left-menu-sub li.active a { color: var(--color-primary-light) !important; }

/* === 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); }

.mobile-navigation-bar .count-mobile { background-color: var(--color-accent); 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-light); }
.footer-store-in .fophone { background-color: var(--color-secondary); color: var(--text-primary); }
.footer-store-in .fophone i { color: var(--text-light); }
.footer-store-in .fophone a { color: var(--text-light); }
.footer-store-in .fephone a { color: var(--text-primary); }
.footer-store-in .fopen { color: var(--text-light); }
.footer-map a { border-color: var(--text-light); 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); }

/* === AVAILABILITY === */
.on_request { color: var(--color-error) !important; }

/* === 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-primary-light); }
    #navbarNavDropdown .left-menu-sub li.active a { color: var(--color-primary-light) !important; }
}

/* === BUTTON PRIMARY === */
.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;
}
/* === HODNOCENI - HVEZDICKY === */
.product .hodnoceno-produkt { background-image: url('../../images/stars_no_1_def.png') !important; }
.product .hodnoceno-celkem { background-image: url('../../images/stars_yes_1_def.png') !important; }
.product2 .hodnoceno-produkt { background-image: url('../../images/stars_no_2_def.png') !important; }
.product2 .hodnoceno-celkem { background-image: url('../../images/stars_yes_2_def.png') !important; }

.buy-box .on_stock, .buy-box .on_request {
    font-size: 16px;
    font-weight: 600;
}