/*
Theme Name: Param
Author: Philip Bradbury
Author URI:
Theme URI:
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: param
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**************************************/
/*          reset styles              */
/**************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	
	box-sizing: border-box;
}

/* languages styling */
div {
	/*-webkit-transform-style: preserve-3d;*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*transform-style: preserve-3d;*/
}
#pll-language-flags{
  display:flex;
  gap:8px;
  align-items:center;
}
#pll-language-flags a{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}
#pll-language-flags img{
  width:24px;
  height:auto;
  display:block;
}
#pll-language-flags a.is-current{
  outline:2px solid rgba(0,0,0,.18);
  outline-offset:2px;
  border-radius:4px;
}
#pll-language-flags li.current-lang a {
  position: relative;
}
#pll-language-flags li.current-lang a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%) rotate(180deg);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #006EB7;
}

/*!* HTML5 display-role reset for older browsers *!*/
/*article, aside, details, figcaption, figure,*/
/*footer, header, hgroup, menu, nav, section {*/
/*	display: block;*/
/*}*/
/*body {*/
/*	line-height: 1;*/
/*}*/
ol, ul {
	list-style-position: outside;
	padding-inline-start: 1.3rem;
}

h2{
	word-break: keep-all;
}


/*blockquote, q {*/
/*	quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
/*	content: '';*/
/*	content: none;*/
/*}*/
/*table {*/
/*	border-collapse: collapse;*/
/*	border-spacing: 0;*/
/*}*/
/**************************************/
/* Styles root styles.*/
/**************************************/
:root {
	--wp--preset--shadow--color: rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--light: 0px 0px 12px 7px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--normal: 0px 0px 19px 0px rgba(0, 0, 0, 0.4);
}

/**************************************/
/* Styles intended only for the front.*/
/**************************************/
html {
	scroll-behavior: smooth;
	background-color: gray;
}
.wp-block-query-pagination-numbers {
	display:flex; gap:0.25rem;
}
.optional-cookie-header,
#ccc-necessary-title,
#ccc-title{
	font-family: var(--wp--preset--font-family--base-font)!important;
	font-size: 1.5em!important;
	line-height: 1.2!important;
}
.optional-cookie-header,
#ccc-necessary-title{
	font-size: 1.2em!important;
}
#ccc-icon.ccc-icon--dark{
	fill:var(--wp--preset--color--primary-3)!important;
}
#ccc-recommended-settings{
	background-color:var(--wp--preset--color--primary-3)!important;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.nf-error-msg, .ninja-forms-req-symbol{
	color:inherit!important;
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
	height: 100%;
	max-width: var(--wp--style--global--wide-size);
	width: 100%;
	margin: auto;
	-webkit-box-shadow: var(--wp--preset--shadow--light);
	-moz-box-shadow: var(--wp--preset--shadow--light);
	box-shadow: var(--wp--preset--shadow--light);
	position: relative;
	z-index: 0;
}

#page {
	overflow: hidden;
}

#primary {
	margin-top: var(--wp--preset--spacing--40);
}


/******************************/
/**    Typography Styling    **/
/******************************/
/* Most of this styling should be managed in the theme.json but this area is to manage overrides */


/******************************/
/**    Transition Styling    **/
/******************************/
.arrow,
.menu-button .line,
img,
a:before,
a:after,
a {
	transition: all ease-in-out 500ms;
}

@keyframes slideX {
	0% {
		padding-left: 0
	}
	50% {
		padding-left: var(--wp--preset--spacing--20)
	}
	100% {
		padding-left: 0
	}
}

/**************************/
/**      components      **/
/**************************/


#offcanvas-menu-container,
.page-bg {
	background-image: url('assets/images/param-woodenbg-lighter.jpg');
	background-repeat: repeat-y;
	background-position: top center;
}

input {
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--normal-large);
	line-height: 1;
	border-radius: 4px;
	border: 2px solid var(--wp--preset--color--grey);
	font-family: var(--wp--preset--font-family--base-font) !important;
}

input::placeholder {
	font-weight: bold;
	font-size: var(--wp--preset--color--grey);
	font-family: var(--wp--preset--font-family--base-font) !important;
}

/********************************/
/**  ---- Desktop Styling ---- **/
/********************************/
#sb_instagram .sbi_link{background: rgba(0,0,0,0.60)!important;}

	.wp-block-woocommerce-handpicked-products .wc-block-grid__products .wc-block-grid__product-image img{
		width:auto;
	}
	
.recipe-template-default.single-recipe #post-content{
	padding-top:var(--wp--preset--spacing--50);
	padding-bottom:var(--wp--preset--spacing--50);
}



/*********************************/
/**  My Account page styling    **/
/*********************************/

a.wc-account-link{
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--primary-6);
	text-decoration-thickness: 3px;
}

.woocommerce-account .woocommerce .woocommerce-Button{
	padding-top:0;
	margin-right: 0;
	margin-left: auto;
}
.woocommerce-account .woocommerce .woocommerce-Button:hover{
	background: transparent;
}
.woocommerce-account .woocommerce{
	margin-top:3rem;
	margin-bottom:3rem;
}
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation{
	border-bottom: 1px solid hsla(0, 0%, 7%, .11);
	border-spacing: 0;
	background: var(--wp--preset--color--white) !important;
	-webkit-box-shadow: var(--wp--preset--shadow--normal);
	-moz-box-shadow: var(--wp--preset--shadow--normal);
	box-shadow: var(--wp--preset--shadow--normal);
	padding: 1rem 2rem;
}
.woocommerce-MyAccount-navigation ul{
	list-style: none;
	margin-left:0;
	padding-left:0;
	display:flex;
	flex-direction: column;
	align-items: center;
}

.woocommerce-MyAccount-navigation ul li{
	margin-bottom:16px;
}




/*********************************/
/**  Start Shop Menu Styling  **/
/*********************************/
#shop-menu {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	font-weight: bold;
}

.basket-count {
	background-color: var(--wp--preset--color--primary-6);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

/*********************************/
/**  Start Mobile Menu Styling  **/
/*********************************/
#mobile-menu {
	display: none;
	
}

#mobile-menu .menu-button {
	position: relative;
	z-index: 51;
}

#mobile-menu .menu-button .line {
	width: 50px;
	height: 5px;
	background-color: var(--wp--preset--color--primary-5);
	display: block;
	margin: 8px auto;
	border-radius: 5px;
	/*transition-delay: 200ms;*/
}

#mobile-menu .menu-button:hover {
	cursor: pointer;
}

#mobile-menu .menu-button.is-active .line {
	background-color: var(--wp--preset--color--primary-5);
}

#mobile-menu .menu-button.is-active .line:nth-child(2) {
	opacity: 0;
}

#mobile-menu .menu-button.is-active .line:nth-child(1) {
	-webkit-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}

#mobile-menu .menu-button.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}

#offcanvas-menu-container {
	height: 100vh;
	max-width: 400px;
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	overflow-y: scroll;
	right: -100%;
	z-index: 50;
	padding: var(--wp--preset--spacing--20) 0;
	/*background-color:var(--wp--preset--color--primary);*/
	box-shadow: var(--wp--preset--shadow--normal);
}

#offcanvas-menu-container .mobile-items {
	margin-top: 100px;
}

#offcanvas-menu-container .mobile-items ul {
	padding: 0;
}


#offcanvas-menu-container .mobile-items ul {
	list-style: none;
	
}

#offcanvas-menu-container .mobile-items ul li {
	position: relative;
}

#offcanvas-menu-container .mobile-items ul li a {
	color: var(--wp--preset--color--primary-5);
	font-size: var(--wp--preset--font-size--normal);
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

#offcanvas-menu-container .mobile-items ul li > .arrow {
	display: none;
}

#offcanvas-menu-container .mobile-items ul li.menu-item-has-children > .arrow,
#offcanvas-menu-container .mobile-items ul li a > span.arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(90deg);
}

#offcanvas-menu-container .mobile-items ul li.menu-item-has-children > .arrow {
	position: absolute;
	top: 0;
	right: var(--wp--preset--spacing--20);
	height: 50px;
	width: 50px;
	cursor: pointer;
}

#offcanvas-menu-container .mobile-items ul li span.arrow.rotate {
	transform: rotate(-90deg);
}

#offcanvas-menu-container .mobile-items ul li a:hover {
	opacity: 0.7;
}

#offcanvas-menu-container .mobile-items ul li ul.menu-list {
	/*background-color:var(--wp--preset--color--primary-7);*/
}

#offcanvas-menu-container .mobile-items ul li ul.menu-list ul.sub-menu {
	/*background-color:var(--wp--preset--color--primary-5);*/
}

#offcanvas-menu-container .mobile-items .list-container .sub-menu,
#offcanvas-menu-container .mobile-items .list-container {
	display: none;
}


/***********************************/
/**  Start frontend permissions   **/
/***********************************/

#permissions-container {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 2em 0;
}
input::placeholder {
	margin: 2em 0;
}

.logged-in #permissions-container{
	display:none;
}

#post-content #permissions-container p{
    padding-right:0!important;
}

#permissions-container #apology h2 {
	margin-bottom: 0;
	line-height: 1;
	text-align: center;
}

#permissions-container #apology h5 {
	text-align: center;
}


#permissions-container > .message-container,
#permissions-container > form,
#permissions-container #loginform {
	background-color: var(--wp--preset--color--base);
	-webkit-box-shadow: var(--wp--preset--shadow--normal);
	-moz-box-shadow: var(--wp--preset--shadow--normal);
	box-shadow: var(--wp--preset--shadow--normal);
	border: 1px solid #cfc8d8;
	padding: 20px;
	text-align: left;
	border-radius: 5px;
	max-width:361px;
}

#permissions-container > form p{
	width:100%;
}
#permissions-container #loginform p {
	display: flex;
	flex-direction: column;
}

/*****************************/
/**  Start select 2 styling **/
/*****************************/
#page-content .select2-container--default .select2-selection--single {
	border: 4px solid var(--wp--preset--color--primary-6);
	height: auto;
}

#page-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--wp--preset--color--primary-6) transparent transparent transparent;
	margin-left: -10px;
	margin-top: 2px;
}

body .select2-dropdown {
	border: 4px solid var(--wp--preset--color--primary-6);
}

body .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--wp--preset--color--primary-6);
}

body .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
	background-color: rgba(247, 178, 0, 0.5);
	color: var(--wp--preset--color--contrast);
}




/**************************/
/**     page styling     **/
/**************************/



.hide-desktop {
	display: none !important;
}

.wp-block-cover > img.wp-block-cover__image-background {
	/*position: fixed;*/
	/*transform: perspective(0px);*/
	/*z-index:-10;*/
}
#nutrition-block{
	margin-bottom:var(--wp--preset--spacing--60)!important;
}
.nutritional-values-container{
	flex-wrap: wrap;
}
.nutritional-values-container .nutritional-value-first{
	order:1;
	flex: 0 0 45%;
}

.nutritional-values-container .nutritional-value-second{
	order:2;
	flex: 0 0 45%;
}

.nutritional-values-container .nutritional-label{
	order:3;
	flex:0 0 100%;
	text-align: right;
}




#pll-language-flags{
	display: flex;
	gap: calc(var(--wp--preset--spacing--20) / 2);
	justify-content: flex-end;
	margin: 0 var(--wp--preset--spacing--20);
}
#pll-language-flags li{
	list-style:none;
}
#pll-language-flags li a img{
	width: 30px!important;
	height: 20px!important;
}