/*
Theme Name: E-KAUF
Theme URI: https://e-kauf.fr
Description: Thème enfant de Twenty Twenty-Five pour la boutique E-KAUF — vêtements chauffants. Direction chaleureuse : crème, rouge E-KAUF, caramel. Typos Bitter + Karla auto-hébergées.
Author: E-KAUF
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: e-kauf
*/

/* ---------- Réassurance en haut de page ---------- */
.ekauf-topbar {
	background: var(--wp--preset--color--encre);
	color: #f7f1e9;
	font-size: 13px;
	letter-spacing: .02em;
	text-align: center;
	padding: 9px 16px;
}
.ekauf-topbar span { opacity: .55; margin: 0 10px; }

/* ---------- En-tête ---------- */
.ekauf-logo {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 25px;
	letter-spacing: .02em;
	color: var(--wp--preset--color--rouge);
	text-decoration: none;
}
.wp-block-navigation a { text-decoration: none; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--rouge); }

/* ---------- Boutons ---------- */
.wp-block-button__link,
.wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button {
	border-radius: 4px !important;
	font-weight: 600;
	letter-spacing: .01em;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button {
	background: var(--wp--preset--color--rouge) !important;
	color: #fff !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover {
	background: var(--wp--preset--color--rouge-fonce) !important;
}

/* ---------- Étapes « comment ça marche » ---------- */
.ekauf-etape-num {
	font-family: var(--wp--preset--font-family--display);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: var(--wp--preset--color--rouge);
	width: 30px; height: 30px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 14px;
}

/* ---------- Cartes ---------- */
.ekauf-carte {
	background: #fff;
	border: 1px solid var(--wp--preset--color--bord);
	border-radius: 10px;
	overflow: hidden;
}

/* ---------- Boutique ---------- */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: #fff;
	border: 1px solid var(--wp--preset--color--bord);
	border-radius: 10px;
	padding: 0 0 18px;
	text-align: left;
	overflow: hidden;
	transition: box-shadow .18s ease, transform .18s ease;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 6px 22px rgba(36,29,24,.09); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { margin: 0 0 14px; border-radius: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .ekauf-ribbon,
.woocommerce ul.products li.product .button { margin-left: 18px; margin-right: 18px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: 18.5px !important;
	font-weight: 600;
	padding: 0 !important;
}
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--encre) !important;
	font-size: 19px;
	font-weight: 700;
	display: block;
}
.ekauf-ribbon {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--rouge);
	background: var(--wp--preset--color--creme-2);
	border-radius: 3px;
	padding: 4px 9px;
	margin-bottom: 10px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { margin-bottom: 24px; }

/* ---------- Fiche produit ---------- */
.woocommerce div.product .product_title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	line-height: 1.15;
}
.woocommerce div.product p.price { color: var(--wp--preset--color--encre); font-weight: 700; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--wp--preset--color--rouge); }
.woocommerce div.product .woocommerce-tabs .panel h3 {
	font-family: var(--wp--preset--font-family--display);
	font-size: 18px;
	margin-top: 26px;
}
.woocommerce-product-gallery__image img { border-radius: 8px; }

/* ---------- Pied de page ---------- */
.ekauf-footer { background: var(--wp--preset--color--encre); color: #cdbfae; }
.ekauf-footer a { color: #ede3d6; text-decoration: none; }
.ekauf-footer a:hover { color: #fff; text-decoration: underline; }
.ekauf-footer h2, .ekauf-footer h3 { color: #fff; }
.ekauf-social a { font-size: 0; display: inline-block; }
.ekauf-social svg { width: 22px; height: 22px; fill: #ede3d6; }
.ekauf-social a:hover svg { fill: #fff; }

/* ---------- Divers ---------- */
figure.wp-block-image img { border-radius: 8px; }
.ekauf-mesure { max-width: 62ch; }
@media (max-width: 781px) {
	.ekauf-topbar { font-size: 12px; }
	.ekauf-logo { font-size: 21px; }
}