@import '_base.css';
@import '_fonts.css';
@import '_colors.css';
@import '_spacing.css';
@import '_borders.css';

:root {
	/* ICONS */
	--sy-icon-font-size: 1em;
	--sy-icon-font-size-large: 1.2em;

	--fa-li-margin: .4em;

	--sy-font-size-base: 1.2rem;

	--gf-ctrl-file-zone-icon-color: orange;

}

/* MAIN */
.nav>li.html,
button,input[type=button],input[type=reset],input[type=submit],
.box-text {
	font-size: 1em;
}

.button, .button:not(.icon)>i { margin-right: 0; }

.page-col { padding-bottom: 0; }
.page-box {
    border: 1px solid var(--sy-color-border-light); 
	border-radius: var(--sy-border-radius-default);
	color: var(--primary-color);
	font-weight: var(--sy-font-weight-700); }
}

/* LIVE SEARCH RESULTS */
.col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results {
	background-color: hsla(0,0%,100%,1);
}

/* OFFCANVAS */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
	background-color: hsla(0,0%,100%,1);
	width: var(--drawer-width);
}

.mfp-ready .mfp-close {
	opacity: 1;
}

/* FORMS */
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: var(--sy-color-background-primary);
    border-radius: var(--sy-border-radius-default);
    height: 40px;
}

.ginput_container input[type=email], .ginput_container input[type=text], .ginput_container input[type=tel],
.ginput_container textarea {
    border: none;
    border-radius: var(--sy-border-radius-default);
    height: 40px;
}

/* NAVIGATION */
.nav-dropdown { 
	border-radius: 0 0 var(--sy-border-radius-default) var(--sy-border-radius-default);
}
.nav-dropdown .nav>li>a,
.mobile-sidebar .nav>li>a {
	font-size: 1em;
}

.mobile-sidebar .nav>li>a {
	color: var(--fs-color-primary);
}

.tab.has-icon a,
.nav-dropdown li.active>a,
.nav>li.active>a,
.ux-menu-link__link {
    color: var(--sy-color-text-body);
}

.mobile-sidebar .header-search-form {
	background-color: var(--fs-color-primary);
	padding-top: 50px !important;
}

.mobile-sidebar .nav-slide {
	padding-top: 0;
}

.mobile-sidebar .nav-slide-header {
	background-color: var(--fs-color-primary);
	color: var(--sy-color-text-white) !important;
}

.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu, .mobile-sidebar-levels-1 .nav-slide>li>ul.children {
	padding-top: 0;
}

.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a {
	font-size: 1em;
	color: var(--fs-color-primary);
	text-transform: none;
	letter-spacing: normal;
}

.mobile-sidebar .nav-slide>li {
	color: var(--fs-color-primary);
}

.mobile-sidebar .toggle {
	opacity: 1;
}

.gform-theme--framework {
	--gf-ctrl-btn-bg-color-primary: var(--fs-color-success);
	--gf-ctrl-btn-bg-color-ctrl: var(--fs-color-success);
	--gf-ctrl-btn-font-weight: var(--sy-font-weight-700);
}

.dark .gform-theme--framework {
	--gf-ctrl-label-color-primary: var(--sy-color-text-white) !important;
	--gf-ctrl-label-color-tertiary: var(--sy-color-text-white) !important;
	--gf-ctrl-desc-color: var(--sy-color-text-white) !important;

}


.fa-check,
.sy-product-pros-cons--pro i {
	color: var(--sy-color-functional-success);
}

.fa-minus,
.sy-product-pros-cons--con i {
	color: #DEDEDE;
}

.product-specs__item-icon-wrapper {
	align-content: center;
}


.product-specs__list-item:nth-child(odd) {
	background-color: var(--sy-color-background-tertiary); 
}
.product-specs__list-item:nth-child(even) { 
	background-color: var(--sy-color-background-tertiary); 
}

.product-specs__icon {
	display: inline-block;
	width: var(--sy-icon-font-size-large);
	margin-right: 4px;
}

.product-specs__help-title a {
	color: var(--sy-color-text-body);
	cursor: pointer;
}

@media only screen and (max-width: 849px) {
	.product-specs__icon {
		display: none;
	}
	.product-specs__help-title a {
		border-bottom: 1px dashed var(--sy-color-border-dark);
	}
}

.sy-product-attributes__group-layout .product-specs {
	margin-bottom: var(--sy-spacing-15);
	width: 100%;
	overflow: hidden;
}

.sy-product-attributes__group-layout .product-specs dl {
    margin: 0;
    opacity: 1;
    text-transform: none;
    font-size: 1em;
    display: flex;
    padding: var(--sy-spacing-04);
    align-items: center;
}

.sy-product-attributes__group-layout .product-specs dl dd,
.sy-product-attributes__group-layout .product-specs dl dt {
	width: 50%;
	margin: 0;
}

.sy-product-attributes__group-layout .product-specs i[class*=" fa-"] {
	font-size: var(--sy-icon-font-size);
}

.breadcrumb {
	background-color: var(--sy-color-background-secondary); 
	font-size: .875rem;
}

/* DRAWER */
@media (min-height: 500px) {
	.cart-popup-inner--preloader {
		align-content: center;
	    justify-content: center;
	    flex-wrap: wrap;
	}
}

.cart-popup-inner--preloader .attribute-popup__wrapper { 
	display: none;
}

.off-canvas-attribute .attribute-popup__title,
.off-canvas-attribute .attribute-popup__content,
.off-canvas-knowledge-base .attribute-popup__title,
.off-canvas-knowledge-base .attribute-popup__content {
	padding: 15px;
}

.off-canvas-attribute .attribute-popup__title,
.off-canvas-knowledge-base .attribute-popup__title {
	background-color: var(--fs-color-primary);
	font-size: 24px;
}

.off-canvas-attribute .attribute-popup__content,
.off-canvas-knowledge-base .attribute-popup__content{
	padding: 30px;
}

.mfp-close {
	mix-blend-mode: normal;
}


/* BOX */

.col > .col-inner > .box,
.stack > .box { 
	border: 1px solid var(--sy-color-border-light); 
	border-radius: var(--sy-border-radius-default);
}

.box-image {
	border-radius: var(--sy-border-radius-default) var(--sy-border-radius-default) 0 0;
}

.box-text {
	background: var(--sy-color-background-primary);
    border-top: 0px;
    padding: 15px;
    border-radius: 0 0 var(--sy-border-radius-default) var(--sy-border-radius-default);
}

.col-inner.dark .box {
	border-color: transparent;
}

.box > .box-text a {
    font-weight: var(--sy-font-weight-700);
}


.case-box .box-image { border-radius: var(--sy-border-radius-default); }
.case-box.box-badge .box-text { bottom: 15px; }
.case-box .box-text-inner { padding-inline: 15px; }
.case-box .badge-container > .badge-frame { margin-left: 0; }
.case-box .badge-container > .badge-frame > .badge-inner { border: 0; color: #FFF; border-radius: var(--sy-border-radius-default); padding-inline: var(--sy-spacing-05); }
.case-box .case-main-title { font-size: 240%; font-weight: var(--sy-font-weight-700); }
.case-box .case-subtitle { font-size: 120%; font-weight: var(--sy-font-weight-700); }

/* KNOWLEDGE BASE */
section.knowledge-base .tabbed-content .nav { gap: var(--sy-spacing-15); }
section.knowledge-base .box-image,
section.knowledge-base .box-text { background-color: transparent; }

/* PRODUCTS */
.col > .col-inner > .box img {
    border-top-left-radius: var(--sy-border-radius-default);
	border-top-right-radius: var(--sy-border-radius-default);
}

.label {
    background: var(--fs-color-success);
    padding: 5px 10px;
    border-radius: var(--sy-border-radius-default);
    font-weight: var(--sy-font-weight-700);
}

/* OPENING HOURS */
.available > i.fa-circle { color: var(--sy-color-functional-success); }
.not-available > i.fa-circle { color: var(--sy-color-functional-warning); }

/* READ MORE */
.bg-linear-gradient-white { background: linear-gradient(180deg, rgba(255,250,248,0) 0%, rgba(255,250,248,0.5) 10%, rgba(255,250,248,0.75) 20%, rgba(255,250,248,1) 60%) }

.sy-align-equal-read-more > .col { padding-bottom: 0; }
.read-more--wrapper { padding-top: var( --sy-spacing-60 ); }

body.home .header-block.block-html-after-header { display: none; }

/* SY RETOUR FORM */
.sy-retour-store { display:none !important; }

.sy-retour-ui { margin-top:10px; width:100%; grid-column:1 / -1; }
.sy-retour-ui-head { font-weight:600; margin-bottom:8px; }
.sy-retour-error { color:#c02b0a; margin-bottom:10px; }
.sy-retour-rows { display:flex; flex-direction:column; gap:14px; }
.sy-retour-row { display:flex; flex-direction:column; gap:8px; width:100%; }
.sy-retour-row .sy-retour-dd { width:100%; }
.sy-retour-row-controls { display:flex; align-items:center; gap:8px; }
.sy-retour-qty { width:90px; flex:0 0 auto; padding:8px; border:1px solid #686e77; border-radius:3px; }
.sy-retour-del {
	flex:0 0 auto; width:40px; height:40px; line-height:1; font-size:18px;
	border:1px solid #ccc; border-radius:3px; background:#fff; color:#333; cursor:pointer;
}
.sy-retour-del:hover { background:#f2f2f2; }
.sy-retour-line { margin-left:auto; font-weight:600; }
.sy-retour-add { margin-top:10px; }
.sy-retour-add[disabled] { opacity:.5; cursor:not-allowed; }
.sy-retour-total { margin-top:14px; font-weight:600; font-size:1.05em; }

.sy-retour-native-select { display:none!important; }
.sy-retour-dd-current,
.sy-retour-dd-item { display:flex; align-items:center; gap:8px; cursor:pointer; }
.sy-retour-dd-current { border:1px solid #686e77; padding:8px; background-color:#fff; border-radius:3px; }
.sy-retour-dd-item { padding:8px; background-color:#fff; border:1px solid #686e77; border-top:none; }
.sy-retour-dd-item.is-disabled { display:none; }
.sy-retour-dd img { width:36px; height:36px; object-fit:cover; }
.sy-retour-dd [hidden] { display:none!important; }

.justify-start {
	justify-content: flex-start !important;
}