/*
	Theme Name:			MeniQ
	Author:				XDev
	Version:			0.1
	Text Domain: 		meniq
*/

/* ======================================================================
*  FONTS
*  ====================================================================== */


/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Open Sans Semi-bold"), local("OpenSans-Semi-bold"), url(https://fonts.gstatic.com/s/opensans/v23/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}*/


 /* -----------------------------------------------------
 *	USED FONTS
 *	Roboto 300 normal
 *	Roboto 400 normal/italic
 *	Roboto 700 normal
 *  ----------------------------------------------------- */


/* cyrillic-ext */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
	unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* ======================================================================
*  VARIABLES
*  ====================================================================== */

:root {
	--content-width-responsive: min(var(--content-width), calc(100% - var(--spacing-edge-h) * 2));
  	--content-width-responsive-wide: min(var(--content-width-wide), calc(100% - var(--spacing-edge-h) * 2));
	/*--transition-burger: 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
	--transition-burger: .5s ease;
	--transition-hover-primary: none;
	--site-header-height: 75px;
	--border-radius-primary: 3px;
	--color-border-primary: #eee;
	--color-text-light: #bbb;
	--color-yellow: #ffec97;
	--color-orange: #ff5f0f;
	--color-text-dark-blue: #00477b;
	--color-button-primary: var(--color-primary);
	--color-button-primary-hover: #0e61ad;
	--color-button-secondary: #f3f5f6;
	--color-button-secondary-hover: #e2e6e9;
	--color-primary-overlay-light: #5ba1d4;
	--color-primary-overlay-light-hover: #79b3dc;
	--box-shadow-header: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
	--box-shadow-button: 0 0 9px #00000042;
	--box-shadow-menu: 2px 0 12px rgb(0 0 0 / 40%);
	--text-shadow-banner: 1px 1px 5px rgb(0 0 0 / 20%);
}

html.tablet {
	--spacing-edge-v: 20px;
	--spacing-edge-h: 20px;
}

/* ======================================================================
*  BASICS
*  ====================================================================== */

html, body {
	margin: 0;
	background: var(--color-bg);
	font-family: var(--font-family);
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
	overflow-wrap: break-word;
}
*, ::after, ::before {
    box-sizing: border-box;
}
::after, ::before {
	display: block;
}
*:focus {
    outline: none;
}

.col {
	display: flex;
	flex-flow: column;
}

/* woocommerce labels that should not be visible */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important;
}

 /* -----------------------------------------------------
 *  Elements
 *  ----------------------------------------------------- */

hr {
	margin-top: var(--spacing-inline);
	margin-bottom: var(--spacing-inline);
}
.entry-content img {
    height: auto;
	/*box-shadow: 2px 0px 10px 0px rgb(0 0 0 / 50%);*/
    /*max-width: 100%;
    vertical-align: middle; both used in example but look useless */
}
.theme-meniq .wp-block-image .alignright {
	margin: .5em 0 .5em var(--spacing-h);
}
.theme-meniq .wp-block-image .alignleft {
	margin: .5em var(--spacing-h) .5em 0;
}
.theme-meniq .wp-block-buttons {
	column-gap: 1.5em;
}
button, .button, .woocommerce #respond input#submit, .woocommerce .button, main .wp-block-button__link, input[type=submit], input[type=button] {
	--padding: 16px 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
	background-color: var(--color-button-primary);
	text-transform: uppercase;
    text-decoration: none;
	border-radius: var(--border-radius-primary);
    color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    padding: var(--padding);
	cursor: pointer;
	font: inherit;
	/*line-height: 1.5em;*/
	line-height: 1;
	text-shadow: inherit;
	transition: var(--transition-hover-primary);
	box-shadow: var(--box-shadow-button);
}
.wp-block-button.is-style-outline > .wp-block-button__link {
	box-shadow: none;
}
button:hover, .button:hover, .woocommerce #respond input#submit, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, main .wp-block-button__link:hover, input[type=submit]:hover, input[type=button]:hover {
	background: var(--color-button-primary-hover);
	color: #fff;
	text-decoration: none;
}


input[type=text] {
	padding: 12px 25px 12px 18px;
}


/* .woocommerce div.product form.cart .button */
/*.woocommerce .button {
	background: var(--color-button-primary);
	white-space: nowrap;
}*/
/* .woocommerce div.product form.cart .button:hover */
/*.woocommerce .button:hover {
	background: var(--color-button-primary-hover);
}*/
.woocommerce .single_add_to_cart_button, .woocommerce .add_to_cart_button {
	background: var(--color-secondary);
}
.woocommerce .single_add_to_cart_button.added, .woocommerce .add_to_cart_button.added {
	background: #22e28f;
}
.woocommerce .single_add_to_cart_button.added:hover, .woocommerce .add_to_cart_button.added:hover {
	background: #00b366;
}

input[type=button], input[type=submit] {
	appearance: button;
	-webkit-appearance: button;
}
input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) {
	font-size: inherit;
	border-radius: var(--border-radius-primary);
	border: solid 3px var(--color-border-primary);
}

.is-style-outline > .wp-block-button__link:not(.has-text-color):hover, .wp-block-button__link.is-style-outline:not(.has-text-color):hover {
	color: var(--color-primary);
}


/* -----------------------------------------------------
*  Menus
*  ----------------------------------------------------- */

nav a, nav a:hover {
	color: inherit;
}

/*nav a:hover, .wp-block-button a:hover {
	text-decoration: none;
}*/

/* ======================================================================
*  NAVIGATION
*  ====================================================================== */

/* -----------------------------------------------------
*  Header
*  ----------------------------------------------------- */

html:not(.desktop) site-header {
    height: var(--site-header-height);
}

site-header {
	position: sticky;
	top: 0;
	width: 100%;
	background: var(--color-primary);
	background-image: radial-gradient(circle, rgb(255 255 255 / 10%) 0%, rgb(0 0 0 / 10%) 100%);
	color: #fff;
	z-index: 900;
	contain: layout;
	touch-action: manipulation;
	display: flex;
	flex-flow: column;
	align-items: center;
	box-shadow: var(--box-shadow-header);
}
site-header > .top {
	width: 100%;
	display: flex;
	align-items: center;
}
site-header #header-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
site-header > .top .switchers {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	/*background: var(--color-primary-overlay-light);
	box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 25%);
	border-radius: 0 0 6px 6px;*/
}
site-header > .main {
	width: 100%;
	height: var(--site-header-height);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
}
site-header .box {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
}

site-header nav {
	display: none;
}

site-header img {
	display: block;
}

site-header .left, site-header .right {
	display: flex;
	align-items: center;
	gap: var(--spacing-edge-h);
}
.mobile site-header .right {
	gap: 3.5vw;
}

#header-mobile {
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*display: grid;
	align-items: center;
    grid-template-columns: 1fr 6rem 1fr;*/
    /*grid-template-rows: 3.75rem auto;
    height: 3.75rem;*/
}
#header-desktop {
	display: none;
}

/* -----------------------------------------------------
*  Logo
*  ----------------------------------------------------- */

#header-mobile .logo img {
	width: auto;
	height: 25px;
}

/* -----------------------------------------------------
*  Burger
*  ----------------------------------------------------- */

#burger {
	position: relative;
	justify-self: start;
	flex-flow: column;
	cursor: pointer;
	outline:0;
	padding:0;
	border-radius:0;
	background:none;
	margin:0;
	border:none;
	box-shadow: none;
}
#burger span {
	display: block;
	width: 24px;
	height: 2px;
	background: #fff;
	border-radius: 1px;
	transform-origin: 4px 1px;
	transition: var(--transition-burger);
}
#burger span:first-child {
	transform-origin: 0% 0%;
}
#burger span:nth-child(2) {
	transform-origin: 0% 100%;
	margin: 4px 0;
}
.burger-menu-open #burger span {
	opacity: 1;
	transform: rotate(45deg) translate(0px, -3px);
	/*background: #000;*/
}
.burger-menu-open #burger span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}
.burger-menu-open #burger span:nth-child(3) {
	transform: rotate(-45deg) translate(0, 0);
}

burger-menu .order.button {
	background: var(--color-secondary);
}

/* -----------------------------------------------------
*  Woocommerce / Cart
*  ----------------------------------------------------- */

site-header .header-woocommerce {
	display: flex;
	align-items: center;
	justify-self: end;
}

/*site-header a.button.header-checkout {
	color: var(--color-text-dark-blue);
    background: var(--color-yellow);
	margin-left: calc(var(--spacing-edge-h) + 10px);
}
site-header a.button.header-checkout:hover {
	background: #ffdc7a;
	color: var(--color-text-dark-blue);
}
site-header #header-mobile .header-checkout {
	padding: 7px 10px;
    font-size: 14px;
}
site-header .cart.empty {
	display: none;
}
site-header .cart.empty+.header-checkout {
	display: inline-flex!important;
}
.mobile site-header #header-mobile .header-checkout {
	display: none;
}
site-header a.button.header-checkout.order {
	margin: 0;
}*/

site-header .cart-container {
	position: relative;
	cursor: pointer;
	display: flex;
    gap: var(--spacing-edge-h);
}

site-header .cart.empty .count {
	visibility: hidden;
}

site-header .cart {
	display: flex;
	align-items: center;
}

site-header .cart .amount {
	margin-right: 8px;
	font-size: 14px;
}

site-header .cart .count {
	display: flex;
    align-items: center;
    height: 20px;
    width: 20px;
    border: 2px solid #0368b1;
    border-radius: 50%;
    position: absolute;
    color: var(--color-primary);
    background: var(--color-yellow);
    justify-content: center;
    top: -2px;
    right: -12px;
    font-size: 10px;
    font-weight: 500;
}

/* -----------------------------------------------------
*  Mini-cart
*  ----------------------------------------------------- */

mini-cart {
	position: fixed;
	top: calc(var(--site-header-height) + 6px);
	right: var(--spacing-edge-h);
	max-width: 300px;
	display: none;
	padding: var(--spacing-edge-h);
	background: #fff;
	box-shadow: var(--box-shadow-header);
	z-index: 10;
}

.mini-cart-open mini-cart {
	display: block;
}

/* -----------------------------------------------------
*  Burger Menu
*  ----------------------------------------------------- */

burger-menu {
	display: none;
}

/* ======================================================================
*  FOOTER
*  ====================================================================== */

body:not(.page) #footer {
	margin-top: calc(var(--spacing-v) *2);
}

#footer > .main {
	padding: calc(var(--spacing-h) * .75) 0;
	font-size: 16px;
	background: var(--color-secondary);
}
#footer > .main > .wrapper {
    gap: var(--spacing-h) calc(var(--spacing-edge-h) * 4);
    display: flex;
}
.mobile #footer .wrapper {
	flex-flow: wrap;
}
.mobile #footer .wrapper > .col {
    min-width: max-content;
    flex: 1;
}
#footer .widget-title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
#footer .copyright {
	text-transform: uppercase;
}
#footer .small {
	font-size: 14px;
}
#footer nav {
	display: flex;
	flex-flow: column;
	text-transform: capitalize;
	/*display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(8, auto);*/
	/*column-count: 2;
	gap: var(--spacing-edge-h);*/
}

#footer .third-party-logos > .wrapper {
	background: #ffffff;
    padding: 10px 0;
	display: flex;
    gap: 15px 25px;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}
.third-party-logos img {
	height: 24px;
}

.third-party-logos .visa {
	height: 10px;
}
.third-party-logos .mastercard {
	height: 14px;
}
.third-party-logos .postnord {
	height: 13px;
}
.third-party-logos .dhl {
	height: 13px;
}


/* ======================================================================
*  SINGULAR
*  ====================================================================== */

.entry-content > h1:first-child {
	margin-top: var(--spacing-h);
}

/*.article-container {
	background: #fff;
	padding: var(--spacing-edge-v) 0;
}

body.single article {
	max-width: var(--content-width-responsive);
	margin: auto;
}*/

/* ======================================================================
*  ICONS
*  ====================================================================== */

.icon.white {
	filter: invert(100%) sepia(27%) saturate(336%) hue-rotate(221deg) brightness(106%) contrast(100%);
}

/* ======================================================================
*  WOOCOMMERCE
*  ====================================================================== */

@font-face {
	font-family: 'star';
	src: url('../../plugins/woocommerce/assets/fonts/star.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WooCommerce';
	src: url('../../plugins/woocommerce/assets/fonts/WooCommerce.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.woocommerce {
	--spacing-cells: 6px;
}

/* -----------------------------------------------------
*  Checkout
*  ----------------------------------------------------- */

.woocommerce-checkout .entry-content > .woocommerce {
	max-width: min(500px, calc(100% - var(--spacing-edge-h) * 2))
}

.woocommerce table.shop_table {
    border: 1px solid #767676;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 10px;
}
.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
}
.woocommerce table.shop_table td {
    padding: 9px 12px 9px 21px;
    vertical-align: middle;
    line-height: 1.5em;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: 1px solid rgba(0,0,0,.1);
}
.woocommerce form .form-row {
    margin: 0 0 6px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	width: 100%;
}
.woocommerce form .form-row textarea {
    height: 4em;
}

.woocommerce-checkout {
	flex: 1;
}

.woocommerce .blockUI.blockOverlay {
	border-radius: inherit;
}
.woocommerce .blockUI.blockOverlay::before {
    height: 1em;
    width: 1em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    content: "";
    animation: spin 1s ease-in-out infinite;
    background: url(../images/icons/loader.svg) center center;
    background-size: cover;
    line-height: 1;
    text-align: center;
    font-size: 2em;
    color: rgba(0,0,0,.75);
}

ul#shipping_method {
	padding: 0;
}
#shipping_method > li {
	list-style: none;
}

/* -----------------------------------------------------
*  Elements
*  ----------------------------------------------------- */

.entry-content .woocommerce img {
	width: 100%;
	display: block;
	margin: auto;
	box-shadow: none;
	/*mix-blend-mode: darken;*/
}

/* -----------------------------------------------------
*  Breadcrumbs
*  ----------------------------------------------------- */

.woocommerce .woocommerce-breadcrumb {
	max-width: var(--content-width-responsive);
    margin: var(--spacing-edge-h) auto;
	overflow-x: auto;
	color: var(--color-text-light);
    font-size: 14px;
    text-transform: uppercase;
}
.woocommerce .woocommerce-breadcrumb a {
	color: inherit;
}
.woocommerce-breadcrumb a:hover {
	color: var(--color-text);
	text-decoration: underline;
}

/* -----------------------------------------------------
*  Notices
*  ----------------------------------------------------- */

.woocommerce-notices-wrapper {
	display: none!important;
}
/*.woocommerce-error {
	display: none;
}*/

.woocommerce-notices-wrapper > :not(.woocommerce-error) {
	opacity: .33;
}

/*.woocommerce-notices-wrapper:not(:empty) {
	display: flex;
	flex-flow: column;
	margin-bottom: var(--spacing-h);
}

.woocommerce-notices-wrapper > * {
	padding: 10px;
	background: #f7f7f7;
	border-left-style: solid;
	border-left-width: 3px;
	margin-bottom: 10px;
}

.woocommerce-notices-wrapper .woocommerce-info {
	background: var(--color-yellow);
	border-color: var(--color-orange);
	box-shadow: 1px 1px 3px 0px #0000003d;
}*/

/* -----------------------------------------------------
*  Custom Notice
*  ----------------------------------------------------- */

.meniq-notice-wrapper {
	width: 100%;
    padding: 10px 16px;
    background: #ffebf0;
}

/* -----------------------------------------------------
*  Product Archive
*  ----------------------------------------------------- */

.entry-content .woocommerce {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	gap: calc(var(--spacing-h) / 2);
}

.woocommerce .woocommerce-notices-wrapper {
	width: 100%;
}
.woocommerce .woocommerce-result-count {
	margin: 0;
}
form.woocommerce-ordering {
	display: none;
}

/* Lower part of a product in loop */
.woocommerce ul.products li.product .product-lower {
	display: flex;
	flex-flow: column;
}
.woocommerce-loop-product__title {
	font-weight: 400;
	font-size: 18px;
	margin: 0;
}
.mobile .woocommerce-loop-product__title {
	text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	margin-top: 10px;
	padding: 0;
}
.woocommerce ul.products li.product .price {
	margin: 10px 0;
}

/* -----------------------------------------------------
*  Single Product
*  ----------------------------------------------------- */
.woocommerce div.product {
	display: flex;
	flex-flow: wrap;
}
.woocommerce div.product div.images {
	width: 40%;
	overflow: hidden;
	display: flex;
	column-gap: var(--spacing-cells);
	margin-right: var(--spacing-cells);
}
.mobile .woocommerce div.product div.images {
    width: 100%;
}

.xdev-gallery-thumbs {
	position: relative;
	flex-basis: 15%;
}
.xdev-gallery-thumbs > button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px;
	background: #bbb;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: .2s;
}
.xdev-gallery-thumbs > button.active:hover {
	opacity: .9;
}
.xdev-gallery-thumbs > button > img {
	transform: rotate(-90deg);
	width: 1em!important;
	height: 1em!important;
}
.xdev-gallery-thumbs > .up.active, .xdev-gallery-thumbs > .down.active {
	opacity: .8;
	pointer-events: initial;
}
.xdev-gallery-thumbs > .down {
	bottom: 0;
}
.xdev-gallery-thumbs > .down img {
	transform: rotate(90deg);
}

.xdev-gallery-thumbs > .wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	scroll-padding-top: 1px;
    scroll-behavior: smooth;
    scroll-snap-type: y;
}
.xdev-gallery-thumbs > .wrapper::-webkit-scrollbar {
	display: none;
}
.xdev-gallery-thumbs > .wrapper .thumbnail {
	position: relative;
	padding-top: 100%;
	margin-bottom: var(--spacing-cells);
	background: #f7f7f7;
	border: solid 1px transparent;
	cursor: pointer;
	scroll-snap-align: start;
    scroll-snap-stop: always;
}
.xdev-gallery-thumbs > .wrapper .thumbnail div {
	position: absolute;
	top: 0;
	left: 0;
}
.xdev-gallery-thumbs .thumbnail.active {
	border-color: #ccc;
}
.xdev-gallery-thumbs .thumbnail img {
	height: 100%;
	object-fit: contain;
	mix-blend-mode: darken;
}

.woocommerce-product-gallery__wrapper {
	align-self: flex-start;
	flex: 1;
	display: flex;
	overflow-x: scroll;
	scroll-padding: 0px;
    scroll-snap-type: x mandatory;
}
.woocommerce-product-gallery__wrapper::-webkit-scrollbar {
	display: none;
}
.woocommerce-product-gallery__image {
	position: relative;
	height: 0;
	flex: 0 0;
    flex-basis: 100%;
    padding-top: 110%;
    overflow: hidden;
	scroll-snap-align: start;
    scroll-snap-stop: always;
}
.woocommerce-product-gallery__image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	cursor: default;
	pointer-events: none;
}
.woocommerce-product-gallery__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.woocommerce div.product div.summary {
	flex: 1;
}

.woocommerce div.product div.summary .product_meta {
	margin: 1em 0;
	display: flex;
	flex-flow: column;
	font-size: 14px;
	color: var(--color-text-light);
}

.woocommerce div.product div.summary .price {
	font-size: 19px;
	font-weight: 600;
}

.woocommerce div.product form.cart {
	display: flex;
	height: 50px;
	column-gap: 15px;
}
.woocommerce .quantity .qty {
	height: 100%;
	width: 65px;
	text-align: center;
	border: 1px solid #d2d2d2!important;
	box-shadow: inset 0 0 2px 0px rgb(0 0 0 / 20%)
}

.woocommerce ul.products {
	width: 100%;
    display: grid;
    grid-template: auto / 1fr;
	gap: var(--spacing-v) var(--spacing-h);
	padding: 0;
}
.tablet .woocommerce ul.products {
    grid-template: auto / 1fr 1fr;
}
.desktop .woocommerce ul.products {
    grid-template: auto / 1fr 1fr 1fr;
	margin-bottom: 0;
}

.woocommerce ul.products::after, .woocommerce ul.products::before {
    content: none;
}

.woocommerce ul.products li.product {
    margin: unset;
    width: unset;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.woocommerce ul.products li.product a img {
    width: auto;
    height: 150px;
	margin: auto;
}
.woocommerce ul.products li.product .price {
	color: #008c3e;
	font-size: 18px;
	font-weight: 500;
}
.mobile .woocommerce ul.products li.product .price {
	text-align: center;
}
.woocommerce ul.products li.product .button {
	order: 9;
	margin: 0;
}
.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading {
    padding: var(--padding);
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after, .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
	margin: 0;
	position: initial;
}
body:not(.woocommerce-checkout) .woocommerce a.added_to_cart {
    order: 8;
	display: none;
}
.woocommerce-checkout a.added_to_cart {
	float: right;
}

.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading {
    opacity: .25;
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
    font-family: WooCommerce;
    content: "\e01c";
    animation: spin 2s linear infinite;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: WooCommerce;
    content: "\e017";
}

/* -----------------------------------------------------
*  Tabs
*  ----------------------------------------------------- */

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: var(--spacing-h) 0 1.618em;
    overflow: hidden;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #d3ced2;
    z-index: 1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #d3ced2;
    background-color: #ebe9eb;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
    margin: 0 -5px;
    padding: 0 1em;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    z-index: 2;
    border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
}

.woocommerce div.product .woocommerce-tabs {
	width: 100%;
}

.woocommerce-tabs .entry-content.woocommerce-Tabs-panel table {
	display: block;
}

.mobile .woocommerce div.product .woocommerce-tabs ul.tabs li {
    font-size: 15px;
}

/* ======================================================================
*  Lightboxes
*  ====================================================================== */

/* Unopened lightbox */
  .lightbox {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	transition: .2s;
	visibility: hidden;
	opacity: 0;
  }
  
  /* Opened lightbox */
  .lightbox:target {
	visibility: visible;
	opacity: 1;
  }

  .lightbox figure {
	max-width: min(100%,400px);
	margin: var(--spacing-edge-h);
  }

  
  /* Lightbox content */
  .lightbox figcaption {
    position: relative;
    padding: 35px 35px;
    background-color: white;
    border-radius: var(--border-radius-primary);
    box-shadow: var(--box-shadow-header);
  }

  
  /* Close button */
  .lightbox .close {
	position: relative;
	display: block;
  }
  
  .lightbox .close::after {
	right: 0;
    width: 2rem;
    height: 2rem;
    position: absolute;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: black;
    content: "×";
    cursor: pointer;
	font-size: 24px;
  }
  
  /* Lightbox overlay */
  .lightbox .close::before {
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(0 0 0 / 50%);
    content: "";
    cursor: default;
  }

/* ======================================================================
*  MISC STYLING
*  ====================================================================== */

/*.meniq-add-to-cart {
	flex-flow: column!important;
    align-items: center;
}
.meniq-add-to-cart a.added_to_cart {
	display: block!important;
}*/
.color-text-light {
	color: var(--color-text-light);
}
.text-light {
	color: #fff;
}
.text-light a {
	color: #fff;
}

/* -----------------------------------------------------
*  Card type A
*  ----------------------------------------------------- */

.meniq-features {
	--text-color: #fff;
	border-radius: 20px;
	color: var(--text-color);
	box-shadow: 1px 1px 11px 0px rgb(0 0 0 / 22%);
}

.icon-list > li {
	list-style: none;
	display: flex;
    column-gap: 10px;
	align-items: center;
	margin: 0!important;
	font-weight: 600;
}
.icon-list li::before {
    content: '';
    background: var(--text-color);
    min-width: 10px;
    min-height: 10px;
    display: inline-block;
    -webkit-mask-image: url(../../../wp-content/themes/meniq/assets/img/ico/cross.svg);
	-webkit-mask-size: contain;
	transform: rotate(45deg);
}


.font-size-s {
	font-size: 17px;
}

.infobox {
	box-shadow: 1px 1px 13px -7px rgb(0 0 0 / 22%);
}
.infobox *:first-child {
	margin-top: 0;
}
.infobox *:last-child {
	margin-bottom: 0;
}

.color-text-black {
	color: var(--color-text-black);
}

.blend-mode-darken img {
	mix-blend-mode: darken;
}

.text-shadow-banner {
	text-shadow: var(--text-shadow-banner);
}
.img-filter-shadow-banner {
	filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 20%));
}