/* 

// Created :: 2025-02-23
// Updated :: 2025-10-30
// Light theme colors

*/

:root {
    --txt-light: #2c3e50;
    --txt-white: #2c3e50;
    --color-green: #4CAF50;
    --color-green-2: #45a049;
    --color-shadow: #5a6c7d;
    --color-shadow-light: #7f8c8d;
    --color-blue: #2c67a9;
    --color-blue-2: #60727c;
    --color-bg-shadow: #f4f6f8;
    --color-bg-beige: #faf9f7;
}

/* BODY */

body { color: var(--txt-light); background-color: #fff; }

/* INPUT */

input { color: var(--txt-light); }

/* LAYOUT */

.profil_container { background-color: white; }

/* ERRORS */

div.error_box, div.success_box, div.info_box, div.warning_box, div#js_flash { color: white; }
div.error_box { background-color: #fee; color: #e74c3c !important; border-left-color: #e74c3c; } 
div.success_box { background-color: #efe; color: #4CAF50 !important; border-left-color: #4CAF50; } 
div.info_box { background-color: #e3f2fd; color: #3498db !important; border-left-color: #3498db; } 
div.warning_box { background-color: #fff3cd; color: #f39c12 !important; border-left-color: #f39c12; } 
div#js_flash { background-color: #fee; color: #e74c3c !important; }

/* HEADER */

#header_zahlavi { background-color: var(--color-bg-shadow); }

#box_kontakty li.email a { color: var(--color-shadow); text-decoration: none; }
#box_kontakty li.email a:hover { color: var(--color-green); }
#box_kontakty li.email a::after { background-color: var(--color-shadow); }

#lang_switch .lang { border: 1px solid rgba(96,113,124,0.35); background: #fff; color: #39464f; }
#lang_switch .lang:hover { background: var(--color-bg-shadow); border-color: var(--color-green); }
#lang_switch .lang.active { background: var(--color-green); color: #fff; border-color: var(--color-green); box-shadow: 0 2px 6px rgba(76,175,80,0.35); }

#currency_switch .cur { border: 1px solid rgba(96,113,124,0.35); background: #fff; color: #39464f; }
#currency_switch .cur:hover { background: var(--color-bg-shadow); border-color: var(--color-green); }
#currency_switch .cur.active { background: var(--color-green); color: #fff; border-color: var(--color-green); box-shadow: 0 2px 6px rgba(76,175,80,0.35); }

#cart a { background-color: #ffffff; border: 1px solid rgba(96,113,124,0.3); }
#cart a:hover { background-color: var(--color-bg-shadow); border-color: var(--color-green); }
#cart svg { stroke: #60717c; }
#cart .cart_count { background-color: var(--color-green); color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.15); }

/* MINI KOŠÍK - Světlé pozadí */
#cart .cart_popup { background-color: #fff; color: var(--txt-light); border-color: #e5e5e5; }

#zahlavi { background-color: white; }

/* MENU */

#zahlavi #menu ul li a { color: var(--color-blue); }
#zahlavi #menu ul li a:hover { color: var(--color-green); }
#zahlavi #menu ul li.active a { color: var(--color-blue); }
#zahlavi #menu ul li a::after { background-color: var(--color-blue); }

/* MENU :: BURGER */

.nav_toggle { background: transparent; }
.nav_toggle_bar { background: #111; }
.nav_drawer { background: rgba(0,0,0,.55); }
.nav_drawer_inner { background: #fff; }
.nav_close { background: transparent; color: black; }
.menu_all li { border-bottom: 1px solid #eee; }
.menu_all li a { color: #111; }
.menu_all li a:hover { background: #f7f7f7; }

/* CONTAINERS DETAILY */

header.uvod { background-color: var(--color-bg-shadow); }

/* PATICKA */

#paticka {
    background: rgb(242,245,247);
    background: linear-gradient(180deg, rgba(242,245,247,1) 0%, rgba(243,246,248,1) 100%);
}

#paticka * { color: var(--color-shadow-light); }
#paticka .column h4 { color: var(--color-blue); }
#paticka .column_menu ul li a { color: var(--color-shadow); }
#paticka .column_menu ul li a::after { background-color: var(--color-blue); }
#paticka .column_menu ul li a:hover { color: var(--color-blue); }
#paticka .column_menu ul li.active a { color: var(--color-blue); }

/* COPYRIGHT */

#copyright { background-color: #282a38; }
#copyright * { color: rgba(255,255,255,0.5); }

/* TINYMCE */

.tinymce a { color: var(--color-blue); }
.tinymce a:hover { color: var(--color-green); }
.tinymce ul li::before { color: var(--color-green); }

/* FORM - Sjednocené barvy */

fieldset.standard { 
    background-color: #fff; 
    border: 1px solid rgba(96, 113, 124, 0.18); 
    box-shadow: 0 4px 16px rgba(96, 113, 124, 0.08); 
}

fieldset.standard legend { color: var(--color-blue); }
fieldset.standard label { color: var(--color-shadow); }

fieldset.standard .inputdivokraj input { 
    background-color: var(--color-bg-beige); 
    border: 1px solid rgba(96, 113, 124, 0.35); 
    color: var(--txt-light); 
}
fieldset.standard .inputdivokraj input::placeholder { color: rgba(96, 114, 124, 0.75); }
fieldset.standard .inputdivokraj input:focus { 
    border-color: var(--color-green); 
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.12); 
    background-color: #fff;
}

.btn_form { 
    background-color: var(--color-green); 
    border: 1px solid var(--color-green); 
    color: #fff; 
}
.btn_form:hover { 
    background-color: var(--color-green-2); 
    border-color: var(--color-green-2); 
}
.btn_form:active { 
    background-color: #3f8e3d; 
    border-color: #3f8e3d; 
}

body .bg-soft { background-color: var(--color-bg-shadow); }

/* PROFIL */

#column_left_profil { background-color: var(--color-bg-shadow); color: var(--txt-light); }
#column_left_profil .menu_item a { color: var(--txt-light); }
#column_left_profil .menu_item.active a { color: var(--color-green); }
#column_left_profil .menu_item a:hover { color: var(--color-blue); }
#column_left_profil .label { color: var(--color-blue); }
#column_left_profil .user span { color: var(--color-shadow); }

/* HP :: BOXIES */

#box_header_1 { background-color: var(--color-bg-shadow); }
#box_header_1 ul li:first-child { color: var(--txt-light); } 
#box_header_1 ul li i { color: var(--color-green); }
#box_header_1 ul li:nth-child(2){ color: var(--txt-light); } 
#box_header_1 p { color: var(--color-blue-2); border-left: 1px solid var(--color-green); }
#box_header_1 .btn a { color: white; background-color: var(--color-green); }
#box_header_1 .btn a:hover { background-color: var(--color-green-2); }
#box_header_1 .btn a:active { background-color: var(--color-green); }

#header_icons .container { border-bottom: 1px solid rgba(209,214,222,0.6); }
#header_icons .box { color: var(--color-blue-2); }
#header_icons i { color: var(--color-green); opacity: 0.6; }

#box_header_2 ul.labels li:first-child { color: var(--txt-light); } 
#box_header_2 ul.labels li i { color: var(--color-green); }
#box_header_2 ul.labels li:nth-child(2) { color: var(--txt-light); } 
#box_header_2 ul.labels li:nth-child(2) strong { color: var(--color-blue); }
#box_header_2 p { color: var(--color-blue-2); }
#box_header_2 ul.checkbox { color: var(--color-blue-2); }
#box_header_2 ul.checkbox li i { color: var(--color-green); }

/* PRODUKTY :: VYPIS */

.next_products .vypis_box.products { 
    background: #fff; 
    color: var(--txt-light); 
    border: 1px solid var(--color-bg-shadow); 
}
.next_products .vypis_box.products h2 a { color: var(--txt-light); }
.next_products .vypis_box.products .perex { color: var(--txt-light); }
.next_products .vypis_box.products .btn_detail { background: var(--color-blue); color: white; }
.next_products .vypis_box.products .btn_detail:hover { background: var(--color-blue-2); }
.next_products .vypis_box.products .admin_box { color: var(--txt-light); opacity: .55; }
.next_products .vypis_box.products .admin_box a { color: var(--color-blue); }
.next_products .vypis_box.products:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.next_products .vypis_box.products .admin_box:hover { opacity: .9; }

/* PRODUKT :: DETAIL */

.produkt.pd .prod_price { color: var(--txt-light); background-color: var(--color-bg-beige); }
.produkt.pd .prod_price .price_old { color: #C0C0C0; }
.produkt.pd .prod_info_box { background-color: var(--color-bg-beige); }
.produkt.pd .prod_info_box .line .label { opacity: .75; }
.produkt.pd .prod_info_box .line.ok { color: #197a30; }
.produkt.pd .prod_info_box .line.no { color: #a11e1e; }
.produkt.pd .prod_buy { background-color: var(--color-bg-beige); }
.produkt.pd .btn_qty { background: #f3f4f6; }
.produkt.pd .btn_qty:hover { background: #eaeef2; }
.produkt.pd .qty_control { border-color: #e5e7eb; }
.produkt.pd .qty_input { background: #fff; color: var(--txt-light); }
.produkt.pd .btn_buy { background: var(--color-green); color: #fff; }
.produkt.pd .btn_buy:hover { background: var(--color-green-2); }
.produkt.pd .btn_buy:disabled { background: #cbd5e1; }
.produkt.pd .admin_box { opacity: .8; }
.produkt.pd .prod_gallery .prod_gal_item { background: #fff; border-color: #e5e7eb; }
.produkt.pd .prod_variants .variant_item.ok .v_avail { color: #44b86b; }
.produkt.pd .prod_variants .variant_item.no .v_avail { color: #e36a6a; }

/* PRODUKT :: WIDGET */

.produkt.pd #widget_kupon { background-color: #fff8f0; box-shadow: 0 1px 0 rgba(0,0,0,.03); }
.produkt.pd #widget_kupon .wk_head_left { color: #6b6b6b; }
.produkt.pd #widget_kupon .wk_head_left .wk_code { color: #b45309; }
.produkt.pd #widget_kupon .wk_price_old { color: #9b9b9b; }
.produkt.pd #widget_kupon .wk_price_new { color: #0f5132; }
.produkt.pd #widget_kupon .wk_body { border-top-color: #e3d6c7; }
.produkt.pd #widget_kupon .wk_tlbl { color: #6b6b6b; }

/* KOŠÍK MODAL - Světlé pozadí */

#cart_overlay { background: rgba(0,0,0,0.4); }
#cart_modal .cart_modal_inner { background: #fff; color: var(--txt-light); }
#cart_modal h3 { color: var(--txt-light); }
.cart_modal_table { background: var(--color-bg-beige); }
.cart_modal_table th, 
.cart_modal_table td { color: var(--txt-light); border-bottom-color: #e5e5e5; }
.cart_modal_table thead th { background: #f0f0f0; }
.btn { background: var(--color-green); color: #fff; }
.btn:hover { background: var(--color-green-2); }
.btn--ghost { background: transparent; border-color: #ddd; color: var(--color-shadow); }
.btn--ghost:hover { background: #f5f5f5; }

/* KOŠÍK - Světlé barvy */

.cart-steps__circle { background-color: #e5e5e5; color: #999; border-color: #fff; }
.cart-steps__item.is-active .cart-steps__circle { background-color: var(--color-green); color: white; }
.cart-steps__label { color: var(--color-shadow-light); }
.cart-steps__item.is-active .cart-steps__label { color: var(--txt-light); }

.cart-heading { color: var(--txt-light); }
.cart-row { border-bottom-color: #f0f0f0; }
.cart-row--head { border-bottom-color: #e5e5e5; }
.cart-row--head .cart-col { color: var(--color-shadow); }
.cart-img { border-color: #e5e5e5; }
.cart-title { color: var(--txt-light); }
.cart-meta { color: var(--color-shadow-light); }
.cart-empty { color: var(--color-shadow-light); }

.qty__btn { border-color: #ddd; background: white; color: var(--color-shadow); }
.qty__btn:hover { border-color: var(--color-green); color: var(--color-green); background: rgba(76, 175, 80, 0.05); }
.qty__input { color: var(--txt-light); }

.cart-remove { color: #bbb; }
.cart-remove:hover { color: #e74c3c; }

.cart-box { background-color: var(--color-bg-beige); border-color: #e5e5e5; }
.cart-box__title { color: var(--txt-light); border-bottom-color: #e5e5e5; }

.cart-free { background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%); }
.cart-free__text { color: var(--txt-light); }

.totals__row dt { color: var(--color-shadow); }
.totals__row dd { color: var(--txt-light); }
.totals__row--discount dt,
.totals__row--discount dd { color: var(--color-green); }
.totals__row--after { border-top-color: #e5e5e5; }

.coupon-toggle { color: var(--color-shadow); }
.coupon-panel { border-top-color: #e5e5e5; }
.coupon-input { border-color: #ddd; background: #fff; color: var(--txt-light); }
.coupon-apply { background-color: var(--color-shadow); color: white; }
.coupon-apply:hover { background-color: #4a5c6d; }
.coupon-hint { color: var(--color-shadow-light); }
.coupon-applied { background-color: rgba(76, 175, 80, 0.1); border-color: rgba(76, 175, 80, 0.3); }
.coupon-line .code { color: var(--color-green); }
.coupon-remove { color: #e74c3c; }
.coupon-note { color: var(--color-shadow); }

.btn--primary { background-color: var(--color-green); color: white; }
.btn--primary:hover { background-color: var(--color-green-2); }
.btn--secondary { background-color: var(--color-shadow); color: white; }
.btn--secondary:hover { background-color: #4a5c6d; }
.btn--link { color: var(--color-shadow); }
.btn--link:hover { color: var(--color-green); background-color: rgba(76, 175, 80, 0.05); }

/* CHECKOUT FORMS */

.box { background-color: white; border-color: #e5e5e5; }
.box legend { color: var(--txt-light); }
.box label { color: var(--txt-light); }
.box input[type="text"],
.box input[type="email"],
.box input[type="tel"],
.box select,
.box textarea { 
    background-color: var(--color-bg-beige); 
    color: var(--txt-light); 
    border-color: #ddd; 
}
.box input:focus,
.box select:focus,
.box textarea:focus { 
    border-color: var(--color-green); 
    background-color: white; 
}

/* Radio buttony v dopravě a platbě */
.box-shipping .form_line,
.box-payment .form_line {
    border-bottom-color: #f0f0f0;
}

.box-shipping .form_line label,
.box-payment .form_line label {
    color: var(--txt-light);
}

.box-shipping .form_line .price,
.box-payment .form_line .price {
    color: var(--txt-light);
}

.recap-title { color: var(--txt-light); }
.recap-qty { color: var(--color-shadow-light); }
.recap-line { color: var(--txt-light); }

/* THANK YOU PAGE */

.order-summary h2 { color: var(--color-blue); }
.order-head-table { background: var(--color-bg-shadow); }
.order-head-table td { border-bottom-color: rgba(96, 113, 124, 0.1); }
.order-head-table .label { color: var(--color-shadow); }
.order-head-table .value { color: var(--txt-light); }

.order-items { background: #fff; border-color: #e5e5e5; }
.order-items thead { background: var(--color-bg-shadow); }
.order-items th { color: var(--color-blue); border-bottom-color: rgba(96, 113, 124, 0.2); }
.order-items td { color: var(--txt-light); border-bottom-color: rgba(96, 113, 124, 0.08); }
.order-items tbody tr:hover { background: #f9fafb; }

.order-totals { background: var(--color-bg-shadow); }
.totals-table td { border-bottom-color: rgba(96, 113, 124, 0.2); }
.totals-table .label { color: var(--color-shadow); }
.totals-table .value { color: var(--txt-light); }
.totals-table .row-discount .value { color: var(--color-green); }
.totals-table .row-grand .label,
.totals-table .row-grand .value { color: var(--color-blue); }

.confirmation-note { background: #fff; border-color: rgba(96, 113, 124, 0.18); color: var(--color-shadow); }
.confirmation-note strong { color: var(--color-blue); }

/* FLASH MESSAGES */

.flash--error { background-color: #fee; border-left-color: #e74c3c; color: #c0392b; }
.flash--success { background-color: #efe; border-left-color: var(--color-green); color: #27ae60; }
.flash--warning { background-color: #fff3cd; border-left-color: #f39c12; color: #d68910; }
.flash--info { background-color: #e3f2fd; border-left-color: #3498db; color: #2980b9; }