/**
 * Theme Name:     Vantage Supply Co
 * Author:         Macron Solutions
 * Template:       garva
 * Text Domain:	   vantage-supply-co
 * Description:    Vantage Supply Co is a work of art in the form of an ecommerce shop.
 * Author URI:     https://www.macron.net.nz
 * Version:        0.1
 */

/* Site-wide button colour – override via --vantage-button-background if needed */
:root {
	--vantage-button-background: #fec600;
	--vantage-button-text: #1a1a1a;
}

/* Home page: no margin on entry content */
.front-page .entry-content {
	margin: 0;
}

/* Buttons site-wide (block editor, theme, WooCommerce) */
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wc-block-components-button,
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
.woocommerce input.button,
a.button,
button.button,
input[type="submit"],
input[type="button"],
.button {
	background-color: var(--vantage-button-background) !important;
	background-image: linear-gradient(to right, var(--vantage-button-text), var(--vantage-button-text)) !important;
	background-size: 0% 100% !important;
	background-repeat: no-repeat !important;
	background-position: left !important;
	color: var(--vantage-button-text) !important;
	border: 3px solid var(--vantage-button-text);
	text-decoration: none !important;
	transition: color 0.35s ease, background-size 0.35s ease !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wc-block-components-button:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce input.button:hover,
a.button:hover,
button.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover {
	background-size: 100% 100% !important;
	color: #fff !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.wc-block-components-button:focus,
.woocommerce .button:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce .single_add_to_cart_button:focus,
.woocommerce input.button:focus,
a.button:focus,
button.button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.button:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button,
.woocommerce input.button {
	border-radius: var(--button--border-radius, 0);
	padding: var(--button--padding-vertical, 0.5em) var(--button--padding-horizontal, 1em);
	font-weight: 600;
	font-size: inherit;
	cursor: pointer;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}

/* Hide product description and meta on product page */
.woocommerce-product-details__short-description, .product_meta {
	content-visibility: hidden;
}

/* Price and stock – button-text color */
.woocommerce .price,
.woocommerce .price .amount,
.woocommerce span.woocommerce-Price-amount,
.woocommerce .stock,
.woocommerce p.stock {
	color: var(--vantage-button-text) !important;
}

.woocommerce div.product form.cart {
	margin-bottom: 0 !important;
}

@media (min-width: 769px) and (max-width: 1400px) {
	.woocommerce .product_title,
	.woocommerce div.product h1.product_title {
		font-size: 48px;
	}
}

/* Fix select height on checkout page */
.wc-blocks-components-select select {
	min-height: 59px;
}

/* Fix footer navigation styles */
span.wp-block-navigation-item__label {
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-transform: lowercase;
}

/* Limit alignwide columns width  */
.wp-block-columns.alignwide {
    max-width: 1600px;
}

/* Page bottom three-column block */
.vantage-page-bottom-block .wp-block-columns {
	gap: 2.5rem;
}
.vantage-page-bottom-block .wp-block-column {
	background-color: #f0f0f0;
	border: 3px solid #000;
	padding: 1.25rem;
}
.vantage-page-bottom-block {
	font-size: 1rem;
}
.vantage-page-bottom-block .wp-block-heading {
	font-size: 1.5em;
}
.vantage-page-bottom-block p {
	font-size: 1.1em;
}

/* Navigation styles */
span.wp-block-navigation-item__label {
    font-size: 1.5rem !important;
}

.main-navigation .main-nav ul li a:hover,
.wp-block-navigation .wp-block-navigation-item a span:hover {
	color: var(--vantage-button-background) !important;
}

/* Mobile site title font size */
@media (max-width: 768px) {
    .site-header .main-title a, .site-header .main-title a:hover, .site-header .main-title a:visited {
        font-size: 2rem;
    }
	.main-navigation .main-nav ul li a {
        font-size: 1.25rem;
    }
	.wp-block-navigation .wp-block-navigation-item a span {
		font-size: 1.25rem !important;
	}
}

@media (max-width: 1024px) {
    .main-navigation .main-nav ul li a {
        font-size: 1.5rem;
    }
	.wp-block-navigation .wp-block-navigation-item a span {
		font-size: 1.5rem !important;
	}
}