/* Description: This stylesheet contains a number of style changes that are always needed, as well as providing the structure for the style.css
   It will be loaded before style.css and can be safely overridden.
   
   <IMPORTANT!>

   Never edit the latest file directly, rather create a copy of it with an incremented version number, both in file description and in file name. Set the correct version in wp-config-cpu.php for the latest and
   if a specific store is need of a new version then set it's wp-config.php to have the needed style versioning.
   
   <IMPORTANT!/>

   Version: 2_0

   @since 2_0 2023-10-17 TL Added more variables that are referenced in the Basic Site Structure in Confluence
   @since 1_0 2022-02-01 LMW Initial version

 */

/* Includes   (imports)
*/

/* Variables (colours, fonts)
*/

/* Woocommerce Settings
*/

#shipping_country_field .select2-selection__rendered, 
#billing_country_field .select2-selection__rendered {
	overflow: auto;
}

.required, 
.stock.out-of-stock {
   color: var(--notification-alert);
}


.woocommerce-error {
   background-color: var(--notification-alert);
}

.woocommerce-info, 
.woocommerce-noreviews, 
p.no-comments {
	background-color: var(--notification);
}

/* Cart
*/

table.cart td.actions label {
   display: inline-block;
   margin: 0 1em;
}

.storefront-sticky-add-to-cart__content-price {
   opacity: 1;
}

.site-header-cart .cart-contents .count {
   opacity: 1;
   font-size: 1rem;
}


@media (max-width: 767px) {
	table.cart td.actions .coupon {
		padding: 1em;
		text-align: initial;
	}
	table.cart td.actions label {
		font-family: var(--heading);
		display: block;
		margin: 0;
	}
	table.cart td.actions input {
		box-shadow: none;
		background-color: var(--white);
	}
}

/* Checkout
*/

#payment .place-order .required {
   color: var(--notification-alert);
}

/* Site-wide settings
*/

body {
   font-family: var(--paragraph);
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.wc-block-grid__product-title {
   font-family: var(--heading);
}

.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4,
.site-footer h5, 
.site-footer h6, 
.site-footer .widget .widget-title,
.site-footer .widget .widgettitle {
   font-family: var(--heading);
}

.storefront-breadcrumb {
	margin: 0;
}

.hentry .entry-content a.button,
button,
.button.alt,
input[type=button],
input[type=reset],
input[type=submit],
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.widget-area .widget a.button.alt,
.added_to_cart, 
.site-header-cart .widget_shopping_cart a.button, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
ul.products li.product .button, ul.products .wc-block-grid__product .button, 
.wc-block-grid__products li.product .button, 
.wc-block-grid__products .wc-block-grid__product .button {
	background-color: var(--button-background);
	color: var(--buttom-color);
	transition: all .2s ease;
}

.hentry .entry-content a.button:hover,
button:hover, 
button.alt:hover, 
input[type=button]:hover, 
input[type=reset]:hover, 
input[type=submit]:hover,
input[type="button"].alt:hover, 
input[type="reset"].alt:hover, 
input[type="submit"].alt:hover, 
.widget-area .widget a.button.alt:hover,
.added_to_cart:hover, 
.site-header-cart .widget_shopping_cart a.button:hover, 
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
ul.products li.product .button, ul.products .wc-block-grid__product .button:hover, 
.wc-block-grid__products li.product .button:hover, 
.wc-block-grid__products .wc-block-grid__product .button:hover {
	background-color: var(--button-background-hover);
	color: var(--buttom-color-hover);
}

/* Before Header
*/

.storefront-before-header .col-full::before, 
.storefront-before-header .col-full::after {
	display: none;
}

/* Header
*/

.site-header,
.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
	padding: 0;
	margin-bottom: 0;
}

.site-header .col-full::before,
.site-header .col-full::after {
	display: none;
}

.site-header > .col-full {
	display: flex;
	align-items: center;
	justify-content: space-between;
   padding: 1em 0;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
	width: auto;
   min-width: 150px;
	margin: 0;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
	width: auto;
	margin: 0;
	margin-left: auto;
}

.woocommerce-active .site-header .site-search {
	width: auto;
   min-width: 150px;
	margin: 0;
}

@media (max-width: 767px) {
   .site-header > .col-full {
      justify-content: center;
   }
   .site-header .site-logo-anchor img, 
   .site-header .site-logo-link img,
   .site-header .custom-logo-link img {
      margin: auto;
   }
}

/* Primary navigation
*/

/* Secondary navigation
*/

/* Handheld navigation
*/

/* Frontpage banner
*/

.header-widget-region > .col-full {
   padding: 0;
   max-width: 100%;
   margin: 0;
}

.header-widget-region .widget {
   padding: 0;
   margin-bottom: 4em;
}

body:not(.home) .header-widget-region .widget {
   display: none;
}

.wp-block-cover-image .wp-block-cover__inner-container, 
.wp-block-cover .wp-block-cover__inner-container {
   max-width: 76em;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 1200px) {
   .wp-block-cover-image .wp-block-cover__inner-container, 
   .wp-block-cover .wp-block-cover__inner-container {
      margin-left: 2.617924em;
      margin-right: 2.617924em;
   }
}

/* Content
*/

ul.products, 
.wc-block-grid__products {
   display: flex;
   flex-wrap: wrap;
}

ul.products li.product {
   display: flex;
   justify-content: center;
   flex-direction: column;
   justify-content: space-between;
}

ul.products li.product img, 
ul.products .wc-block-grid__product img, 
.wc-block-grid__products li.product img, 
.wc-block-grid__products .wc-block-grid__product img {
	width: 100%;
}

ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
	margin: 0.5rem 2rem;
}

ul.products li.product .price del {
	opacity: 1;
}

/* Before footer widget region
*/

/* Footer
*/

.footer-widgets {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 2rem 0;
   width: auto;
   border-bottom: none;
}

.footer-widgets .block {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.footer-widgets.col-3 .block, 
.footer-widgets .block {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.footer-widgets .block .widget {
   flex-wrap: wrap;
   width: 100%;
   padding: 0 1em;
}

@media (max-width: 767px) {
   .footer-widgets {
      flex-direction: column;
  }
}

/* Social media
*/

/* After footer widget region
*/

/* Miscellaneous
*/

.woocommerce-order-pay #order_review #payment .form-row, 
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row {
	padding: 1em 0;
}

/* Booking
 */

.ph-calendar-month {
	padding: 1em 0;
}

.span-month, .span-year, .ph-prev, .ph-next {
	font-size: 1.25rem;
	line-height: 1.25rem;
}

li:not(.booking-disabled):not(.de-active).ph-calendar-date:hover span,
li.selected-date:not(.booking-disabled):not(.de-active).ph-calendar-date.today span {
	color: var(--theme-dark);
}

.ph-calendar-date span {
	color: var(--theme-dark);
	font-size: 1rem;
	vertical-align: text-bottom;
}

.past-time, 
.ph-calendar-date.not-available,
.ph-calendar-date.booking-disabled,
.ph-calendar-date.de-active {
	text-decoration: line-through;
	color: var(--gray) !important;
}

div.booking-wraper {
	margin-bottom: 1em;
}

.booking-info-wraper {
	padding: 0 1em;
}

div.booking-wraper div.booking-info-wraper p,
div.booking-wraper div.booking-info-wraper p bdi {
	font-size: 1rem;
}

.booking-wraper .extra-resources label {
	margin-right: 1em;
}

.booking-wraper select {
	background-position-x: 95%;
	padding: 0.25rem 2rem .25rem 1rem;
}

.ph-calendar-date.booking-full {
	color: var(--white) !important;
}