/* ===== Magasin Tendance — composants maison ===== */

/* Gradient hero (identité d'origine conservée) */
.hero-gradient {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.92) 0%, rgba(217, 70, 239, 0.85) 100%);
}

/* Cartes produit */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Cartes catégorie */
.category-card {
    transition: transform 0.3s ease;
}
.category-card:hover {
    transform: scale(1.04);
}

/* Navbar au scroll */
.nav-scroll {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Témoignages */
.testimonial-card {
    background: linear-gradient(145deg, #ffffff 0%, #f9fafb 100%);
}

/* Champ newsletter */
.newsletter-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.5);
}

/* Lien de navigation : soulignement animé */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 2px;
    height: 2px;
    background: #7c3aed;
    transition: right 0.25s ease;
}
.nav-link:hover::after {
    right: 0;
}

/* Dropdown boutique (bureau) */
.dropdown-menu {
    transform: translateY(6px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.dropdown-menu.group-hover\:visible,
.group:hover .dropdown-menu {
    transform: translateY(0);
}

/* Accordions FAQ */
.accordion-btn .fa-chevron-down {
    transition: transform 0.25s ease;
}
.accordion-btn[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}
.accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.accordion-panel.open {
    max-height: 640px;
}

/* Défilement doux pour les ancres */
html {
    scroll-behavior: smooth;
}

/* Cadre de cartes d'actualités */
.editorial-card img {
    transition: transform 0.4s ease;
}
.editorial-card:hover img {
    transform: scale(1.03);
}