/*
	Theme Name: Innovateam
	Theme URI: http://www.vessinge.se
	Description: Innovateam
	Version: 1.0
	Author: Oskar Pålsson
	Author URI: http://www.vessinge.se
	Tags: 
	License: 
	License URI: 
*/

/*#################################*/
/*### Reset */
/*#################################*/
html, body { height:100%; padding:0; margin:0; }
ul { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
p { margin:0; font-weight:400; }
a { color:#000; text-decoration:none; }
a, strong, em { width:auto; float:initial; }
th, td { width:auto; }
strong { font-weight:500; }

/*#################################*/
/*### Basic */
/*#################################*/


body { font-family:'Outfit', sans-serif; display:flex; flex-direction:column; align-items:center; color:#1E1002; }

.overlay { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); z-index:3; visibility:hidden; opacity:0; transition:visibility 0.3s, opacity 0.3s ease; }
.overlay.visible { visibility:visible; opacity:1; }

.header { width:100%; border-top:25px solid #b6b0a9; display:flex; flex-direction:column; align-items:center;}
.header .inner { width:100%; max-width:1280px; padding:40px 0; display:flex; flex-direction:row; align-items:center; gap:20px; }
.header .logo { width:280px; float:left; margin-right:auto; }
.header .logo img { width:100%; }
.header .menu { width:auto; display:flex; flex-direction:row; gap:25px; padding:0; list-style:none; }
.header .menu > li { width:auto; position:relative; }
.header .menu > li > a { text-transform:uppercase; font-size:18px; font-weight:400; position:relative; padding:16px 0; }
.header .menu > li.current-menu-item > a::after, .header .menu > li:hover > a::after { content:""; background:#c47035; width:100%; height:2px; position:absolute; bottom:10px; left:0; }
.header .menu .sub-menu { min-width:220px; background:#c67136; border-radius:10px; padding:18px 20px; top:40px; position:absolute; z-index:2; list-style:none; transition:visibility 0.2s, opacity 0.2s ease; visibility:hidden; opacity:0; }
.header .menu > li:hover .sub-menu { visibility:visible; opacity:1; }
.header .menu .sub-menu > li { white-space:nowrap; }
.header .menu .sub-menu > li a { line-height:26px; transition:all 0.2s ease; color:#fff; font-weight:600; text-transform:uppercase; }
.header .menu .sub-menu > li a:hover { opacity:0.7; }
.header #locale { width:auto; display:flex; gap:20px; }
.header #locale ul.language { list-style:none; }
.header #locale ul.language li a { width:30px; height:30px; float:left; background-size:cover; background-repeat:no-repeat; border-radius:100%; background-position:center; }
.header #locale ul.language li a[lang="en-GB"] { background-image:url(img/flag_en.svg); }
.header #locale ul.language li a[lang="sv-SE"] { background-image:url(img/flag_sv.svg); }
.header #locale ul.language li a span, .header #locale ul.language li a img { display:none; }
.header .toggle-menu { width:34px; height:30px; float:left; cursor:pointer; display:none; }
.header .toggle-menu::before { width:100%; height:100%; float:left; font-family:'Material Symbols Outlined'; content:"\e5d2"; font-size:34px; line-height:30px; }
.header .toggle-search { width:30px; height:30px; float:left; cursor:pointer; }
.header .toggle-search::before { width:100%; height:100%; float:left; font-family:'Material Symbols Outlined'; content:"\e8b6"; font-size:30px; line-height:30px; }

/*#search-form input[type="text"] { border-radius:50px; padding:5px; border:1px solid #b6b0a9; }*/

#search-form { position:fixed; z-index:4; transform:translateY(-100%); transition:transform 0.5s ease; background:#fff; width:100%; max-height:100%; overflow-y:scroll; }
#search-form.visible { transform:translateY(0); }
#search-form input { width:100%; position:fixed; background:#F3F1F0; border:none; font-size:19px; line-height:30px; font-family:'Outfit', sans-serif; padding:26px; box-sizing:border-box; outline:none; position:relative; }
/*#search-form input::-webkit-search-cancel-button { appearance:none; mask-image:url(img/cross.svg); background-color:#000; position:absolute; top:calc(50% - 7px); right:40px; width:14px; height:14px; }*/


#search-form #searchsubmit { display:none; }
#search-form #searchclose { border:none; font-size:32px; font-family:'Material Symbols Outlined'; position:absolute; top:24px; right:24px; width:32px; height:32px; margin:0; padding:0; cursor:pointer; }
#search-form #searchclose::before { content:"\e5cd"; width:100%; height:100%; float:left; line-height:32px; }
#search-form article { display:flex; justify-content:center; flex-direction:column; align-items:center; margin:30px 0; }

#search-results { overflow:auto; }
body.search #search-results { min-height:535px; }
#search-results div:not(.wp-block-button)[data-post_type] { display:none; }
#search-results div:not(.wp-block-button)[data-post_type].visible { display:block; }
#search-results > .no-results { max-width:1280px; }
#search-results ul.products.grid li .woocommerce-loop-product__link h2 { font-size:18px; line-height:21px; margin-top:3px; }
#search-results .wp-block-buttons.filter { margin-top:30px; max-width:1280px; width:100%; }
#search-results .wp-block-buttons.filter .wp-block-button:not(.selected) { opacity:0.7; }

footer { width:100%; background:#2f2f2f; display:flex; flex-direction:column; align-items:center; color:#fff; }
footer > .inner { width:100%; max-width:1280px; padding:50px 0; display:flex; flex-direction:row; align-items:center; }
footer > .inner > div { width:100%; }
footer > .inner > div > .wp-block-columns { display:flex; gap:40px; margin-bottom:0; }
footer > .inner > div > .wp-block-columns > div:first-child { display:flex; align-items:center; }
footer p { }

footer .wp-block-image.logo { width:320px; margin-bottom:0; }
footer .wp-block-image.logo figcaption { font-weight:300; margin-bottom:0; }
footer p.icons { font-family:'Outfit', sans-serif; font-size:20px; margin-bottom:10px; }
footer p.icons:last-child { margin-bottom:0; }
footer p.icons a { text-decoration:none; color:#fff; display:flex; align-items:center; }
footer p.icons a::before { border-radius:100%; width:40px; height:40px; float:left; display:flex; align-items:center; justify-content:center; font-size:26px; margin-right:10px; }
footer p.icons a:hover { text-decoration:underline; }
footer p.icons.green a::before { background:#5B7160; }
footer p.icons.blue a::before { background:#4a637b; }
footer p.icons.orange a::before { background:#c47035; }
footer h4 { color:#fff; text-transform:uppercase; margin-bottom:10px; font-size:22px; line-height:26px; }
footer .widget_nav_menu ul { list-style:outside; padding-left:20px; }
footer .widget_nav_menu ul li::marker { color:#c67136; }
footer .widget_nav_menu ul li a { color:#fff;}
footer .widget_nav_menu ul li a:hover { text-decoration:underline; }
footer .wp-block-social-links { display:flex; gap:10px; }
footer .wp-block-social-links li { width:auto; background-color:#fff; }
footer .wp-block-social-links .wp-social-link svg { color:#2f2f2f !important; }

.icons a::before { font-family:'Material Symbols Outlined'; }
.icons.call a::before { content:"\e0b0"; }
.icons.mail a::before { content:"\e158"; }
.icons.location_on a::before { content:"\e0c8"; }

div.product { box-sizing:border-box; max-width:1280px; float:left; margin-top:30px; }
div.product .woocommerce-product-gallery { width:40%; float:left; margin-right:4%;  }
div.product .woocommerce-product-gallery > div > div { position:relative; }
div.product .woocommerce-product-gallery img { width:100%; object-fit:contain; height:auto; aspect-ratio:1; border:1px solid #b6b0a9; }
div.product .woocommerce-product-gallery .next { display:block; width:28px; height:28px; position:absolute; top:calc(50% - 14px); right:20px; margin-top:-8.5px; cursor:pointer; color:#fff; font-family:'Material Symbols Outlined'; font-size:18px; text-align:center; background:#c47035; border-radius:100%; display:flex; justify-content:center; align-items:center; }
div.product .woocommerce-product-gallery .next::before { width:9px; content:"\e5e1"; text-indent:-2px; }
div.product .woocommerce-product-gallery .prev { display:block; width:28px; height:28px; position:absolute; top:calc(50% - 14px); left:20px; margin-top:-8.5px; cursor:pointer; color:#fff; font-family:'Material Symbols Outlined'; font-size:18px; text-align:center; background:#c47035; border-radius:100%; display:flex; justify-content:center; align-items:center; }
div.product .woocommerce-product-gallery .prev::before { width:9px; content:"\e5e0"; text-indent:-1px; }
div.product .summary { width:56%; float:left;  }
div.product .summary .vessinge-brand { width:100%; float:left;  font-size:18px; margin-bottom:10px; }
div.product .summary h1.product_title { width:auto; float:left; font-size:38px; line-height:46px; text-transform:initial !important; border-bottom:none !important; }
div.product .summary .price { display:none; }
div.product .summary .product_meta { margin-top:20px; display:flex; flex-direction:column; }
div.product .woocommerce-tabs { width:56%; float:left; }
div.product .woocommerce-tabs .wc-tabs { display:none; }
div.product .woocommerce-tabs > div { display:block !important; }
/*div.product #tab-description { margin-top:20px; }
div.product #tab-description p { font-size:20px; line-height:30px; }
div.product #tab-description h2,*/ div.product #tab-additional_information h2 { display:none; }
div.product .woocommerce-product-attributes {}
div.product .woocommerce-product-attributes th, div.product .woocommerce-product-attributes td { width:50%; text-align:left; }
div.product .woocommerce-product-attributes td:last-child { width:50%; text-align:right; }
div.product .wp-block-buttons { margin-top:20px; }

div.product #tab-custom_tab { margin-top:16px; }
div.product #tab-custom_tab p { font-size:16px; line-height:24px; margin-bottom:5px; }
div.product #tab-custom_tab ul { box-sizing:border-box; margin-top:16px; }
div.product #tab-custom_tab .wp-block-image { min-height:initial; justify-content:initial; }

.custom-product-attributes { margin-top:30px; }
.custom-product-attributes details { margin-top:16px; font-size:14px; line-height:18px; }
.custom-product-attributes details > summary { list-style-type:'+'; font-size:22px; line-height:26px; margin-bottom:16px; font-weight:600; cursor:pointer; }
.custom-product-attributes details > summary span { margin-left:10px; }
.custom-product-attributes details[open] > summary span { margin-left:16px; }
.custom-product-attributes details[open] > summary { list-style-type: '-'; }
.custom-product-attributes ul { display:grid; grid-template-rows:1fr; gap:0; padding-left:28px; box-sizing:border-box; }
.custom-product-attributes ul.col-2 { grid-template-columns:repeat(2, 1fr); }
.custom-product-attributes ul li { margin-bottom:10px; }
.custom-product-attributes ul li:last-child { margin-bottom:0; }
.custom-product-attributes ul li::before { display:none !important; list-style:none; }
.custom-product-attributes ul li .htmlBox { /*display:flex; gap:30px;*/ width:100%; float:left; color:#1E1002; }
.custom-product-attributes ul li .htmlBox > div.half { width:48%; margin-right:2%; float:left; }
.custom-product-attributes ul li .htmlBox > div:not([class]) { line-break:anywhere; }
.custom-product-attributes ul li .htmlBox img { max-width:49%; float:left; }
.custom-product-attributes ul li p { font-size:14px; }

.related.products { float:left; margin-top:29px; }
.related.products > h2 { font-size:29px; line-height:34px; }


.variations { width:100%; margin-top:20px; position:relative; }
.variations .openTable { cursor:pointer; margin-top:8px; float:left; }
.variations .openTable:hover { font-weight:bold; }
.variations.closed { max-height:400px; overflow:hidden; }
.variations.closed .openTable { position:absolute; bottom:0; left:0; width:100%; height:30%; background:linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); display:flex; flex-direction:column-reverse; padding:10px; box-sizing:border-box; font-size:14px; }
.variations .wp-block-table img { width:40px; height:40px; border:1px solid #A4D1E1; }
.variations .wp-block-table tr td:first-child, .variations .wp-block-table tr th:first-child { padding-left:10px; }
.variations .wp-block-table tbody tr { cursor:pointer; }
.variations .wp-block-table tr.selected td { background:#f7f5f4; font-weight:bold; }
.variations .wp-block-table tr:hover td { background:#f7f5f4; }
.variations .wp-block-table tr td { vertical-align:middle; padding:10px; }
.variations .wp-block-table tr td a { text-decoration:underline; font-weight:bold; }
.variations .wp-block-table tr th a { color:#000; cursor:pointer; }

@media screen and (max-width: 1324px){
	#search-results .wp-block-buttons.filter { }
	#search-results ul.products { max-width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
	div.product { max-width:calc(100% - 20px) }
}

@media screen and (max-width: 1300px){
	footer > .inner { max-width:calc(100% - 20px); }
}

@media screen and (max-width: 1150px){
	.header .menu { transition:right 0.5s ease; width:260px; height:100%; position:fixed; top:0; right:0; background:#EFF1F0; z-index:2; flex-direction:column; gap:0; right:-260px; z-index:4; padding:12px 20px; box-sizing:border-box; }
	.header .menu.visible { right:0; }
	.header .menu > li.current-menu-item a::after, .header .menu > li a:hover::after { display:none; }
	.header .menu > li > a { float:left; width:100%; box-sizing:border-box; padding:0; color:#2f2f2f; }
	.header .menu > li { margin:5px 0; }
	.header .menu .sub-menu { visibility:visible; opacity:1; position:relative; background:none; padding:0; top:0; width:100%; float:left; }
	.header .menu .sub-menu > li a { color:#2f2f2f; }
	.header .menu .sub-menu > li a::before { content:"●"; color:#C47035; margin-right:8px; }
	.header .toggle-menu { display:block; }
	.header .menu > li.current-menu-item > a::after, .header .menu > li:hover > a::after { display:none; }
}


@media screen and (max-width: 781px){
	.wp-block-cover p {  }
	.header .logo { width:220px; }
	#search-results { box-sizing:border-box; }
	#search-results ul.products { grid-template-columns:repeat(2, minmax(0, 1fr)); }
	#search-results .wp-block-buttons.filter { max-width:calc(100% - 20px); }
	#search-results .wp-block-buttons .wp-block-button { max-width:initial; }
	#search-results .wp-block-buttons .wp-block-button a { width:100%; box-sizing:border-box; }
	#search-results .wp-block-buttons:not(.filter) { align-items:center; }
	#search-results .wp-block-buttons:not(.filter) .wp-block-button { width:100%; max-width:calc(100% - 20px); }
	#search-results .wp-block-buttons .wp-block-button a { text-align:center; }
	
	div.product .woocommerce-product-gallery { width:100%; margin-right:0; }
	div.product .summary { width:100%; margin:60px 0 0 0; }
	div.product .woocommerce-tabs { width:100%; margin:60px 0 0 0; }
	.related.products { width:100%; margin:60px 0 0 0; }
	body.woocommerce .related.products ul.products { max-width:100%; }
	
}