/*
Theme Name: Tappara Tilaukset
Theme URI: https://www.tappara2014.fi
Description: Minimalistinen Twenty Twenty-Five -lapsiteema Tappara U13 -joukkuekauppaa varten.
Author: Aki Hautamäki
Version: 1.0.1
Template: twentytwentyfive
Text Domain: tappara-tilaukset
Requires at least: 6.7
Requires PHP: 7.4
*/

/* Tappara Tilaukset – pienet viimeistelyt, joita theme.json ei kata. */

:root {
	--tappara-blue: #003DA5;
	--tappara-orange: #F47A20;
	--tappara-navy: #071B3A;
	--tappara-light: #F5F7FB;
	--tappara-border: #DCE3EE;
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 0.08em;
}

.wp-site-blocks {
	min-height: 100vh;
}

header.wp-block-template-part {
	border-bottom: 1px solid var(--tappara-border);
	background: rgba(255, 255, 255, 0.96);
	position: relative;
	z-index: 20;
}

header.wp-block-template-part::before {
	content: "";
	display: block;
	height: 4px;
	background: linear-gradient(90deg, var(--tappara-blue) 0 82%, var(--tappara-orange) 82% 100%);
}

.wp-block-site-title a {
	text-decoration: none;
}

.wp-block-navigation a {
	text-decoration: none;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus {
	color: var(--tappara-orange);
}

.wp-element-button,
.wp-block-button__link,
button,
input[type="submit"] {
	transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
	transform: translateY(-1px);
}

input,
select,
textarea {
	border: 1px solid var(--tappara-border);
	border-radius: 6px;
	padding: 0.75rem;
	background: #fff;
}

input:focus,
select:focus,
textarea:focus {
	outline: 3px solid rgba(0, 61, 165, 0.16);
	border-color: var(--tappara-blue);
}

/* WooCommerce */
.woocommerce ul.products li.product,
.wc-block-grid__product,
.wc-block-components-product-card {
	background: #fff;
	border: 1px solid var(--tappara-border);
	border-radius: 10px;
	padding: clamp(0.8rem, 2vw, 1.2rem);
	overflow: hidden;
}

.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
	border-radius: 7px;
}

.woocommerce div.product .product_title,
.woocommerce-loop-product__title,
.wc-block-grid__product-title {
	color: var(--tappara-navy);
}

.woocommerce .price,
.wc-block-components-product-price {
	color: var(--tappara-blue);
	font-weight: 700;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: 8px;
	border-top: 0;
	border-left: 4px solid var(--tappara-blue);
	background: var(--tappara-light);
}

.woocommerce-error {
	border-left-color: var(--tappara-orange);
}

.wc-block-cart,
.wc-block-checkout,
.woocommerce-cart-form,
.woocommerce-checkout {
	--wp--preset--color--contrast: var(--tappara-navy);
}

.wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--tappara-blue);
	color: #fff;
	border-radius: 6px;
	font-weight: 700;
}

.wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--tappara-orange);
	color: #fff;
}

.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.woocommerce table.shop_table {
	border-color: var(--tappara-border);
}

footer.wp-block-template-part {
	border-top: 1px solid var(--tappara-border);
	margin-top: clamp(2rem, 6vw, 5rem);
}

@media (max-width: 700px) {
	.wp-site-blocks {
		overflow-x: hidden;
	}

	.woocommerce ul.products {
		gap: 1rem;
	}

	.woocommerce ul.products li.product {
		margin-bottom: 0;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 1.5rem;
	}
}


/* Joukkuekaupassa ei näytetä WooCommercen yleistä kassasivun yksityisyystekstiä. */
.woocommerce-privacy-policy-text {
	display: none !important;
}