/*
Theme Name: La Larme
Theme URI: https://lalarme.fr
Author: Nathan Offerlin / Radioshop
Author URI: https://lalarme.fr
Description: Thème block (Full Site Editing) pour La Larme — agence de supervision musicale et de branding émotionnel. Migré depuis Wix, compatible éditeur Gutenberg. Typographie Caveat / Poppins / Inter, palette rose « larme » et bleu électrique.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lalarme
Tags: full-site-editing, block-styles, blog, portfolio, one-column, custom-colors, custom-logo, editor-style, wide-blocks
*/

/*
 * Presque tout le style vit dans theme.json.
 * Ce fichier ne contient que les réglages qui n'ont pas
 * (encore) d'équivalent propre dans theme.json.
 */

/* Ancres lisses pour la navigation par sections (menu one-page) */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

/* Rendu typographique */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* La goutte 💧 — petit repère de marque réutilisable via <span class="larme"> */
.larme {
	display: inline-block;
	animation: larme-tombe 2.6s ease-in-out infinite;
}
@keyframes larme-tombe {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(0.18em); }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.larme { animation: none; }
}

/* Style de bloc « Éyebrow » (sur-titre en capitales) — enregistré dans functions.php */
.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--wp--preset--color--rose);
}

/* Style de bloc « Contour » pour les grands titres (texte évidé) */
.is-style-outline {
	color: transparent;
	-webkit-text-stroke: 2px var(--wp--preset--color--contrast);
}

/* Carte « service / offre » : léger survol */
.is-style-carte {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.is-style-carte:hover {
	transform: translateY(-6px);
}

/* Bandeau défilant de logos partenaires */
.lalarme-marquee {
	overflow: hidden;
}
.lalarme-marquee .wp-block-group {
	will-change: transform;
}

/* Boutons : transition douce (le style vient de theme.json) */
.wp-element-button,
.wp-block-button__link {
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* Liens de navigation : souligné animé */
.wp-block-navigation .wp-block-navigation-item__content {
	position: relative;
}