/*
Theme Name: Element Stark Demo Store
Template: elementstark-demo
Author: Lucas Stark
Description: The multi-extension demo store at /woocommerce-extension-demos/. A child of Element Stark Demo that holds the store's own templates and the placement fixes its extensions need.
Version: 0.1.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elementstark-demo-store
*/

/* --- Bulk Variation Forms ------------------------------------------------ */

/* The plugin hides its single-variation form until the shopper picks "Singular
   Order Form". The parent's form layout outranks the plugin's own rule. */
.woocommerce div.product form.variations_form.is_bulk {
	display: none;
}

/* assets/js/bulk-variations.js moves the matrix out of div.product, outside
   the page's constrained layout. */
#matrix_form {
	box-sizing: border-box;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left);
}

/* --- Variation Swatches -------------------------------------------------- */

/* Product 95 demos round swatches. Carried over from Storefront's custom CSS. */
.postid-95 .select-option,
.postid-95 .select-option a,
.postid-95 .select-option img {
	border-radius: 50% !important;
}

/* --- Landing page -------------------------------------------------------- */

.es-extension-cards {
	gap: var(--wp--preset--spacing--30);
}

.es-extension-card {
	padding: var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--base-3);
	border-radius: 8px;
	background: var(--wp--preset--color--base);
}

.es-extension-card h2 a {
	color: inherit;
	text-decoration: none;
}

.es-extension-card h2 a:hover {
	color: var(--wp--preset--color--accent);
}

/* --- Shop: demos by extension -------------------------------------------- */

.es-extension-row {
	gap: var(--wp--preset--spacing--20);
}

.es-extension-row__link {
	padding: 0.35em 0.8em;
	border: 1px solid var(--wp--preset--color--base-3);
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.es-extension-row__link:hover {
	border-color: var(--wp--preset--color--accent);
}

/* --- Footer: get the extensions ------------------------------------------ */

.es-extension-links {
	margin-bottom: var(--wp--preset--spacing--30);
}

.es-extension-links__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --- Header ------------------------------------------------------------- */

/* Seven menu items, the account icon and the mini cart do not fit beside the
   site title, so the menu takes its own row under it, as in Storefront. */
.es-header-nav {
	flex-basis: 100%;
}

@media (max-width: 781px) {
	.es-header-nav {
		flex-basis: auto;
	}
}