:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #FCA429;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    
    --bs-gray: #7d879c;
    --bs-gray-dark: #373f50;
    --bs-gray-100: #f6f9fc;
    --bs-gray-200: #f3f5f9;
    --bs-gray-300: #e3e9ef;
    --bs-gray-400: #dae1e7;
    --bs-gray-500: #aeb4be;
    --bs-gray-600: #7d879c;
    --bs-gray-700: #4b566b;
    --bs-gray-800: #373f50;
    --bs-gray-900: #2b3445;
    
    --bs-accent: #4e54c8;
    --bs-success: #42d697;
    --bs-info: #69b3fe;
    --bs-warning: #fea569;
    --bs-danger: #f34770;

    --bs-primary: #FCA429;
    --bs-secondary: #f3f5f9;
    --bs-white: #fff;
    --bs-light: #fff;
    --bs-light-grey: #BBBDBA;
    --bs-dark-grey: #8B8E90; 
    --bs-dark: #282727;
    --bs-black: #14171C;
    --bs-red: #C61712;
    --bs-dark-green: #127825;
    --bs-green: #4FA834;

    --bs-primary-rgb: 252, 164, 41;
    --bs-light-grey-rgb: 187, 189, 186;
    --bs-light-rgb: 255, 255, 255;
    --bs-dark-grey-rgb: 139, 142, 144;
    --bs-dark-rgb: 40, 39, 39;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 20, 23, 28;
    --bs-red-rgb: 198, 23, 18;
    --bs-dark-green-rgb: 18, 120, 37;
    --bs-green-rgb: 79, 168, 52;


    --bs-accent-rgb: 78, 84, 200;
    --bs-secondary-rgb: 243, 245, 249;
    --bs-success-rgb: 66, 214, 151;
    --bs-info-rgb: 105, 179, 254;
    --bs-warning-rgb: 254, 165, 105;
    --bs-danger-rgb: 243, 71, 112;
    
    --bs-body-rgb: 75, 86, 107;
    --bs-font-sans-serif: "Rubik", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #4b566b;
    --bs-body-bg: #fff
}

.zbozi_detail table,
.zbozi_detail .table-varianty tr,
.zbozi_detail .table-varianty th,
.zbozi_detail .table-varianty td{
    border-color: rgb(var(--bs-dark-grey-rgb));
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.zbozi_detail .table-varianty td{
    padding: 0.1em 0.3em;
    font-size: 0.95em;
}

/* .zbozi_detail .table-varianty tr:nth-child(even){
    background-color: rgb(246, 241, 246);
} */

.zbozi_detail .table-varianty th{
    background-color: rgb(var(--bs-light-grey-rgb));
    color: var(--bs-black);
    text-align: center;
    font-size: 0.95em;
}

.zbozi_detail .table-varianty tr:hover{
    background-color: rgba(var(--bs-primary-rgb), .8);
    color: var(--bs-black);
}

.zbozi_detail .table-varianty tr.active{
    background-color: var(--bs-primary);
    color: var(--bs-black);
}

.text-accent{
    color: var(--bs-black) !important;
}

/* .zbozi_detail .table-varianty td button i.navbar-tool-icon{
    line-height: 1;
} */

/* btn-primary */

    .btn-primary {
        color: var(--bs-white);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
        /* box-shadow: unset */
    }

    .btn-primary:hover {
        color: var(--bs-white);
        background-color: var(--bs-black);
        border-color: var(--bs-black);
    }

    .btn-check:focus+.btn-primary,.btn-primary:focus {
        color: var(--bs-white);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
        box-shadow: unset,0 0 0 0 rgba(247, 210, 95,.5)
    }
    
    .btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-primary:active,.btn-primary.active,.show>.btn-primary.dropdown-toggle {
        color: var(--bs-white);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
    
    .btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus {
        box-shadow: unset,0 0 0 0 rgba(247, 210, 95,.5)
    }
    
    .btn-primary:disabled,.btn-primary.disabled {
        color: var(--bs-white);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }
    
    .btn-primary.btn-shadow {
        box-shadow: 0 .5rem 1.125rem -0.5rem rgba(var(--bs-primary-rgb),.9);
    }

    .btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.active,.btn-primary.show {
        border-color: var(--bs-black);
        background-color: var(--bs-black);
        box-shadow: 0 .5rem 1.125rem -0.5rem rgba(var(--bs-black-rgb),.9);
    }
    
    

/* end btn-primary */

    .navbar-tool .navbar-tool-label {
        background-color: var(--bs-primary); 
        /* color: rgba(var(--bs-dark-rgb)); */
    }

    .topbar-dark .topbar-text>i, .topbar-dark .topbar-link>i {
        color: var(--bs-primary);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(var(--bs-dark-rgb));
    }

    .navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
        color: rgba(var(--bs-dark-rgb));
        text-decoration: underline;
        font-weight: bold;
    }

    .navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
        color: rgba(var(--bs-primary-rgb));
    }

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(var(--bs-primary-rgb));
    }


    .text-primary{
        color: var(--bs-primary) !important;
    }

    .navbar-light .navbar-tool:hover .navbar-tool-text:hover,
    .widget-light .widget-list-link:hover,
    .breadcrumb-light .breadcrumb-item>a:hover,
    .product-title>a:hover,
    .navbar-light .nav-item.active .nav-link:not(.disabled)>i, .navbar-light .nav-item.show .nav-link:not(.disabled)>i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
        color: rgba(var(--bs-primary-rgb));
    }

    .bg-darker{
        background-color: var(--bs-black) !important;
    }

     a {
        color: rgba(var(--bs-black-rgb));
        text-decoration: none;
    }

    a:hover {
        color: rgba(var(--bs-primary-rgb));
        text-decoration: underline;
        font-weight: bold;
    }

    .active>.widget-list-link {
        color: rgba(var(--bs-dark-rgb));
        font-weight: bold;
    }

    div#shop-sidebar{
        background-color: var(--bs-primary) !important;
        color: var(--bs-black);
    }

    .widget-title,
    .widget-list-link,
    .accordion-item:last-of-type .accordion-button.collapsed,
    .widget-categories .accordion-button,
    .widget-categories .accordion-button:hover{
        color: var(--bs-black);
    }

    .breadcrumb-item>a:hover,
    .page-link:focus,
    .page-link:focus, .page-link:hover,
    .blog-entry-title>a:hover
    {
        color: var(--bs-primary);
    }

    .widget-list-link:hover{
        color: var(--bs-black);
    }

    .widget-categories .accordion-button.collapsed::after{
        background-color: var(--bs-white);
        color: var(--bs-black);
    }

    .widget-categories .accordion-button:hover::after,
    .widget-categories .accordion-button::after{
        background-color: var(--bs-black);
        color:var(--bs-white);
    }

    .product .variations {float: left; width: 100%;}

    .product .variation a.variation-toggle {
        position: relative;
        overflow: hidden;
        text-align: left;
        background-color: #fff;
        border: 1px solid var(--bs-primary);
        border-radius: 4px;
        display: block;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: 92% center;
        background-size: 1rem;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDkgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTQxMTk5LjIsLTQ4NzQuNzQpIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCg2LDAsMCw0LjE2NjY3LDQwMjA1LjUsMzU1MC43OSkiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ciIHRyYW5zZm9ybT0ibWF0cml4KC0xLjk5OTMxZS0xNywwLjE1NjcyNiwwLjEwODgzOCwyLjg3OTAxZS0xNywxNjUuNjE5LDMxNy45NSkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMTMuNTE4TDcuODg3LDYuNzU5TDAsMEwtMS4zMDEsMS41MThMNC44MTQsNi43NTlMLTEuMzAxLDEyTDAsMTMuNTE4WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
        cursor: pointer;
        padding: 0.4em;
        padding-right: 15%;
    }

    .product .variation a.variation-toggle.active {background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDkgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsLTQxMTk5LjIsLTQ4NzQuNzQpIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCg2LDAsMCw0LjE2NjY3LDQwMjA1LjUsMzU1MC43OSkiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ciIHRyYW5zZm9ybT0ibWF0cml4KDYuNjY0MzhlLTE4LC0wLjE1NjcyNiwtMC4xMDg4MzgsLTkuNTk2NzFlLTE4LDE2Ny4wOTEsMzE4Ljk4MikiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMTMuNTE4TDcuODg3LDYuNzU5TDAsMEwtMS4zMDEsMS41MThMNC44MTQsNi43NTlMLTEuMzAxLDEyTDAsMTMuNTE4WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");}

    .product .variation {position: relative;}
    .product .variation ul {max-width: 80vw; position: absolute; left: 0; z-index: 3; border-radius: 4px; padding: 0; margin: 0; text-align: left !important; width: max-content; border: 1px solid var(--bs-primary); box-shadow: 0 2.5rem 3.5rem rgba(0,0,0,0.08);}
    .product .variation ul li{margin: 0px !important; padding: 0; display: block !important; text-align: left; border-bottom: 1px solid #e3e5e8; position: relative;}
    .product .variation ul li:last-of-type {border-bottom: none;}
    .product .variation ul li:before {display: none;}
    .product .variation ul li:first-of-type a {border-radius: 4px 4px 0 0;}
    .product .variation ul li:last-of-type a {border-radius: 0 0 4px 4px;}

    .product .variation ul li a {
        border: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-weight: 400 !important;
        background-color: #fff;
        text-decoration: none;
        line-height: 1.8rem;
    }

    .product .variation ul li a:hover {
        background-color: rgba(var(--bs-primary-rgb), 1) !important; 
        color: var(--bs-black);
    }
    .product .variation ul li .price {font-size: 1rem; color: #000; font-weight: 550; width: auto !important; padding: 0 !important;}

    .variations li a.active {
        color: var(--bs-primary);
        font-weight: 600 !important;
    }


    /* RECOLORING 007 */
    .page-item.active .page-link{
        background-color: var(--bs-primary);
    }

    .page-item.active>.page-link{
        box-shadow: 0 .5rem 1.125rem -0.425rem rgba(var(--bs-primary-rgb),.9);
    }
    
    a:hover,
    .widget-product-title>a:hover,
    .objednavka .objednavka_formular-souhlasy a:hover, .registrace .registrace-souhlasy a:hover,
    .nav-link-style:hover
    a.navbar-tool.ms-1.ms-lg-0.me-n1.me-lg-2:hover,
    .active>.nav-link-style, .nav-link-style.active,
    .nav-link-style:hover,
    .entry-navigation-link:hover{
        color: var(--bs-primary);
    }

    .btn-secondary:hover, .btn-outline-secondary:hover, .btn-light:hover{
        color: var(--bs-primary) !important;
    }

    .form-check-input:checked{
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

    .steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress,
    .steps-light .step-item.active .step-count, .steps-light .step-item.active .step-progress{
        background-color: var(--bs-primary);
    }

    .form-control:focus{
        border-color: var(--bs-primary);
        box-shadow: inset 0 1px 2px transparent,0 .375rem .625rem -0.3125rem rgba(var(--bs-primary-rgb),.15);
    }

    .btn-outline-primary{
        color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

    .btn-outline-primary{
        border-color: rgba(var(--bs-primary-rgb), .35);
    }

    .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus{
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), .5);
    }

    .btn-outline-primary:hover,
    .btn-check:checked+.btn-outline-primary, .btn-check:active+.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show{
        color: var(--bs-black);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

    .zbozi_detail input[type="radio"]{
        accent-color: var(--bs-black);
    }

    .dop_kat{
        width: 20%; 
        min-width: 200px;
    }

    .index_page .popularni_kategorie img{
        height: 180px;
    }

    .zbozi_detail .product-gallery-preview-item.active img{
        max-height: 800px;
        object-fit: contain;
    }

    .widget.widget-links img{
        height: 200px;
        justify-self: center;
        align-self: center;
        object-fit: contain;
    }

    @media (max-width:991px) {
        .zbozi_detail .product-gallery-preview-item.active img{
            max-height: 400px;
        }
    }

    @media (max-width:465px) {
        .dop_kat{
            width: 100%; 
            min-width: unset;
        }

        .index_page .popularni_kategorie img{
            height: auto;
            max-height: 200px;
        }
    }
    /*
    .widget-list-link:hover {
        color: rgba(var(--bs-dark-rgb));
    }

    .widget-categories .accordion-button {
        color: rgba(var(--bs-dark-rgb));
    }

    .widget-categories .accordion-button:hover {
        color: rgba(var(--bs-dark-rgb));
        text-decoration: underline;
        font-weight: bold;
    }

    .widget-product-title:hover>a {
        color: rgba(var(--bs-dark-rgb));
    }

    .page-item.active>.page-link {
        box-shadow: 0 .5rem 1.125rem -0.425rem var(--bs-primary);
    }
    .page-item.active .page-link {
        background-color: var(--bs-primary);
    } */

    /* .widget-categories .accordion-button::after {
        background-color: rgba(var(--bs-primary-rgb), .1);
        text-decoration: none;
    }

    .widget-categories .accordion-button:hover::after {
        background-color: rgba(var(--bs-primary-rgb), .1);
    } */

    /* .widget-categories .podkategorie-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .widget-categories .accordion-button{
        padding: 0px;
        width: initial;
    } */

    /* h3.accordion-header{
        font-size: .9375rem;
        margin-bottom: .375rem;
    } */

    /* #zbozi_seznam_filtr .widget.widget-filter{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    } */

    /* .filter-used{

        box-shadow: 0 0 5px 5px var(--bs-primary);
    } */





