/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*#region header-top-mobile-bar-template-1 */
:root {
    --header-top-mobile-template-line-bg: #757575;
    --header-top-mobile-bar-template-1-logo-max-width: 75px;
    --header-top-mobile-bar-template-1-sticky-logo-max-width: 42px;
    --header-top-mobile-bar-template-1-height: 91px;
    --header-top-mobile-bar-template-1-height-sticky: 59px;

    --menu-items-template-2-menu-item-border: lightgrey solid 1px; /* color solid 1px | none */

    --menu-items-template-2-menu-level-base-padding: 0;
    --menu-items-template-2-menu-level-base-dot-display: none; /* block | none*/
    --menu-items-template-2-menu-level-base-dot-size: 4px;
    --menu-items-template-2-menu-level-base-dot-left: 22px;
    --menu-items-template-2-menu-level-base-dot-color: var(--g-color-1);

    --menu-items-template-2-menu-level-0-padding: .8rem 45px .8rem 30px;
    --menu-items-template-2-menu-level-0-item-color: var(--g-color-1);
    --menu-items-template-2-menu-level-0-font-size: 15px;
    --menu-items-template-2-menu-level-0-item-weight: 600;
    --menu-items-template-2-menu-level-0-dot-display: block; /* block | none*/
    --menu-items-template-2-menu-level-0-dot-size: 4px;
    --menu-items-template-2-menu-level-0-dot-color: var(--g-color-1);
    --menu-items-template-2-menu-level-0-dot-left: 32px;
    --menu-items-template-2-menu-level-0-symbol-size: 10px;
    --menu-items-template-2-menu-level-0-symbol-color-plus: var(--g-color-1);
    --menu-items-template-2-menu-level-0-symbol-color-minus: var(--g-color-1);
    --menu-items-template-2-menu-level-0-symbol-bg-color: white;

    --menu-items-template-2-menu-level-1-padding: .4rem 45px .4rem 0;
    --menu-items-template-2-menu-level-1-item-color: black;
    --menu-items-template-2-menu-level-1-font-size: 14px;
    --menu-items-template-2-menu-level-1-item-weight: 500;
    --menu-items-template-2-menu-level-1-dot-display: block; /* block | none*/
    --menu-items-template-2-menu-level-1-dot-size: 2px;
    --menu-items-template-2-menu-level-1-dot-color: var(--g-color-1);
    --menu-items-template-2-menu-level-1-dot-left: 32px;
    --menu-items-template-2-menu-level-1-symbol-size: 8px;
    --menu-items-template-2-menu-level-1-symbol-color-plus: var(--g-color-1);
    --menu-items-template-2-menu-level-1-symbol-color-minus: var(--g-color-1);
    --menu-items-template-2-menu-level-1-symbol-bg-color: white;

    --menu-items-template-2-menu-level-2-padding: .4rem 45px .4rem 0;
    --menu-items-template-2-menu-level-2-item-color: black;
    --menu-items-template-2-menu-level-2-font-size: 12px;
    --menu-items-template-2-menu-level-2-item-weight: normal;
    --menu-items-template-2-menu-level-2-dot-display: block; /* block | none*/
    --menu-items-template-2-menu-level-2-dot-size: 2px;
    --menu-items-template-2-menu-level-2-dot-color: var(--g-color-1);
    --menu-items-template-2-menu-level-2-dot-left: 42px;
    --menu-items-template-2-menu-level-2-symbol-size: 8px;
    --menu-items-template-2-menu-level-2-symbol-color-plus: var(--g-color-1);
    --menu-items-template-2-menu-level-2-symbol-color-minus: var(--g-color-1);
    --menu-items-template-2-menu-level-2-symbol-bg-color: white;

    --MOBILE--menu-items-template-2-menu-level-base-padding: 0;
    --MOBILE--menu-items-template-2-menu-level-0-padding: .8rem 45px .8rem 30px;
    --MOBILE--menu-items-template-2-menu-level-0-font-size: 15px;

    --MOBILE--menu-items-template-2-menu-level-1-padding: .4rem 45px .4rem 0;
    --MOBILE--menu-items-template-2-menu-level-1-dot-left: 32px;

    --MOBILE--menu-items-template-2-menu-level-2-padding: .4rem 45px .4rem 0;
    --MOBILE--menu-items-template-2-menu-level-2-dot-left: 42px;
}

/*#endregion header-top-mobile-bar-template-1 */

/*#region breadcrumbs*/
#breadcrumbs {
    --breadcrumbs-bg: #efefef;
    --breadcrumbs-box-shadow: -3px 13px 17px 0 rgb(0 0 0 / 15%);
    --breadcrumbs-color: var(--g-color-1);
    --breadcrumbs-color-hover: var(--g-color-1-hover);
    --breadcrumbs-font-size: 15px;
    --breadcrumbs-weight: 500;
    --breadcrumbs-items-gap: 2px;
    --breadcrumbs-separator-size: 16px;
    --breadcrumbs-separator-color: var(--g-color-2);
    --breadcrumbs-decoration: underline;
    --breadcrumbs-decoration-color: var(--g-color-1);
}

/*#endregion breadcrumbs*/

/*#region article-blog-template-1*/

.article-blog-template-1 {
    --article-blog-template-1-article-blog-title-color: var(--g-color-2);
    --article-blog-template-1-article-blog-title-weight: 600;
    --article-blog-template-1-article-blog-title-mt: -8px;
    --article-blog-template-1-article-blog-title-size: var(--font-size-xl-h2);
    --article-blog-template-1-article-blog-title-sm-size: var(--font-size-xl-h2);
    --article-blog-template-1-article-blog-title-md-size: var(--font-size-xl-h2);
    --article-blog-template-1-article-blog-title-lg-size: var(--font-size-xl-h2);
    --article-blog-template-1-article-blog-title-xl-size: var(--font-size-xl-h2);
    --article-blog-template-1-title-transform: uppercase; /* Title modulu : none | uppercase */

    --article-blog-template-1-btn-font: var(--font-primary);

    --article-blog-template-1-aside-news-p: 0 75px;
    --article-blog-template-1-news-btn-bg: var(--g-color-1);
    --article-blog-template-1-news-btn-color: white;
    --article-blog-template-1-btn-letter-spacing: .2em;
    --article-blog-template-1-news-btn-border: var(--g-color-1);
    --article-blog-template-1-news-btn-bg-hover: var(--g-color-1-hover);
    --article-blog-template-1-news-btn-border-hover: var(--g-color-1-hover);
    --article-blog-template-1-news-btn-py: 10px;
    --article-blog-template-1-news-btn-px: 26px;
    --article-blog-template-1-news-btn-md-py: 10px;
    --article-blog-template-1-news-btn-lg-py: 10px;
    --article-blog-template-1-news-btn-xl-py: 30px;
    --article-blog-template-1-news-btn-radius: var(--g-btn-radius);

    --article-blog-template-1-arrow-container-md-pb: 2rem;
    --article-blog-template-1-arrow-w: 60px;
    --article-blog-template-1-arrow-h: 60px;
    --article-blog-template-1-md-arrow-w: 78px;
    --article-blog-template-1-md-arrow-h: 78px;

    --article-blog-template-1-nav-md-display: flex;
    --article-blog-template-1-blog__arrow-bg: black; /* Pozadí nav šipek */
    --article-blog-template-1-arrow-stroke: black; /* Border kolem nav šipek */
    --article-blog-template-1-arrow-color: var(--g-color-1); /* Barva šipek */

    --article-blog-template-1-arrow-stroke-hover: var(--g-color-1); /* Border kolem nav šipek na hover */

    --article-blog-template-1-dots-bg: #e1e1e1;

    --article-blog-template-1-list-category-line-color: var(--g-color-1);

    --article-blog-template-1-list-category-md-pt: 18px;
    --article-blog-template-1-list-category-color: black;
    --article-blog-template-1-list-category-weight: 500;
    --article-blog-template-1-list-category-spacing: .1em;

    --article-blog-template-1-date-display: block;
    --article-blog-template-1-date-bg: black;
    --article-blog-template-1-date-color: white;
}

/*#endregion article-blog-template-1*/

/*#region article-template-1*/
#article-template-1 {
    --article-template-1-padding: 4rem 0 6rem 0;
    --article-template-1-bg-color: var(--g-color-6);
    --article-text-padding: 2rem;
    --article-template-1-font-size: 22px;
    --article-template-1-font-sm-size: 22px;
    --article-template-1-font-md-size: 16px;
    --article-template-1-font-lg-size: 16px;
    --article-template-1-font-xl-size: 16px;
}

/*#endregion article-template-1*/

/*#region article-template-2*/

#article-template-2 {
    --article-template-2-bg-color: white;

    --article-template-2-button: red;

    --article-template-2-pt: 4rem;
    --article-template-2-pb: 4rem;

    --article-template-2-img-border-width: 1px;
    --article-template-2-img-border-color: #e1e1e1;

    --article-template-2-title-size: var(--font-size-xl-h2);
    --article-template-2-title-color: var(--g-color-2);
    --article-template-2-title-transform: uppercase; /* Title modulu : none | uppercase */
    --article-template-2-title-weight: 600;
    --article-template-2-article-blog-title-mt: 0px;

    --article-template-2-category-letter-spacing: .1em; /* normal | .1em */
    --article-template-2-category-weight: 500;
    --article-template-2-category-underline-bg: var(--g-color-4);

    --article-template-2-article-title-color: var(--g-color-1);
    --article-template-2-article-title-underline-color: var(--g-color-4); /* Pod článkem linka oddělující title a description*/
    --article-template-2-article-title-transform: uppercase; /* Title článku : none | uppercase */
    --article-template-2-article-title-weight: 500;
    --article-template-2-article-title-size-xl: 2.25rem;
    --article-template-2-article-title-size: calc(var(--article-template-2-article-title-size-xl) / var(--xs-font-size-koeficient));

    --article-template-2-article-desc-weight: 400;

    --article-template-2-btn-more-color: var(--g-color-3);
    --article-template-2-btn-more-bg: transparent;
    --article-template-2-btn-more-border-color: var(--g-color-3);
    --article-template-2-btn-more-py: 20px;
    --article-template-2-btn-more-px: 50px;
    --article-template-2-btn-more-lg-py: 20px;

    --article-template-2-dots-color: #ebebeb;
    --article-template-2-dots-radius: 0;
    --article-template-2-dots-color-active: var(--g-color-4);
    --article-template-2-dots-color-active-border: transparent;
}

/*#endregion article-template-2*/

/*#region Gallery-template-1*/
.gallery__template_1 {
    --gallery-template-1-padding: 0;
    --gallery-template-1-bg-color: transparent;

    --gallery-template-1-title-display: block;

    --gallery-template-1-grid-minmax: 320px;
    --gallery-template-1-grid-gap: 1rem;

    --gallery-template-1-grid-template-columns: repeat(auto-fill, minmax(var(--gallery-template-1-grid-minmax), 1fr));
    --gallery-template-1-aspect-ratio: unset;

}

/*#endregion Gallery-template-1*/

/*#region User/Index page */

#user-index {
    --user-index-background: white;
    --user-inner-container-padding: 3rem 0 0 1.5rem;
    --user-menu-container-padding: 8rem 0 0 0;
}

/*#endregion User/Index page */

/*#region page-description-with-single-canvas */

.page-description-with-single-canvas {
    --page-description-with-single-canvas-title-color: var(--g-color-1);
    --page-description-with-single-canvas-title-size: 2.8125rem;
    --page-description-with-single-canvas-text-color: white;
    --page-description-with-single-canvas-text-size: 15px;
    --page-description-with-single-canvas-text-line-height: 22px;

    --page-description-with-single-canvas-title-letter-spacing: normal;
    --page-description-with-single-canvas-title-pb: 0.25rem;
    --page-description-with-single-canvas-title-lg-size: 1.8rem;
    --page-description-with-single-canvas-title-lg-width: 100%;
    --page-description-with-single-canvas-title-lg-max-width: 550px;
    --page-description-with-single-canvas-title-lg-pb: 1.5rem;
    --page-description-with-single-canvas-title-xl-width: 110%;
    --page-description-with-single-canvas-title-xl-max-width: unset;
    --page-description-with-single-canvas-title-xl-size: 2.1875rem;
    --page-description-with-single-canvas-title-xl-pb: 40px;

    --page-description-with-single-canvas-btn-padding: 7px 25px;
    --page-description-with-single-canvas-btn-font-size: 18px;
    --page-description-with-single-canvas-btn-img-padding: 10px;
    --page-description-with-single-canvas-btn-color: var(--g-color-1);
}

/*#endregion page-description-with-single-canvas */

/*#region manufacturer-logo-template-2*/

.manufacturer-logo-template-2 {
    --manufacturer-logo-template-2-bg-color: #555f66;
    --manufacturer-logo-template-2-padding: 3rem 0 2.5rem 0;
    --manufacturer-logo-template-2-sm-padding: 3rem 0 2.5rem 0;
    --manufacturer-logo-template-2-md-padding: 3rem 0 2.5rem 0;
    --manufacturer-logo-template-2-lg-padding: 2rem 0 2.5rem 0;
    --manufacturer-logo-template-2-xl-padding: 1rem 0 2.5rem 0;

    --manufacturer-logo-template-2-logo-gap: 30px;

    --manufacturer-logo-template-2-title-container-padding: 0 0 35px 0;

    --manufacturer-logo-template-2-title-color: #72cce4;
    --manufacturer-logo-template-2-title-size: 1rem;
    --manufacturer-logo-template-2-title-lg-size: 1rem;
    --manufacturer-logo-template-2-title-xl-size: 1rem;
    --manufacturer-logo-template-2-title-weight: 600;
    --manufacturer-logo-template-2-title-padding: 0 0 26px 0;
    --manufacturer-logo-template-2-border-bottom: #72cce4ba 1px solid;
}

/*#endregion manufacturer-logo-template-2*/

/*#region header-menu-templat-2 */
#header-menu-template-2 {
    --header-menu-template-2-bg: linear-gradient(90deg, black 70%, var(--g-color-1) 70%);
    --header-menu-template-2-first-item-color: black;
}
/*#endregion header-menu-templat-2 */

/*#region product-list-template-1 */
.product-list-template-1 {
    --product-list-template-1-desc-padding: 0.5rem 0;
    --product-list-template-1-desc-max-height: 80px;
}
/*#endregion product-list-template-1 */