/*
Theme Name: juletraeet
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 
Tested up to: 6.5
Requires PHP: 7.3
Version: 1.0.3
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: juletraeet
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks

juletraeet WordPress Theme, (C) 2024 Mike McAlister.
juletraeet is distributed under the terms of the GNU GPL.
*/

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a,
a:focus,
a:hover {
	text-decoration: underline;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--main);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--main-accent);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
	width: 100%;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

/* Helper styles that can't be done via theme.json
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.row-logos > figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.juletraeet-hide-on-mobile {
		display: none;
	}
}


/* WooCommerce custom styles */

.is-large.wc-block-cart .wc-block-cart-items {
	border-bottom: 0;
	border-collapse: separate;
	border-spacing: 0 1em;
  }

  .is-large.wc-block-cart .wc-block-cart-items td {
	border: 0;
  }

  .wc-block-cart .wc-block-cart-items td {
	background-color: #419c6e0f !important;
	padding: 1em !important;
  }


  .wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image {
	border-radius: 10px 0 0 10px;
  }

  .wc-block-cart .wc-block-cart-items td.wc-block-cart-item__image img {
	border: 1px solid var(--wp--preset--color--secondary);
	border-radius: 10px;
  }

  .wc-block-cart .wc-block-cart-items td .wc-block-cart-item__wrap {
	padding: 0 1em;
  }

  @media (min-width: 762px) {

	.page-template-checkout-flow .wc-block-cart .wc-block-cart-items td .wc-block-cart-item__wrap {
		display: flex;
		align-content: space-between;
		justify-content: space-between;
	}
}

  .page-template-checkout-flow .wc-block-cart .wc-block-cart-items td .wc-block-cart-item__wrap .wc-block-components-product-metadata__description,
  .page-template-checkout-flow .wc-block-cart .wc-block-cart-items td .wc-block-cart-item__wrap .wc-block-components-product-price {
	display: none
  }

  .wc-block-cart .wc-block-cart-items td.wc-block-cart-item__total {
	border-radius: 0 10px 10px 0;
  }

.page-template-checkout-flow .wc-block-cart.wc-block-components-sidebar-layout .wc-block-cart__sidebar {
	display: none;
}

.page-template-checkout-flow .wc-block-cart.wc-block-components-sidebar-layout .wc-block-components-main {
	width: 100%;
	padding-right: 0;
  }
  
  .checkout-flow-product-grid.has-3-columns .wc-block-grid__product {
	  border: 1px solid var(--wp--preset--color--secondary);
	  border-radius: 10px;
	  max-width: calc(33.3333333333% - 22px);
	  padding: var(--wp--preset--spacing--small);
  }
  
  .checkout-flow-product-grid.has-3-columns .wc-block-grid__products {
	  margin: 0;
	  padding: 0;
	  gap: var(--wp--preset--spacing--medium);
  }
	
  @media (max-width: 480px) {
	.checkout-flow-product-grid.has-3-columns .wc-block-grid__product {
	  margin: 1em;
	  max-width: 100%;
	}
  }