/*
Theme Name: Ampere Point
Theme URI: https://www.amperepoint.com/
Author: Ollikainen Automotive Oy
Description: Kevyt lohkoteema Auton Latauskaapelit -verkkokaupalle. Kaikki ulkoasu määritellään theme.json-tiedostossa ja sisältö muokataan Gutenberg-editorilla - ei shortcodeja, ei page buildereita.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amperepoint
*/

/*
 * Ulkoasusäännöt ovat theme.json-tiedostossa (värit, typografia, välistykset).
 * Tähän tiedostoon lisätään CSS:ää vain, jos jokin ei ole mahdollista
 * theme.json:n kautta.
 */

/*
 * Tuoteruudukon kortit: hinta ja ostoskoripainike ankkuroidaan kortin
 * alalaitaan, jotta eripituiset tuotenimet eivät riko rivitasausta
 * (ilman tätä hinta ja painike hyppivät eri korkeuksille korteissa,
 * joiden nimi rivittyy useammalle riville).
 */
.wc-block-product {
	display: flex;
	flex-direction: column;
}

.wc-block-product > .wp-block-woocommerce-product-price {
	margin-top: auto;
}

/* Tasapainotettu rivitys tuotenimille: ei yksinäisiä sanoja omalle rivilleen. */
.wc-block-product .wp-block-post-title {
	text-wrap: balance;
}

/*
 * Header yhdelle riville: sivunimi ei rivity, valikko hieman tiiviimpi
 * (pienempi kirjasin ja lyhyemmat valit), jotta kaikki mahtuu leveaan
 * sisaltoalueeseen ilman toista rivia.
 */
.wp-block-site-title a {
	white-space: nowrap;
}

header .wp-block-navigation {
	font-size: 0.9375rem;
}

header .wp-block-navigation .wp-block-navigation__container {
	gap: 1.1rem;
}