@import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');

/*
--------------------------------------
Main info
--------------------------------------
*/

.wcpa_form_outer .wcpa_radio:not(:last-of-type) {
	padding-bottom: 1em;
}

.wcpa_form_outer input + label {
	font-size: 20px;
}

.wcpa_form_outer input[value="adlery-pro"] + label {
	font-family: var(--e-global-typography-ceab687-font-family);
}

.wcpa_form_outer input[value="schoolbell"] + label {
	font-family: 'Schoolbell', cursive !important;
}

.wcpa_form_outer input[value="amsterdam-two"] + label {
	font-family: 'Amsterdam Two', cursive !important;
}

/*
--------------------------------------
Page produit — Responsive
--------------------------------------
*/

/* Tablette */
@media (max-width: 1024px) {
	.single-product div.product {
		grid-template-columns: 50% 50%;
		gap: 0 32px;
	}

	.single-product .entry-summary .product_title {
		font-size: 36px;
	}
}

/* Mobile / tablette portrait */
@media (max-width: 768px) {
	.single-product .site-main {
		margin: 24px auto 64px;
	}

	/* Passage en 1 colonne */
	.single-product div.product {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: 100%;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 100%;
	}

	.single-product .woocommerce-product-gallery {
		grid-column: 1;
		grid-row: 2;
	}

	.woocommerce-product-gallery__image img {
		width: 100%;
		aspect-ratio: 4 / 3;
	}

	.single-product .entry-summary {
		grid-column: 1;
		grid-row: 3;
		margin-top: 20px;
	}

	.single-product .woocommerce-breadcrumb {
		grid-row: 1;
		margin-bottom: 20px;
	}

	.single-product .woocommerce-tabs {
		grid-row: 4;
		margin-top: 32px;
	}

	.single-product .entry-summary .product_title {
		font-size: 30px;
	}

	.single-product .woocommerce-tabs ul.tabs li a {
		padding: 12px 16px;
		font-size: 13px;
	}

	.single-product .related.products ul.products,
	.single-product .up-sells.products ul.products {
		grid-template-columns: repeat(2, 1fr);
	}

	.woocommerce-product-gallery ol.flex-control-thumbs {
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}

	.woocommerce-product-gallery ol.flex-control-thumbs li img {
		max-width: 100%;
	}

	.single-product table.shop_attributes th,
	.single-product .woocommerce-product-attributes th {
		width: 130px;
	}
}

/* Petit mobile */
@media (max-width: 480px) {
	.woocommerce-product-gallery__image img {
		aspect-ratio: 1 / 1;
	}

	.single-product .entry-summary .product_title {
		font-size: 24px;
		line-height: 1.2;
	}

	.single-product .entry-summary .price {
		font-size: 17px;
	}

	.woocommerce-product-gallery ol.flex-control-thumbs {
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.woocommerce-product-gallery ol.flex-control-thumbs li img {
		max-width: 100%;
	}

	.single-product .woocommerce-tabs ul.tabs {
		flex-wrap: wrap;
	}

	.single-product .related.products ul.products,
	.single-product .up-sells.products ul.products {
		grid-template-columns: repeat(1, 1fr);
	}
}