/**
 * Snazzy Goralska Page — feuille de style front.
 *
 * Les valeurs visuelles vivent en styles en ligne (fidélité à la DA d'origine).
 * Ce fichier ne porte que : la base neutralisée sous .gk-scope, les keyframes
 * (GLOBALES, car référencées par les animations en ligne) et le responsive.
 *
 * @package Snazzy_Goralska_Page
 */

/* ===== Base — strictement limitée à nos blocs ===== */
.gk-scope,
.gk-scope *,
.gk-scope *::before,
.gk-scope *::after { box-sizing: border-box; }

.gk-scope img { display: block; max-width: 100%; }
.gk-scope a { color: #421717; text-decoration: none; }
.gk-scope input::placeholder { color: rgba(25, 19, 20, .4); }
.gk-scope section[id] { scroll-margin-top: 90px; }

/* Réglages au niveau page, uniquement quand un shortcode Goralska est présent
   (cette feuille n'est chargée que sur ces pages). */
html { scroll-behavior: smooth; }
body.gk-page { background: #F7F4EE; color: #191314; font-family: 'Gantari', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.gk-page ::selection { background: #421717; color: #F7F4EE; }
body.gk-page::-webkit-scrollbar { width: 10px; }
body.gk-page::-webkit-scrollbar-track { background: #EFEBE2; }
body.gk-page::-webkit-scrollbar-thumb { background: rgba(66, 23, 23, .5); border-radius: 5px; }

/* ===== Keyframes (GLOBALES) ===== */
@keyframes gkCurtain { from { transform: translateY(0); } to { transform: translateY(-101%); } }
@keyframes gkLogoIn { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: scale(1); } }
@keyframes gkKenBurns { from { transform: scale(1.22); } to { transform: scale(1.02); } }
@keyframes gkRise { from { transform: translateY(112%); } to { transform: translateY(0); } }
@keyframes gkFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes gkFadeUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes gkCue { 0% { transform: scaleY(0); transform-origin: top; } 45% { transform: scaleY(1); transform-origin: top; } 55% { transform: scaleY(1); transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }

/* ===== Responsive (surcharge des styles en ligne via sélecteurs d'attribut) ===== */
@media (max-width: 860px) {
	.gk-scope #atelier,
	.gk-scope #maison { grid-template-columns: 1fr !important; }
	.gk-scope [style*="grid-template-columns: repeat(3"] { grid-template-columns: repeat(2, 1fr) !important; }
	.gk-scope [data-mm-panel] [style*="grid-template-columns: minmax"] { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
	.gk-scope [style*="grid-template-columns: repeat(3"],
	.gk-scope [style*="grid-template-columns: repeat(4"] { grid-template-columns: 1fr !important; }
}

/* ===== Accessibilité : rien ne doit rester masqué sans animation ===== */
@media (prefers-reduced-motion: reduce) {
	.gk-scope [data-reveal] { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}