/*
Theme Name:  Solerio
Description: Solerio child theme for Blocksy (fonts and brand details; layout and colours are in the Customizer).
Template:    blocksy
Version:     1.0.0
Text Domain: solerio
*/

/* Inter, served from this site (no Google Fonts requests) */
@font-face {
	font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("fonts/inter-greek-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
	font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root:root {
	--theme-font-stack-default: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--theme-button-border-radius: 999px;
	--solerio-gold: #eccc9a;
	--solerio-gold-dark: #e2b878;
}

/* ---------- header (top bar colour and row heights are in the Customizer) ---------- */
header [data-row*="middle"] { border-bottom: 1px solid var(--theme-palette-color-5); }
.site-title { text-transform: uppercase; letter-spacing: .35em; font-weight: 500; font-size: 20px; }
.site-title a { color: var(--theme-palette-color-4); }
header .menu > li > .ct-menu-link { text-transform: uppercase; font-size: 13px; font-weight: 400; letter-spacing: .03em; }

/* ---------- buttons ---------- */
.button, button.button, .wp-element-button, .wp-block-button__link, .added_to_cart, .wpcf7-submit {
	text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: .03em;
}

/* ---------- shop ---------- */
.onsale, .ct-woo-badge-onsale {
	background: var(--solerio-gold); color: #000; border: 0; border-radius: 999px; font-weight: 600;
}
/* WooCommerce product-grid blocks (home page): match the shop cards */
.wc-block-grid .wc-block-grid__product .wc-block-grid__product-onsale {
	background: var(--solerio-gold); color: #000; border: 0; border-radius: 999px; font-weight: 600; font-size: 12px;
	text-transform: none; padding: 4px 12px; top: 16px; right: auto; left: 16px; margin: 0;
}
.wc-block-grid .wc-block-grid__product { text-align: left; }
.wc-block-grid .wc-block-grid__product-link, .wc-block-grid .wc-block-grid__product-link:hover { text-decoration: none; color: inherit; }
.wc-block-grid .wc-block-grid__product-title, .wc-block-components-product-name,
.woocommerce-loop-product__title a, .ct-woo-card-title a {
	color: var(--theme-palette-color-4); text-decoration: none; font-weight: 400; font-size: 16px;
}
.wc-block-grid .wc-block-grid__product-title { margin: 20px 0 8px; }
.wc-block-grid .wc-block-grid__product-price { font-size: 16px; font-weight: 500; margin-bottom: 14px; }
.wc-block-grid .wc-block-grid__product-add-to-cart { text-align: left; }
/* Checkout: a payment method's description belongs to the method above it; Blocksy draws it as a second
   boxed row with a divider, which reads like another (unselectable) choice */
#payment .wc_payment_method .payment_box {
	padding: 0 25px 18px; margin-top: -10px; background: none;
	/* Blocksy's own rule wins without !important: no divider, and line up with the method name */
	border-top: 0 !important; padding-inline-start: 52px !important;
}
#payment .wc_payment_method .payment_box p { font-size: 13px; color: #6b6b6b; }
#payment .wc_payment_method .payment_box::before { display: none; }

/* ---------- home page (pages/make_pages.py) ---------- */
.solerio-hero-row, .solerio-promo-row { gap: 30px; margin-bottom: 30px; }
.solerio-hero, .solerio-promo { padding: 40px; }
.solerio-promo + .solerio-promo { margin-top: 20px; }
.solerio-hero img.wp-block-cover__image-background { object-fit: contain; background: var(--theme-palette-color-6); }
.solerio-hero .wp-block-buttons { justify-content: center; }
.solerio-infoboxes { gap: 30px; margin-block: 0 80px; }
.solerio-infobox { border: 2px solid var(--solerio-gold); padding: 20px; gap: 16px; align-items: center; height: 100%; }
.solerio-infobox .solerio-icon { width: 36px; height: 36px; flex: 0 0 36px; color: #5c6671; display: block; }
.solerio-infobox-text h3 { font-size: 16px; margin: 0 0 2px; }
.solerio-infobox-text p { font-size: 14px; margin: 0; }
.solerio-section-head { margin-block: 60px 24px; }
.solerio-section-head h2 { margin: 0 0 4px; font-size: 26px; }
.solerio-section-head p { margin: 0; }
@media (max-width: 781px) {
	.solerio-hero .wp-block-cover, .solerio-hero { min-height: 420px !important; }
	.solerio-promo { min-height: 320px !important; }
	.solerio-infoboxes { margin-bottom: 40px; }
}

/* ---------- about / contact ---------- */
.solerio-about-hero { margin-bottom: 0; }
.solerio-about-text { background: var(--theme-palette-color-8); position: relative; margin-top: -80px; padding: 40px 50px 10px; max-width: 900px; margin-inline: auto; }
.solerio-about-photo img { max-height: 900px; width: auto; }
@media (max-width: 781px) { .solerio-about-text { margin-top: 0; padding: 24px 0 0; } }
.solerio-contact { gap: 50px; margin-top: 40px; }
.solerio-contact h3 { font-size: 20px; margin-top: 32px; }

/* ---------- footer ---------- */
footer.ct-footer [data-row*="middle"] { background-color: #f2f2f2; }
footer.ct-footer [data-row*="bottom"] { background-color: #f2f2f2; border-top: 1px solid var(--theme-palette-color-5); }