/* Storefront Trade - branding.  Change the colours here and everything follows. */
:root {
	--ast-blue: #2f55d4;        /* royal blue: site title, menu bar, buttons, headings */
	--ast-blue-dark: #2340a8;   /* hover */
	--ast-page: #f3f4f6;        /* slightly grey page background */
	--ast-ink: #1f2937;
	--ast-muted: #6b7280;
}

body, .site, .site-content { background-color: var(--ast-page); }
body { color: var(--ast-ink); }
.hentry, .widget, .woocommerce-tabs .panel { background-color: transparent; }

/* title + headings */
.site-header { background-color: #fff; border-bottom: 1px solid #e5e7eb; }
.site-branding .site-title a, .site-title a:hover { color: var(--ast-blue) !important; font-weight: 700; }
.site-description { color: var(--ast-muted); }
h1, h2, h3, h4, .entry-title, .woocommerce-loop-product__title { color: var(--ast-blue); }

/* menu bar */
.storefront-primary-navigation { background-color: var(--ast-blue); }
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a, .site-header-cart .cart-contents { color: #fff !important; }
.main-navigation ul.menu > li > a:hover, .main-navigation ul.nav-menu > li > a:hover { color: #dbe4ff !important; }
.main-navigation ul ul { background-color: var(--ast-blue-dark); }
.main-navigation ul ul li a { color: #fff !important; }
.menu-toggle { color: #fff !important; border-color: #fff !important; }
@media (max-width: 767px) { .main-navigation ul li a { color: #fff !important; } }

/* buttons + links */
a { color: var(--ast-blue); }
a:hover { color: var(--ast-blue-dark); }
.button, button, input[type="button"], input[type="submit"], .added_to_cart, .widget a.button {
	background-color: var(--ast-blue) !important; color: #fff !important; border-color: var(--ast-blue) !important;
}
.button:hover, button:hover, input[type="submit"]:hover { background-color: var(--ast-blue-dark) !important; }
.button.alt, .button.alt:hover { background-color: var(--ast-blue-dark) !important; }
.site-footer { background-color: #e5e7eb; color: var(--ast-ink); }
.site-footer a:not(.button) { color: var(--ast-blue); }

/* prices */
.ast-price { display: block; font-size: 1.15em; font-weight: 700; color: var(--ast-ink); }
.ast-price .amount { color: var(--ast-ink); }
.ast-per { font-size: .75em; font-weight: 400; color: var(--ast-muted); }
.ast-rrp { display: block; color: var(--ast-muted); font-size: .9em; }
.ast-sold-as { display: block; margin-top: .25em; font-size: .8em; color: var(--ast-blue-dark); }
.ast-locked { display: block; font-size: .9em; color: var(--ast-muted); font-style: italic; }
.ast-locked-btn { opacity: .85; }

/* notices for guests / pending accounts */
.ast-banner, .ast-gate-box {
	background: #fff; border-left: 4px solid var(--ast-blue); padding: 1em 1.25em; margin: 0 0 1.5em; border-radius: 3px;
}
.ast-gate-box { margin-top: 1em; }
.ast-banner p, .ast-gate-box p { margin: 0 0 .6em; }
.ast-banner p:last-child, .ast-gate-box p:last-child { margin-bottom: 0; }
.ast-register-note { color: var(--ast-muted); font-size: .9em; }

/* how to order (no online ordering) */
.ast-info-bar { background: #e8edfb; color: var(--ast-ink); text-align: center; padding: .6em 1em; font-size: .95em; }
.ast-info-bar a { font-weight: 600; }
.ast-order-box { background: #fff; border-left: 4px solid var(--ast-blue); padding: 1em 1.25em; margin: 1.2em 0; border-radius: 3px; }
.ast-order-box p { margin: 0 0 .5em; }
.ast-order-box p:last-child { margin-bottom: 0; }
.ast-order-hint { color: var(--ast-muted); font-size: .9em; }

.ast-vat { display: inline-block; margin-left: .4em; font-size: .8em; color: var(--ast-muted); }
.ast-qty-unit { margin-left: .5em; color: var(--ast-muted); font-size: .9em; }

/* product list photos: whole shoe, same-size tiles */
.woocommerce ul.products li.product a img { aspect-ratio: 4 / 3; object-fit: contain; background: #fff; }