/*
Theme Name: ETDraft1
Theme URI: https://education-together.org/
Author: Jon Bell
Author URI: https://education-together.org/
Description: Stylesheet to override selected Woocommerce styles
Version: 2.0
License: undistributed theme for author's personal use
License URI: Not applicable
Tags: TBC
*/

/* Woocommerce-START */
table.wc-block-cart-items .wc-block-cart-items__header, .wc-block-cart-items__header, .wp-block-woocommerce-cart-order-summary-heading-block, .wc-block-components-checkout-order-summary__title-text {
	font-family: "Exo 2", sans-serif;font-weight: bold;
}

.wc-block-cart-item__image {width:50%;}
.is-large .wc-block-checkout__sidebar.is-sticky {
	position:relative;
	top:0;
}

.wp-block-button__link {
	clear: both;
	background-color: var(--et-blue-1);
	color:var(--et-pale-1);
	border:none;
	border-radius: 2em;
	padding: 1rem 2em 1rem;
	display:block;
	cursor:pointer;
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

.wc-block-cart-items__header {display:none;} /*Removes table titles in basket */

.wc-block-components-checkout-order-summary__title-text, .wc-block-components-title.wc-block-components-title, table.wc-block-cart-items .wc-block-cart-items__header, .is-large.wc-block-cart .wc-block-cart__totals-title, .is-large.wc-block-cart .wc-block-cart__totals-title {
	font-family: "Exo 2", sans-serif;font-weight: bold;
	font-size: clamp(2rem,3vw + 0.25rem ,2.5rem);
	text-transform:none;
	color:var(--et-blue-1);
}

.wc-block-cart-items {
  font-size: clamp(1.5rem, 2vw + 0.25rem ,2.5rem);
  background-color: var(--et-green-1)
}

.wp-block-woocommerce-checkout {
  margin:0;
  padding-top:0;
} /*Main checkout section padding-top adjustment*/

.wc-block-checkout__terms {display:none;} /*TEMP SOLUTION FOR Ts&Cs and privacy page*/

.wp-block-woocommerce-empty-cart-block .wc-block-grid {display:none;} /*Removes empty cart content*/

.is-large.wc-block-cart .wc-block-cart__totals-title {
	padding: 8px 16px 8px 15px;
	font-weight:500; /*Basket Totals Box */
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
	margin-top: 8px;
} /*Checkout Totals box */

.wc-block-components-checkout-order-summary__title {margin-top:0;}


.wp-block-woocommerce-checkout-order-summary-block, .wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid hsla(0,0%,7%,.11);
  border-radius: 5px;
}

.is-large.wc-block-cart .wc-block-cart-items th {
  padding: 8px 16px 8px 16px;
  white-space: nowrap;
}

.wc-block-cart-item__image {width:65%;}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {width: 55%;margin-top:0;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {max-width:100%; width: 100%;} /*Controls size of thumbnail image for checkout in large screens*/

.wc-block-components-order-summary .wc-block-components-order-summary-item {font-size:inherit;} /*font size of checkout order summary*/

.wc-block-components-checkout-step__description {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 16px;
}

.is-large .wc-block-checkout__sidebar.is-sticky {position:relative;}

.wc-block-cart__submit-container {display:none;} /*Removes pre-styled - proceed to checkout link from cart page */

.wc-block-cart-items__header-total, .wc-block-cart-item__total {display:none;} /*Removes cart total column items from product list*/

.wc-block-components-product-name {
	pointer-events: none; /*Disables the ability to access single product pages in Basket and Checkouts */
	text-decoration:none;
	color: var(--et-blue-1);
}

.wc-block-cart-item__image a {pointer-events:none;} /*Disables the ability to access single product pages in Basket and Checkouts */

@media only screen and (max-width: 729px) {
.wc-block-components-totals-wrapper {
  border-top: 1px solid hsla(0,0%,7%,.11);
  padding-left: 1.5rem;
  padding-right: 1.5rem
} /*corects padding on basket total summary when single column layout*/

.is-mobile table.wc-block-cart-items, {
  display: block;
}

.is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row, .is-medium table.wc-block-cart-items .wc-block-cart-items__row {
  display: block;
}

.checkout-order-summary-block-fill-wrapper {display:none;}

.wc-block-cart-item__product {position:relative;}
.wc-block-cart-item__wrap {position:absolute; top:0;}
.wc-block-cart-item__image {width:50%;}
}

@media only screen and (max-width: 550px) {
.wc-block-cart-item__image {width:65%;}
.wc-block-cart-item__wrap {line-height:0.1;}
}

@media only screen and (max-width: 500px) {
.wc-block-cart-item__image {width:65%;}
.wc-block-cart-item__wrap {line-height:0.1; font-size:1.25rem;}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {padding:0.2rem;}
}

@media only screen and (max-width: 350px) {
.wc-block-cart-item__image {width:65%;}
.wc-block-cart-item__wrap {line-height:0.1; font-size:1.25rem;}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {padding:0;}
}

/* Woocommerce-END */