/* Trousse Nomade — compléments au theme.json. Sobre : pas d'ombres portées, pas de halo. */

:focus-visible {
	outline: 3px solid var(--wp--preset--color--soleil);
	outline-offset: 2px;
}

/* Marque dans l'en-tête */
.tn-marque {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	color: var(--wp--preset--color--encre);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--titres);
	font-weight: 700;
	font-size: 1.25rem;
	letter-spacing: -0.015em;
	white-space: nowrap;
}
.tn-marque img { display: block; }

.tn-menu a {
	text-decoration: none;
	font-weight: 500;
	color: var(--wp--preset--color--encre);
}
.tn-menu a:hover { color: var(--wp--preset--color--petrole); }

.tn-annonce p { margin: 0; }

/* Accueil : liste des collections en deux colonnes séparées par des filets */
.tn-collections {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	border-top: 1px solid var(--wp--preset--color--ligne);
}
.tn-collections li {
	border-bottom: 1px solid var(--wp--preset--color--ligne);
}
.tn-collections a {
	display: block;
	padding: 1rem 0.25rem;
	color: var(--wp--preset--color--gris);
	text-decoration: none;
}
.tn-collections a strong {
	display: block;
	color: var(--wp--preset--color--encre);
	font-family: var(--wp--preset--font-family--titres);
	font-size: 1.15rem;
	font-weight: 650;
}
.tn-collections a:hover strong { color: var(--wp--preset--color--petrole); }

@media (min-width: 760px) {
	.tn-collections { grid-template-columns: 1fr 1fr; column-gap: 2.5rem; }
}

/* Boutons contour */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 2px solid var(--wp--preset--color--petrole);
	color: var(--wp--preset--color--petrole);
	background: transparent;
}

/* Pied de page */
.tn-liens { list-style: none; padding: 0; margin: 0; }
.tn-liens li { margin: 0.35rem 0; }
.tn-liens a { color: var(--wp--preset--color--encre); text-decoration: none; }
.tn-liens a:hover { color: var(--wp--preset--color--petrole); text-decoration: underline; }

/* Produits : images à fond clair, coins doux, prix bien lisible */
.wc-block-components-product-image img,
.wp-block-woocommerce-product-image img {
	border-radius: 12px;
	background: var(--wp--preset--color--brume);
}
.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
	font-weight: 650;
	color: var(--wp--preset--color--encre);
}

/* Mobile : marges latérales de 16 px, pas de défilement horizontal */
@media (max-width: 600px) {
	.tn-marque span { font-size: 1.1rem; }
	.wp-block-buttons > .wp-block-button { width: 100%; }
	.wp-block-buttons > .wp-block-button > .wp-block-button__link { display: block; text-align: center; }
}

/* Bloc des promesses : marges intérieures et coins doux */
.tn-promesses {
	padding-left: clamp(1.25rem, 4vw, 2.5rem) !important;
	padding-right: clamp(1.25rem, 4vw, 2.5rem) !important;
	border-radius: 16px;
}