/* BODY */
body
    {
        background-attachment: fixed;
        background-size: cover;
    }
/* END BODY*/


/* BACKGROUND & TEXT COLOR */

/* Background primary for elements (transparent) */
:where(#header, #header .header-top, .product-miniature .product-miniature__infos__top, .product-miniature .product-miniature__infos__bottom,  
.email-subscription, .breadcrumb__wrapper, .accordion-item, .list-group, #left-column, .accordion, .product-comment-list-item, #_desktop_cart, .cart-summary 
.card-footer, .card, .table-wrapper, .accordion-button:not(.collapsed), .customer-link__link span, .customer-link a span, .bg-light, )
    {
        background: var(--idnktcp_bgt) !important;
        background-color: var(--idnktcp_bgt) !important;
        --footer-background-color:var(--idnktcp_bgt) !important;
        --bs-list-group-bg:var(--idnktcp_bgt) !important;
        --bs-accordion-bg:var(--idnktcp_bgt) !important;
    }

ul.ul-portfolio li{border:1px solid;border-radius:6px;padding:5px;margin:5px;}
/* Background secondary for elements (#181818) */
:where(#search_query_top, )
    {
        background: var(--idnktcp_bgn)!important;
        background-color: var(--idnktcp_bgn)!important;
    }

/* Color text primary. */
:where( )
    {
        color: var(--idnktcp_bgf)!important;
        
    }

/* Color text secondary */
:where(body, a, h1, h2, h3, h4, h5, .link-item, .address__alias, .address__content, .btn-close, .cart-summary__products .cart-summary__product__body .value, 
.cart-summary__show i, .cart-summary__products .cart-summary__product__body .label, h2.section-title, .search-filters .search-filters-title, 
.accordion-button, .pagination-number, label.form-label, .nav-link, .form-text, .customer-link__link span i, .customer-link a span i, .table, .table-wrapper table,
 #product-comments-list-header, .detail__title, .detail__right, )
    {
        color: var(--idnktcp_texta)!important;
    }

/* Color text for link */
:where(#search_query_top, )
    {
        color: var(--idnktcp_linkc)!important;
        
    }

/* Set for assign special color on element "active": #08c808 */
:where(.account-menu .link-item, ):active
    {
       color: var(--idnktcp_textac) !important;
    }

/* Set for assign special color on element "before": #08c808 */
:where(.breadcrumb-item+.breadcrumb-item, ):before
    {
       color: var(--idnktcp_textbe)!important;
    }

/* Color text for various */
:where(.page-product .product__name, span#product-availability, )
    {
        color: var(--idnktcp_textc)!important;
        
    }

/* Color text for various */
:where( )
    {
        color: var(--idnktcp_textd)!important;
        
    }
/* END BACKGROUND & TEXT COLOR */


/* EFFECTS - SHADOWS - BORDERS - HOVER */

/* Shadow Effect hover -> Set a effect ex: 5px 5px 10px 0px rgba(255,255,255,1) */
:where( )
    {
        box-shadow: var(--idnktcp_eshw)!important;
        
    }

/* Shadow Effect hover -> Set a effect ex: 5px 5px 10px 0px rgba(255,255,255,1) */
:where( ):hover
    {
        box-shadow: var(--idnktcp_eshwh)!important;

    }

/* Radius OUTER -> 6px */
:where(#search_filters_wrapper, .category-tree, #product-description-collapse, .accordion-collapse, .order-confirmation__details, .cart-grid-body, .modal-dialog, 
.container--limited-md, .container--limited-sm, .outer,)
    {
        border-radius: var(--idnktcp_borderr)!important;
        padding: 4px;

    }

/* Effect OUTER background gradient */
:where(#search_filters_wrapper, .category-tree, #product-description-collapse, .accordion-collapse, .order-confirmation__details, .cart-grid-body, .modal-dialog, 
.container--limited-md, .container--limited-sm, .outer,.input_wrapper_search, )
    {
        background: var(--idnktcp_borderfx)!important;

    }

/* Radius INNER -> 4px */
:where( .customer-link__link span, .customer-link a span, .category-tree__list, #_desktop_faceted, .product__description, .accordion-body, 
#js-checkout-summary .card-block, #checkout-guest-form, #checkout-login-form, #checkout-payment-step, #checkout-personal-information-step, 
#checkout-addresses-step, .modal-content, .wrapper__content-full-width, .inner, )
    {
        border-radius:var(--idnktcp_borderi)!important;
        background-color: var(--idnktcp_bgn)!important;
        padding-right: 10px!important;
        padding-left: 10px!important;
        position:relative;
        z-index: 0;
    }

/* Border size & color */
:where( .customer-link__link span, .customer-link a span, )
    {
        border:var(--idnktcp_borderc)!important;
        background-color:var(--idnktcp_bgn)!important;
        align-content:center;
        flex-wrap:wrap;
        align-items:center;
    }

/* Border radius */
:where( )
    {
        border:var(--idnktcp_borderc2)!important;

    }

/* Link color font hover */
:where(a, i, .nav-link, .account-menu span, .customer-link__link span:hover, .customer-link a span, .btn, ):hover
    {
        color: var(--idnktcp_linkh)!important;
        font-size: 18px;
    }

/* Hover Background primary hover color */
:where( ):hover
    {
        background:var(--idnktcp_hovera)!important;
        background-color:var(--idnktcp_hovera)!important;

    }

/* Hover Background secondary hover color */
:where( ):hover
    {
        background:var(--idnktcp_hoverb)!important;
        background-color:var(--idnktcp_hoverb)!important;

    }

/* Hover text primary hover color */
:where( ):hover
    {
        color:var(--idnktcp_hoverc)!important;

    }

/* Hover text secondary hover color */
:where( ):hover
    {
        color:var(--idnktcp_hoverd)!important;

    }

/* Link font weight */
:where( )
    {
        font-weight:var(--idnktcp_linkw)!important;

    }

/* END EFFECTS - SHADOWS - BORDERS */

/* BUTTONS */

/* Color font for button */
:where(.btn, )
    {
        color:var(--idnktcp_buttonb)!important;
    }

/* Backgroud color for button element */
:where(.btn, )
    {
        background:var(--idnktcp_buttonc)!important;
        background-color:var(--idnktcp_buttonc)!important;

    }

/* Color font hover for button */
:where(.btn, ):hover
    {
        color:var(--idnktcp_buttonh)!important;
    }

/* Backgroud color for button hover element */
:where(.btn, ):hover
    {
        background:var(--idnktcp_buttonhbg)!important;
        background-color:var(--idnktcp_buttonhbg)!important;

    }

/* Padding for button content */
:where( )
    {
        padding:var(--idnktcp_buttonpa)!important;

    }
/* END BUTTONS */

/* PRICES */

/* Regular price color */
:where( )
    {
        color: var(--idnktcp_prices)!important;
    }

/* New Product Badge Background color */
:where( )
    {
        color: var(--idnktcp_bg1)!important;
    }

/* New Product Badge Text color */
:where( )
    {
        color: var(--idnktcp_bg1c)!important;
    }

/* Background color of the product on sale badge */
:where( )
    {
        color: var(--idnktcp_bg2)!important;
    }

/* Product on sale badge text color */
:where( )
    {
        color: var(--idnktcp_bg2c)!important;
    }

/* Out of stock product badge background color */
:where( )
    {
        color: var(--idnktcp_bg3)!important;
    }

/* Out of stock product badge text color */
:where( )
    {
        color: var(--idnktcp_bg3c)!important;
    }

/* Background color of the pack badge */
:where( )
    {
        color: var(--idnktcp_bg4)!important;
    }

/* Pack badge text color */
:where( )
    {
        color: var(--idnktcp_bg4c)!important;
    }

/* Background color of the discounted product badge */
:where(.discount, .has-discount .discount, )
    {
        background: var(--idnktcp_bg5)!important;
    }

/* Discount product badge text color */
:where(.discount, .has-discount .discount, )
    {
        color: var(--idnktcp_bg5c)!important;
    }
/* END PRICES */

/* ELEMENTS COLUMS, ROWS... "% - px" */

/* Config "%" width space for columns, rows... */
:where()
    {
        width: var(--spacewidth)!important;
    }

/* Custom "px" width space for colums, rows... */
:where()
    {
        width: var(--spacewidthc)!important;
    }

/* Config "%" height space for columns, rows... */
:where()
    {
        width: var(--spaceheight)!important;
    }

/* Custom "px" height space for colums, rows... */
:where()
    {
        width: var(--spaceheightc)!important;
    }


:where()
    {
        border:' . Tools::getValue('borderc') . '!important;
    }
/* END ELEMENTS COLUMS, ROWS... "% - px" */





/* CODE CSS EXTRA

.category-tree{padding-bottom: 4px;border:none;}
.search-filters{border-bottom: none;margin-bottom:0;padding-bottom:0;}
nav.breadcrumb__wrapper .container.outer{padding-left:4px; padding-right:4px;}
.bg-light{--bs-bg-opacity:0;}
ul.ul-portfolio li{border:1px solid;border-radius:6px;padding:5px;margin:5px;}
.account-menu>a:hover .link-item{--bs-primary:#ff7c44!important}
.account-menu .link-item{border:1px solid;border-radius:6px;padding:10px;}
.account-menu>a.active .link-item{color:blue!important;}




.account-menu> a .active .link-item{color:#orange!important;}
.account-menu>a.active, .account-menu>a:hover{background:none!important}
.account-menu>a:hover .link-item{color:orange!important;}
.account-menu>a.active .link-item, .account-menu>a.active .link-item i, .account-menu>a:hover .link-item, .account-menu>a:hover .link-item i{color:orange!important;}
section .inner .info-personal{margin:0 auto;width:90%;}
.form-label{margin-bottom:1.5rem!important;margin-top:1.5rem;}
#customer-form .form-footer{margin-bottom: 0!important;}
.alert-info{--bs-alert-color: #f77002;}
hr.my-0{display:none;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left:4px!important;padding-right:4px!important;}
.category-tree{padding-bottom:4px!important;border-bottom:none!important;}
.search-filters{border-bottom:none!important;margin-bottom:0!important;}
.cart-summary{padding:4px!important;}
.cart-summary .card-footer{padding:1rem 0 1rem 0!important;}
.bg-light{--bs-bg-opacity:0!important;}
.cart-grid-body.tab-content.col-lg-7{padding:4px!important;}
h1.step__title-left.h3, .step__content{padding:1rem;}
section#checkout-personal-information-step{margin-bottom:0!important;}li.nav-item{margin-right:10px;border:1px solid #ff7445;border-radius:6px;}
.nav-tabs .nav-link.active{border:1px solid #ff7445;border:1px solid #ff7445;border-color:#ff7445;color:#ff7445;}
.cart-summary__totals{margin-top:4px!important;}
.checkout__steps__number{background:#ff7445!important;margin: 5px auto;}
.checkout__steps__item:before{margin-top:5px;}
.checkout__steps__item:after{margin-top:5px;}
.checkout__steps--current .checkout__steps__number{background:#ff7445!important;color:#000000;font-weight:700;}
.cart-grid-body.tab-content.col-lg-7{height:100%;}
section#checkout-delivery-step{margin-bottom:0!important;}
section#checkout-payment-step{margin-bottom:0!important;}
.account-menu .link-item{border:1px solid;border-radius:6px;padding:10px;}
li.category-tree__title.list-group-item{top:1rem;}
div#search-filters{position:relative;top:1rem;}
.accordion.w-100.order-1.order-md-2{margin-bottom:1rem;}
.accordion.w-100.order-1.order-md-2{display:flex;flex-wrap:wrap;flex-direction:column;align-content:stretch;}
ul.accordion-body.px-0.mb-0.pb-1.pt-0 {display:flex;flex-direction:column;}
.faded.ybc_img_hover{left:0!important;}
.faded.ybc_img_hover{width:100%!important;}
.d-grid{display:flex !important;margin:0 auto;flex-direction:row;justify-content:center;}
a.btn.btn-outline-primary{margin-bottom:1rem;}
#content-wrapper .page-header{position:relative;top:1rem;}
.comments_note{position:absolute;}
div.product-miniature__infos__bottom .comments_note{display:flex;position:absolute;width:100%;margin:0 auto;font-size:12px;justify-content:center;}
div.facet-label .form-check .form-check-input{position:absolute;float:left;margin-left:5px;}
.accordion{--bs-accordion-color:#fff;}
.page-product .product__infos .accordion-body{padding:15px;}
.product__prices.js-product-prices{padding-bottom:15px;}
span.product-miniature__price-free{padding:10px;}
.comments_note{position: absolute;top: auto;}

END CODE CSS EXTRA */