/*
Theme Name: Hexalix-SK - Child Theme
Theme URI: https://wordpress.org/themes/
Author: HEXALIX
Author URI: https://hexalix.fr
Description: Hexalix - StarterKit Theme Child.
Template: hexalix-sk
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hexalix_sk
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* Site-wide (header/footer, not just the homepage — see assets/css/homepage.css for that). */

/* Supprime l'espacement automatique (block gap WordPress) entre le header, le main
   et le footer : par défaut, WP ajoute margin-block-start:1.2rem à chaque bloc
   racine (.wp-site-blocks > *) sauf le premier. */
.wp-site-blocks > main,
.wp-site-blocks > footer {
	margin-block-start: 0;
}

/* Ligne d'entête : logo, liens, CTA, + icônes compte/panier ajoutées automatiquement par WooCommerce. */
.hx-nav > .wp-block-group {
	flex-wrap: nowrap !important;
	gap: 20px;
}
.hx-nav .wp-block-navigation__container { align-items: center; }
.hx-nav .wp-block-woocommerce-customer-account,
.hx-nav .wp-block-woocommerce-mini-cart {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}
.hx-nav .wc-block-customer-account__account-icon,
.hx-nav .wc-block-mini-cart__icon { width: 22px; height: 22px; }
.hx-nav-cta a {
	background: var(--wp--preset--color--accent-1) !important;
	color: #fff !important;
	padding: 9px 22px !important;
	border-radius: 24px;
	font-weight: 600;
	transition: background .2s, transform .15s;
}
.hx-nav-cta a:hover { background: var(--wp--preset--color--accent-2) !important; transform: translateY(-1px); }

.hx-footer a { color: rgba(255,255,255,.55); }
.hx-footer a:hover { color: #fff; }
.hx-footer-bottom { border-top: 1px solid rgba(255,255,255,.08); }

/* Filtre produit "Puces" (WooCommerce Blocks) : couleur de fond des puces sélectionnées. */
:root {
	--wc-product-filter-chips-selected-background: var(--wp--preset--color--accent-2);
}

/* Photos du site : léger zoom interne au survol, sans changer la taille de
   l'encart. Concerne les images de contenu (bloc Image) et les photos des
   cartes produit — pas les bannières (bloc Cover), le slider ni la galerie
   de la fiche produit (qui a son propre zoom).
   Le cadre rogne ce que l'image agrandie déborde : pour les images de
   contenu, le rayon des coins est posé sur l'image elle-même (réglage du
   bloc), donc recopié sur la figure par assets/js/image-hover-zoom.js. Les
   cartes produit ont déjà leur propre cadre arrondi (shop.css). */
main .wp-block-image {
	overflow: hidden;
}
main .wp-block-image img,
.wc-block-components-product-image img {
	transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}
main .wp-block-image:hover img,
.wc-block-components-product-image:hover img {
	transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
	main .wp-block-image img,
	.wc-block-components-product-image img {
		transition: none;
	}
}

/* Boutons secondaires (style « contour ») : bordure de 1px sur tout le site.
   WordPress écrit la largeur (2px) en dur sur chaque bouton, d'où !important. */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline .wp-element-button {
	border-width: 1px !important;
}