/*
====================================
 Theme Name:   Clear Crafted Theme
 Theme URI:    https://clearcrafted.co.uk
 Description:  Clear Crafted's GeneratePress Theme
 Author:       Hugh Readman
 Author URI:   https://clearcrafted.co.uk
 Template:     generatepress
 Version:      1.0
====================================
*/


/* =========================
   TYPOGRAPHY
========================= */

/* Font Family Utilities */
.ff-body {
    font-family: var(--gp-font--body);
}

.ff-heading {
    font-family: var(--gp-font--headings);
}

/* Heading and utility class font assignment */
h1, h2, h3, h4, h5, h6,
[class^="fs-"] {
    font-family: var(--gp-font--headings);
}

.fs-p {
    font-family: var(--gp-font--body);
}


/* =========================
   FLUID TYPOGRAPHY SCALE
   Source: https://theadminbar.com/simple-responsive-font-size-calculator/
========================= */

h1,
.fs-h1 {
    font-size: clamp(3.375rem, 3.0682rem + 1.2273vw, 4.05rem);
}

h2,
.fs-h2 {
    font-size: clamp(2.5313rem, 2.3011rem + 0.9205vw, 3.0375rem);
}

h3,
.fs-h3 {
    font-size: clamp(2.1094rem, 1.9176rem + 0.767vw, 2.5313rem);
}

h4,
.fs-h4 {
    font-size: clamp(1.6875rem, 1.5341rem + 0.6136vw, 2.025rem);
}

h5,
.fs-h5 {
    font-size: clamp(1.4063rem, 1.2784rem + 0.5114vw, 1.6875rem);
}

h6,
.fs-h6 {
    font-size: clamp(1.2656rem, 1.1506rem + 0.4602vw, 1.5188rem);
}

p,
.fs-p {
    font-size: clamp(0.9375rem, 0.8523rem + 0.3409vw, 1.125rem);
}

/* =========================
	SITE SPECIFIC EDITS   
========================= */

/* Product Page Edits */

.woocommerce-product-details__short-description {
	margin-bottom: 2rem;
}

.product_title {
	color: var(--accent);
}

.price {
	margin-bottom: 2rem;
}

/* Margin on product page */

.product {
	margin-top: 2rem;
}
@media (max-width: 1024px) {
	.product {
		margin: 0.5rem
	}
}

/* Change Related Products Font Size on Product page */

.related > h2 {
	color: var(--accent);
	font-size: 2rem;
} 

/* Remove left margin on homepage featured products*/

.wc-block-product-template__responsive {
	margin: 0;
}

/* Shop fix first image being smaller */

.inside-wc-product-image {
    display: block !important;
    width: 100%;
}

/* Change Fluent Forms button color */

.form-button {
	background-color: var(--accent) !important;
}

/* homepage product list custom CSS */

    .wc-block-product-template.is-flex-container.is-flex-container.columns-3>li {
	display: flex;
	flex-direction: column;
	height: 100%;
} 

.wp-block-woocommerce-product-collection .wc-block-components-notices:not(:has(*))+.wc-block-product-template {
	margin: 0 !important;
}

/* Shop + product Page Mobile Spacing*/ 

.woocommerce ul.products li.product a img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


/* Cart + Checkout */

@media (max-width: 1024px) {
	.wp-block-woocommerce-cart {
		padding: 16px !important; 
	}
	.wp-block-woocommerce-checkout {
		padding: 16px !important;
	}
}