/*
Theme Name: iTi Shop
Theme URI: https://shop.itisolutions.net
Author: iTi Solutions
Author URI: https://www.itisolutions.net
Description: Block theme for the iTi Solutions online shop. Matches the look of itisolutions.net (Open Sans, iTi blue, dark navy header and footer, pill buttons) and is built for WooCommerce.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iti-shop
Tags: block-theme, e-commerce, full-site-editing
*/

/* Most styling lives in theme.json. This file holds the few things theme.json can't express. */

/* ---------- Header ---------- */
.iti-topbar a { text-decoration: none; color: inherit; }
.iti-topbar a:hover { color: #ffffff; }

.iti-header { position: relative; z-index: 50; }
.iti-header .wp-block-navigation a { text-decoration: none; }
.iti-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.iti-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}
.iti-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--dark) !important;
	border: 0 !important;
	border-radius: 8px;
	padding: 8px 0;
}

/* Header search: rounded, translucent on the gradient */
.iti-header .wp-block-search__inside-wrapper {
	border: 0;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.12);
	padding: 2px;
}
.iti-header .wp-block-search__input {
	background: transparent;
	border: 0;
	color: #ffffff;
	padding: 6px 14px;
	min-width: 180px;
}
.iti-header .wp-block-search__input::placeholder { color: rgba(255, 255, 255, 0.65); }
.iti-header .wp-block-search__button {
	border-radius: 50px;
	padding: 6px 12px;
	margin-left: 0;
}

/* Cart and account icons in white */
.iti-header .wc-block-mini-cart__button,
.iti-header .wc-block-customer-account a,
.iti-header .wc-block-mini-cart__icon,
.iti-header .wc-block-customer-account__account-icon { color: #ffffff; }
.iti-header .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--primary);
	color: #ffffff;
	border-color: var(--wp--preset--color--primary);
}

/* ---------- Buttons ---------- */
.wp-element-button,
.wp-block-button__link,
.wc-block-components-button:not(.is-link) {
	transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.wp-element-button:hover,
.wp-block-button__link:hover,
.wc-block-components-button:not(.is-link):hover {
	box-shadow: 0 6px 18px rgba(1, 174, 221, 0.35);
}
/* "Outline" style = the white pill with blue text used on the main site */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: #ffffff;
	color: var(--wp--preset--color--primary);
	border: 0;
}

/* ---------- Product cards ---------- */
.wc-block-product-template > li,
.wc-block-grid__product,
ul.products li.product {
	background: #ffffff;
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 2px 12px rgba(21, 33, 42, 0.06);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.wc-block-product-template > li:hover,
.wc-block-grid__product:hover,
ul.products li.product:hover {
	box-shadow: 0 10px 28px rgba(21, 33, 42, 0.12);
	transform: translateY(-2px);
}
.wc-block-components-product-image img,
.wc-block-grid__product-image img { border-radius: 8px; }
.wc-block-components-product-price,
.wc-block-grid__product-price,
.price { color: var(--wp--preset--color--heading); font-weight: 700; }
.wc-block-components-product-sale-badge,
.onsale {
	background: var(--wp--preset--color--primary) !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 50px !important;
}
.wc-block-components-product-stock-indicator--in-stock { color: #1a8f4c; }
.wc-block-components-product-stock-indicator--out-of-stock { color: #c0392b; }

/* Category list on the home page */
.iti-categories ul.wc-block-product-categories-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
}
.iti-categories .wc-block-product-categories-list-item > a {
	display: block;
	background: #ffffff;
	border-radius: 50px;
	padding: 12px 20px;
	text-decoration: none;
	color: var(--wp--preset--color--heading);
	font-weight: 600;
	box-shadow: 0 2px 12px rgba(21, 33, 42, 0.06);
}
.iti-categories .wc-block-product-categories-list-item > a:hover { color: var(--wp--preset--color--primary); }
.iti-categories .wc-block-product-categories-list .wc-block-product-categories-list { display: none; }
.iti-categories .wc-block-product-categories-list-item-count { color: var(--wp--preset--color--muted); font-weight: 400; }

/* Feature cards */
.iti-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(21, 33, 42, 0.06);
}

/* ---------- Footer ---------- */
.iti-footer a { text-decoration: none; color: inherit; }
.iti-footer a:hover { color: var(--wp--preset--color--primary); }
.iti-footer ul { list-style: none; padding-left: 0; }
.iti-footer li { margin-bottom: 0.5em; }

/* ---------- Small screens ---------- */
@media (max-width: 781px) {
	.iti-topbar .iti-topbar__phones { display: none; }
	.iti-header .wp-block-search { display: none; }
	.iti-hero h1 { font-size: 30px !important; }
}

/* Logos */
.iti-logo { margin: 0; }
.iti-logo img { width: 96px; height: auto; display: block; }
.iti-logo-footer img { width: 140px; height: auto; display: block; }

/* Dispatch time from a regional warehouse */
.iti-dispatch-regional,
.wc-block-components-product-stock-indicator.iti-dispatch-regional { color: #b26a00; }