/*
Theme Name: Cœur de soie
Theme URI: https://coeurdesoie.be
Description: Thème enfant de Twenty Twenty-Five pour Le Cœur de soie, lingerie à Ottignies. Couleurs, police et gabarits du site ; le contenu se modifie avec les blocs de WordPress.
Author: Indev
Author URI: https://indev.be
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: coeurdesoie
*/

/* Cartes des collections et des marques : image entière, coins doux, léger relief au survol. */
.cds-carte .wp-block-post-featured-image img {
	border-radius: 12px;
	transition: transform .3s ease, box-shadow .3s ease;
}
.cds-carte .wp-block-post-featured-image a:hover img,
.cds-carte .wp-block-post-featured-image a:focus-visible img {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(76, 49, 34, .18);
}
.cds-carte .wp-block-post-title a {
	text-decoration: none;
}
.cds-carte .wp-block-post-title a:hover {
	text-decoration: underline;
}

/* Logos des marques : même hauteur, sur carte blanche. */
.cds-logos .wp-block-post-featured-image {
	background: #fff;
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 12px;
	padding: 14px;
	margin-bottom: 0;
	aspect-ratio: 3 / 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cds-logos .wp-block-post-featured-image img {
	max-height: 100%;
	width: auto !important;
	object-fit: contain;
}
.cds-logos .wp-block-post-title {
	margin-top: .5rem;
}
.cds-carte .wp-block-post-title {
	margin-top: .6rem;
}

/* Liens visibles au clavier : rose sur fond clair, jaune sur le brun du pied de page. */
:where(a, button, input, textarea, select):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 2px;
}
.has-contrast-background-color :where(a, button):focus-visible {
	outline-color: var(--wp--preset--color--accent-3);
}

/* Barre du haut : le téléphone garde une zone tactile de 44 px sans grossir la barre. */
.cds-barre a {
	display: inline-block;
	padding: 12px 4px;
	margin: -12px 0;
}

/* Menu mobile : boutons d'ouverture et de fermeture de 44 px, rangées de 48 px. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	padding: 10px;
	margin: -10px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	gap: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	padding: 12px 0;
	min-height: 48px;
	box-sizing: border-box;
	font-size: 1.25rem;
}

/* Formulaire de contact (Contact Form 7). */
.wpcf7 label {
	display: block;
	font-weight: 600;
	margin-bottom: var(--wp--preset--spacing--20);
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: .35em;
	padding: .75em .9em;
	font: inherit;
	font-weight: 400;
	color: var(--wp--preset--color--contrast);
	background: #fff;
	border: 1px solid #a8907c;
	border-radius: 8px;
}
.wpcf7 textarea {
	height: 10em;
	min-height: 7em;
}

/* Surtitre de l'ouverture de l'accueil. */
.cds-surtitre {
	text-transform: uppercase;
	letter-spacing: .12em;
	font-weight: 600;
	color: var(--wp--preset--color--accent-1);
}

/* Ouverture de l'accueil : marges du texte à côté de la photo. */
.wp-block-media-text.alignfull .wp-block-media-text__content {
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
}
@media (max-width: 600px) {
	.wp-block-media-text.alignfull .wp-block-media-text__content {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	}
}
.wpcf7 input[type="submit"] {
	font: inherit;
	font-weight: 600;
	letter-spacing: .03em;
	padding: .8em 1.8em;
	border: 0;
	border-radius: 999px;
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--contrast);
	cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
	background: var(--wp--preset--color--accent-1);
}

/* Formulaire de la lettre d'information. */
.cds-newsletter form p {
	margin: 0 0 var(--wp--preset--spacing--20);
}
.cds-newsletter label {
	display: block;
	font-weight: 600;
}
.cds-newsletter input {
	width: 100%;
	box-sizing: border-box;
	padding: .7em .9em;
	font: inherit;
	border: 1px solid #a8907c;
	border-radius: 8px;
}
.cds-newsletter button {
	font: inherit;
	font-weight: 600;
	letter-spacing: .03em;
	padding: calc(.8em - 1px) calc(1.8em - 1px);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	background: transparent;
	cursor: pointer;
}
.cds-newsletter button:hover {
	color: var(--wp--preset--color--base);
	background: var(--wp--preset--color--contrast);
}

/* Lien d'évitement vers le contenu (accessibilité). */
.cds-skip:not(:focus) {
	position: absolute;
	left: -9999px;
}