/* Custom Styles for BabyPrint - Thème "Piscine & Été" */

/* --- TYPOGRAPHIE --- */
body {
    font-family: 'Nunito', sans-serif;
}

h1, h2, h3, .logo-text, .cta-button, .main-title {
    font-family: 'Fredoka', sans-serif;
}

/* --- HEADER --- */
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 50;
}

.logo-text {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0f172a; 
}

/* Le "Print" du logo prend une couleur d'eau profonde */
.logo-accent {
    background: linear-gradient(to right, #0284c7, #06b6d4); /* Light blue to cyan */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.cart-button:hover {
    background-color: #ecfeff; /* cyan-50 */
}

/* Badge du panier couleur corail pour alerter l'œil */
.cart-badge {
    background: linear-gradient(to right, #f97316, #ef4444);
}

/* --- HERO SECTION --- */
/* Dégradé de fond : rappelle le bord d'une piscine (blanc vers cyan clair) */
.hero-gradient {
    background: linear-gradient(to bottom, #ecfeff 0%, #ffffff 50%, #e0f2fe 100%);
}

/* Effet rayon de soleil en haut à droite */
.sun-decor {
    background-color: rgba(253, 224, 71, 0.35); /* yellow-300 */
}

/* Badge "Offre Estivale" couleur soleil */
.promo-badge {
    background-color: #fef08a; /* yellow-200 */
    border-color: #fde047; /* yellow-300 */
}

/* Le texte "Anti-UV" avec un effet Eau / Rafraîchissant */
.text-accent {
    background: linear-gradient(to right, #0ea5e9, #3b82f6); /* sky-500 to blue-500 */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* --- BOUTON D'ACHAT (Vert Émeraude rassurant) --- */
.cta-button {
    background: linear-gradient(to right, #10b981, #059669); /* emerald-500 to emerald-600 */
    box-shadow: 0 8px 25px -5px rgba(16, 185, 129, 0.4);
}

.cta-button:hover {
    background: linear-gradient(to right, #059669, #047857); /* emerald-600 to emerald-700 */
    box-shadow: 0 12px 30px -5px rgba(16, 185, 129, 0.6);
}

/* Alerte de stock douce (couleur eau claire) */
.stock-alert {
    background-color: #f0fdfa; /* teal-50 */
}

/* --- EFFETS DE L'IMAGE --- */
/* Une lueur cyan et jaune derrière la piscine pour faire ressortir l'été */
.image-glow {
    background: linear-gradient(to top right, #22d3ee, #fde047); 
}

.product-image {
    border-color: white;
}
/* Masquer la barre de défilement des miniatures sur mobile tout en gardant le scroll */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}