/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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: astra-child
Template: astra
*/











/* global début ---------------------------------------------------------- */


html {
    scroll-behavior: smooth;
}









/* ========================================
   MODE MAINTENANCE - ASTRA THEME


   ======================================== */

/* ========================================
   MASQUER H1 ASTRA SPÉCIFIQUEMENT SUR LA PAGE AVIS (ID 59)
   (Force le masquage pour tous les utilisateurs : admin et visiteurs)
   ======================================== */

/* On cible spécifiquement la page avec l'ID 59 pour masquer son titre H1 */
.page-id-59 .entry-header .entry-title,
.page-id-59 .ast-single-post .entry-title,
.page-id-59 .page-title,
.page-id-59 h1.entry-title,
/* Sélecteur de secours ciblant l'article directement */
article#post-59 .entry-title {
    display: none !important;
}


/* Masquer tout le header SAUF page ID 59 */
.elementor-page:not(.page-id-59) .entry-header {
    display: none !important;
}



/* ========================================
   PAGE AVIS (ID 59) : AFFICHER UNIQUEMENT H1 PERSONNALISÉ
   ======================================== */

/* Forcer affichage UNIQUEMENT du H1 avec classe .white-title */
.page-id-59.elementor-page h1.white-title {
    display: block !important;
}




/* Suppression de tous les soulignements de liens - Priorité maximale */
a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}

.footer-links a,
.footer-links a:hover,
.footer-links a:focus {
    text-decoration: none !important;
}

button a,
.button a,
.btn a {
    text-decoration: none !important;
}





/* Masquer le titre H1 d'Astra sur mobile uniquement */
@media (max-width: 767px) {
    .entry-title {
        display: none !important;
    }
}




/* Désactiver le bouton retour en haut Astra uniquement sur mobile */
@media (max-width: 768px) {
    #ast-scroll-top {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* global fin ---------------------------------------------------------- */








/* home début ---------------------------------------------------------- */







/* home fin ---------------------------------------------------------- */









/* boutique début ---------------------------------------------------------- */

/* ========================================
   IMAGES PRODUITS ARRONDIES - ASTRA + WOOCOMMERCE
   Style : arrondi uniquement coin haut-droit
   ======================================== */

/* Images produits sur la page BOUTIQUE (grille) */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
    border-radius: 0 30px 0 0 !important;
    overflow: hidden;
}

/* Images produits sur les pages CATÉGORIES */
.woocommerce.archive ul.products li.product img,
.tax-product_cat ul.products li.product img {
    border-radius: 0 30px 0 0 !important;
    overflow: hidden;
}

/* IMAGE PRINCIPALE sur la page PRODUIT */
.woocommerce div.product div.images img,
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce #content div.product div.images img {
    border-radius: 0 40px 0 0 !important;
    overflow: hidden;
}

/* MINIATURES (galerie) sur la page PRODUIT */
.woocommerce div.product div.images .flex-control-thumbs img,
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) img {
    border-radius: 0 20px 0 0 !important;
    overflow: hidden;
}

/* Images produits dans le PANIER */
.woocommerce-cart table.cart img,
.woocommerce-checkout table.shop_table img {
    border-radius: 0 15px 0 0 !important;
    overflow: hidden;
}

/* Images produits LIÉS / RECOMMANDÉS */
.woocommerce .related ul.products li.product img,
.woocommerce .upsells ul.products li.product img,
.woocommerce .cross-sells ul.products li.product img {
    border-radius: 0 30px 0 0 !important;
    overflow: hidden;
}

/* Images dans les WIDGETS (sidebar) */
.woocommerce.widget_products img,
.woocommerce.widget_recently_viewed_products img,
.woocommerce.widget_top_rated_products img {
    border-radius: 0 20px 0 0 !important;
    overflow: hidden;
}

/* Images dans MON COMPTE (commandes) */
.woocommerce-account .woocommerce-orders-table__cell-order-number img,
.woocommerce-MyAccount-content img {
    border-radius: 0 15px 0 0 !important;
    overflow: hidden;
}





/* ========================================
   ANIMATION ZOOM AU SURVOL - BOUTIQUE & CATÉGORIES
   ======================================== */

.woocommerce ul.products li.product img,
.woocommerce.archive ul.products li.product img,
.tax-product_cat ul.products li.product img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border-radius: 0 30px 0 0 !important;
    overflow: hidden;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.08);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* Container pour éviter débordement */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    overflow: hidden;
    display: block;
    border-radius: 0 30px 0 0;
}





/* Titre produit - Page Boutique */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-family: 'Montserrat', sans-serif !important;
}

/* Titre produit - Page Catégorie */
.woocommerce.archive ul.products li.product .woocommerce-loop-product__title,
.woocommerce.archive ul.products li.product h2,
.woocommerce.archive ul.products li.product h3 {
    font-family: 'Montserrat', sans-serif !important;
}

/* Titre produit - Page Produit Individuel */
.woocommerce div.product .product_title,
.single-product .product_title,
.woocommerce-page div.product .product_title {
    font-family: 'Montserrat', sans-serif !important;
}





/* Section intro boutique */
.glow-shop-intro {
    text-align: center;
}


/* Section intro mon compte */
.glow-account-intro {
    text-align: center;
    padding-bottom: 50px !important;
}







/* ============================================
   PAGE DE RECHERCHE - Grille produits WooCommerce
   ============================================ */

/* Grille responsive */
.search-results .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
    padding: 0;
}

/* Style des cartes produits */
.search-results .product {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.search-results .product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    border-color: #333;
}

/* Image produit */
.search-results .product img {
    border-radius: 8px;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
}

/* Titre produit */
.search-results .woocommerce-loop-product__title {
    font-size: 1.1em;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

/* Prix */
.search-results .price {
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    margin: 10px 0 15px;
}

/* Bouton Ajouter au panier */
.search-results .button {
    background: #000;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    transition: all 0.3s ease;
}

.search-results .button:hover {
    background: #333;
    transform: scale(1.05);
}

/* Titre de la page de recherche */
.search-results .page-title {
    text-align: center;
    font-size: 2em;
    margin-bottom: 30px;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .search-results .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
    }

    .search-results .product {
        padding: 15px;
    }
}




/* Boutons plus courts et compacts */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce .product .button,
.woocommerce-page .product .button {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: auto !important;
    max-width: 180px !important;
    padding: 10px 20px !important;
    white-space: nowrap !important;
}

/* Conteneur du bouton */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center !important;
}





/* Padding dans les cartes produits */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding: 20px !important;
    text-align: center !important;
}

/* Margin au-dessus du bouton */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    display: inline-block !important;
    margin: 15px auto 0 !important;
    text-align: center !important;
    width: auto !important;
    max-width: 180px !important;
    padding: 10px 20px !important;
    white-space: nowrap !important;
}





/* Cartes produits dans la page boutique et catégories */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border-radius: 15px !important;
    overflow: hidden !important;
}

/* Image du produit */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    border-radius: 15px 15px 0 0 !important;
}

/* Contenu de la carte produit */
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
    border-radius: 0 0 15px 15px !important;
}

/* Pour les boutons ajouter au panier */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    border-radius: 25px !important;
}





/* Centrer les étoiles de notation WooCommerce */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

/* Pour les cartes produits */
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating {
    margin: 10px auto !important;
    float: none !important;
    display: block !important;
}

/* Assurer que le conteneur des étoiles est bien centré */
.woocommerce .products .product .woocommerce-product-rating,
.woocommerce-page .products .product .woocommerce-product-rating {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Pour les étoiles dans les pages single product si besoin */
.woocommerce .woocommerce-product-rating .star-rating,
.woocommerce-page .woocommerce-product-rating .star-rating {
    margin: 0 auto !important;
    float: none !important;
}






/* ============================================
   CORRECTION BOUTONS PANIER - MOBILE
   Page Boutique & Catégories
   ============================================ */

@media (max-width: 767px) {

    /* Boutons "Ajouter au panier" dans la grille produits */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .added_to_cart,
    .woocommerce .products .button {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 8px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        /* Permet le retour à la ligne */
        height: auto !important;
        min-height: 40px !important;
        text-align: center !important;
        overflow: visible !important;
        border-radius: 25px !important;
        /* Garde ton style arrondi */
    }

    /* Conteneur du bouton */
    .woocommerce ul.products li.product {
        text-align: center !important;
    }

    /* Espacement autour du bouton */
    .woocommerce ul.products li.product .button {
        margin: 10px 0 !important;
        display: block !important;
    }
}





/* Ajouter du padding-top au body des pages produits single */
.single-product .site-content {
    padding-top: 40px !important;
}



/* pour le chemin au-dessus du h1 */
.woocommerce-js .woocommerce-breadcrumb {
    display: none !important;
}



/* boutique fin ---------------------------------------------------------- */











/* animations début --------------------------------------------*/




/* ============================================
   ANIMATION GLISSEMENT + GLOW - BADGES CONTACT
============================================ */

.contact-badge {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 25px;
    background: white;
    border: 2px solid rgba(219, 149, 203, 0.2);
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Effet de lueur en arrière-plan */
.contact-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(219, 149, 203, 0.2), transparent);
    transition: left 0.6s ease;
    z-index: 0;
}

.contact-badge:hover {
    transform: translateX(15px) scale(1.02);
    border-color: #DB95CB;
    background: linear-gradient(135deg, rgba(219, 149, 203, 0.08), rgba(219, 149, 203, 0.12));
    box-shadow:
        0 10px 30px rgba(219, 149, 203, 0.3),
        0 0 40px rgba(219, 149, 203, 0.2);
}

.contact-badge:hover::before {
    left: 100%;
}

/* Animation de l'icône - CORRECTION ICI */
.badge-icon {
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    /* ← IMPORTANT : Arrondit l'ombre */
}

.contact-badge:hover .badge-icon {
    transform: rotate(360deg) scale(1.1);
    /* ❌ ANCIENNE VERSION (créait le carré) :
    box-shadow: 0 5px 15px rgba(219, 149, 203, 0.4); */

    /* ✅ NOUVELLE VERSION (ombre douce sans carré) : */
    filter: drop-shadow(0 5px 15px rgba(219, 149, 203, 0.4)) brightness(1.1);
}

/* Animation du texte */
.badge-value {
    transition: color 0.3s ease;
    position: relative;
    z-index: 1;
}

.contact-badge:hover .badge-value {
    color: #DB95CB;
    font-weight: 700;
}







/* ============================================
   ANIMATION TRAIT GLISSANT - TITRES
   Sélecteur à ajouter : title-hover-line
============================================ */

.title-hover-line {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Trait au-dessus du titre */
.title-hover-line::before {
    content: '';
    position: absolute;
    top: -3px;
    /* ← CHANGÉ : -10px → -5px (2x plus proche) */
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #DB95CB, #E8A4D8, #DB95CB);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 10px;
}

.title-hover-line:hover::before {
    width: 100%;
}

.title-hover-line:hover {
    color: #DB95CB;
    transform: translateY(-2px);
}




/* ============================================
   OMBRE INTERACTIVE QUI SUIT LA SOURIS
   Classe à ajouter : card-mouse-shadow
============================================ */

.card-mouse-shadow {
    position: relative;
    transition: all 0.1s ease;
    cursor: pointer;
}

.card-mouse-shadow:hover {
    transform: translateY(-5px);
}



/* animation de survol vers le haut */
.intro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}



/* ========================================
   ANIMATION MONTÉE ÉLÉGANTE - RÉUTILISABLE
   ======================================== */

.hover-lift {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    will-change: transform !important;
    position: relative !important;
}

.hover-lift:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18) !important;
}







/* ============================================
   ANIMATION FADE IN UP - PRODUITS
   ============================================ */

/* État initial des produits (invisibles) */
.woocommerce ul.products li.product {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* État visible (après animation) */
.woocommerce ul.products li.product.animate-in {
    opacity: 1;
    transform: translateY(0);
}

/* Délai progressif pour effet cascade */
.woocommerce ul.products li.product:nth-child(1) {
    transition-delay: 0.1s;
}

.woocommerce ul.products li.product:nth-child(2) {
    transition-delay: 0.2s;
}

.woocommerce ul.products li.product:nth-child(3) {
    transition-delay: 0.3s;
}

.woocommerce ul.products li.product:nth-child(4) {
    transition-delay: 0.4s;
}

.woocommerce ul.products li.product:nth-child(5) {
    transition-delay: 0.5s;
}

.woocommerce ul.products li.product:nth-child(6) {
    transition-delay: 0.6s;
}

.woocommerce ul.products li.product:nth-child(7) {
    transition-delay: 0.7s;
}

.woocommerce ul.products li.product:nth-child(8) {
    transition-delay: 0.8s;
}

.woocommerce ul.products li.product:nth-child(9) {
    transition-delay: 0.9s;
}

.woocommerce ul.products li.product:nth-child(10) {
    transition-delay: 1s;
}

.woocommerce ul.products li.product:nth-child(11) {
    transition-delay: 1.1s;
}

.woocommerce ul.products li.product:nth-child(12) {
    transition-delay: 1.2s;
}

/* Animation au hover (bonus) */
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}








/* animations fin --------------------------------------------*/
















/* page contact début --------------------------------------------*/



.gradient-underline {

    background: linear-gradient(90deg, transparent, #DB95CB, transparent) !important;

    border: none !important;
    height: 3px !important;
    ;
}




/* ========================================================
   HARMONISATION DES FORMULAIRES FF - BORDURE ROSE PLEINE
   Cible les champs INPUT, SELECT et TEXTAREA de l'extension
   ======================================================== */

.frm_form_fields input[type=text],
.frm_form_fields input[type=password],
.frm_form_fields input[type=email],
.frm_form_fields input[type=number],
.frm_form_fields input[type=url],
.frm_form_fields input[type=tel],
.frm_form_fields input[type=search],
.frm_form_fields select,
.frm_form_fields textarea {
    /* Styles pour obtenir l'aspect de l'image (bordure rose) */
    width: 100% !important;
    padding: 18px 24px !important;

    /* BORDURE ROSE PLEINE (comme sur l'image) */
    border: 2px solid #DB95CB !important;
    border-radius: 14px !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 1rem !important;
    color: #2d2d2d !important;
    background: white !important;
    /* Fond blanc (plus propre) */
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Style au FOCUS (quand on clique dans le champ) */
.frm_form_fields input:focus,
.frm_form_fields select:focus,
.frm_form_fields textarea:focus {
    border-color: #DB95CB !important;
    background: white !important;
    box-shadow: 0 0 0 5px rgba(219, 149, 203, 0.20) !important;
    /* Effet de glow un peu plus prononcé */
    transform: translateY(-1px) !important;
    /* Moins de mouvement au focus */
}

/* Styles des Labels et Marges (conservés pour la structure) */
.frm_form_fields label {
    display: block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #2d2d2d !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 12px !important;
}

.frm_form_fields .frm_form_field {
    margin-bottom: 32px !important;
}


/* page contact fin --------------------------------------------*/








/* page à propos début  --------------------------------------------*/



/* page à propos fin --------------------------------------------*/











/* page avis début --------------------------------------------*/



/* ============================================
   FORMULAIRE AVIS GLOW UR MANE
   Design beige/rose avec animations
   ============================================ */

/* CONTAINER PRINCIPAL */
.glow-review-form-container {
    max-width: 100%;
    background: white;
    padding: 50px 45px;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(45, 45, 45, 0.08);
}

/* CHAMPS GÉNÉRAUX */
.glow-form-field {
    margin-bottom: 32px;
    position: relative;
}

/* LABELS */
.glow-label {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: #2d2d2d;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin-bottom: 12px;
}

.glow-label .required {
    color: #db95cb;
    font-size: 1.1rem;
}

/* INPUTS & TEXTAREA */
.glow-input,
.glow-select,
.glow-textarea {
    width: 100%;
    padding: 18px 24px;
    border: 2px solid #e8e4e1;
    border-radius: 14px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: #2d2d2d;
    background: #fafafa;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
}

.glow-input:focus,
.glow-select:focus,
.glow-textarea:focus {
    border-color: #db95cb;
    background: white;
    box-shadow: 0 0 0 5px rgba(219, 149, 203, 0.12);
    transform: translateY(-2px);
}

.glow-input::placeholder,
.glow-textarea::placeholder {
    color: #b8b8b8;
    font-style: italic;
}

/* TEXTAREA SPÉCIFIQUE */
.glow-textarea {
    min-height: 200px;
    line-height: 1.8;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    resize: vertical;
}

/* COMPTEUR DE CARACTÈRES */
.character-count {
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
    color: #999;
    margin-top: 8px;
}

.character-count .current-count {
    font-weight: 600;
    color: #db95cb;
}

/* SELECT PERSONNALISÉ */
.glow-select-wrapper {
    position: relative;
}

.glow-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding-right: 50px;
}

.select-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #db95cb;
    pointer-events: none;
    transition: transform 0.3s ease;
}

.glow-select:focus~.select-arrow {
    transform: translateY(-50%) rotate(180deg);
}

/* ============================================
   SYSTÈME D'ÉTOILES
   ============================================ */

.glow-stars-container {
    display: flex;
    gap: 8px;
    margin: 15px 0;
}

.glow-stars-container input[type="radio"] {
    display: none;
}

.glow-star {
    cursor: pointer;
    color: #e0e0e0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
}

.glow-star svg {
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
}

/* État actif */
.glow-stars-container input[type="radio"]:checked~label.glow-star,
.glow-star.active {
    color: #db95cb;
}

/* Hover sur les étoiles */
.glow-star:hover {
    color: #db95cb;
    transform: scale(1.15);
}

/* Animation cascade hover */
.glow-stars-container:hover .glow-star {
    color: #e0e0e0;
}

.glow-star:hover,
.glow-star:hover~.glow-star {
    color: #e0e0e0;
}

/* FEEDBACK TEXTE */
.glow-rating-feedback {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    font-style: italic;
    color: #db95cb;
    margin-top: 10px;
    min-height: 26px;
    font-weight: 500;
}

/* ============================================
   BOUTON SUBMIT
   ============================================ */

.glow-form-submit {
    text-align: center;
    margin-top: 45px;
}

.glow-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 22px 60px;
    background: linear-gradient(135deg, #db95cb 0%, #e5b3d5 100%);
    color: white;
    border: none;
    border-radius: 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    cursor: pointer;
    box-shadow: 0 12px 35px rgba(219, 149, 203, 0.35);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Effet de brillance */
.glow-btn-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s ease;
}

.glow-btn-submit:hover::before {
    left: 100%;
}

/* Hover du bouton */
.glow-btn-submit:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 50px rgba(219, 149, 203, 0.5);
    background: linear-gradient(135deg, #e5b3d5 0%, #db95cb 100%);
}

.glow-btn-submit:active {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(219, 149, 203, 0.4);
}

/* Animation icône */
.btn-icon {
    display: flex;
    transition: transform 0.4s ease;
}

.glow-btn-submit:hover .btn-icon {
    transform: translateX(6px);
}

.btn-icon svg {
    stroke-width: 2.5;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .glow-review-form-container {
        padding: 35px 25px;
    }

    .glow-label {
        font-size: 0.82rem;
    }

    .glow-input,
    .glow-select,
    .glow-textarea {
        padding: 16px 20px;
        font-size: 0.95rem;
    }

    .glow-star svg {
        width: 32px;
        height: 32px;
    }

    .glow-btn-submit {
        width: 100%;
        padding: 20px 40px;
        font-size: 0.95rem;
        letter-spacing: 2px;
    }

    .glow-textarea {
        min-height: 160px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .glow-review-form-container {
        padding: 30px 20px;
    }

    .glow-stars-container {
        gap: 4px;
        justify-content: center;
    }

    .glow-star svg {
        width: 28px;
        height: 28px;
    }

    .glow-btn-submit {
        padding: 18px 35px;
        font-size: 0.9rem;
    }
}

/* ============================================
   ÉTATS DE VALIDATION
   ============================================ */

.glow-input:invalid:not(:placeholder-shown),
.glow-select:invalid,
.glow-textarea:invalid:not(:placeholder-shown) {
    border-color: #ff6b6b;
}

.glow-input:valid,
.glow-select:valid,
.glow-textarea:valid {
    border-color: #51cf66;
}

/* Animation de chargement après submit */
.glow-btn-submit.loading {
    pointer-events: none;
    opacity: 0.7;
}

.glow-btn-submit.loading .btn-text::after {
    content: '...';
    animation: dots 1.5s infinite;
}

@keyframes dots {

    0%,
    20% {
        content: '.';
    }

    40% {
        content: '..';
    }

    60%,
    100% {
        content: '...';
    }
}


/* ============================================
   BOUTON SUBMIT NATIF FORMIDABLE FORMS
   ============================================ */

.frm_form_fields input[type="submit"],
.frm_form_fields button[type="submit"],
.frm_submit button,
.frm_button_submit {
    position: relative;
    width: 100%;
    padding: 18px 40px !important;

    background: #db95cb !important;
    border: none !important;
    border-radius: 50px !important;

    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: white !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;

    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;

    box-shadow:
        0 8px 20px rgba(219, 149, 203, 0.3),
        0 0 30px rgba(219, 149, 203, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* Effet de brillance */
.frm_form_fields input[type="submit"]::before,
.frm_form_fields button[type="submit"]::before,
.frm_submit button::before,
.frm_button_submit::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            transparent 30%,
            rgba(255, 255, 255, 0.3) 50%,
            transparent 70%);
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
    transition: transform 0.6s;
}

/* Animation au survol */
.frm_form_fields input[type="submit"]:hover,
.frm_form_fields button[type="submit"]:hover,
.frm_submit button:hover,
.frm_button_submit:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 12px 30px rgba(219, 149, 203, 0.4),
        0 0 50px rgba(219, 149, 203, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.frm_form_fields input[type="submit"]:hover::before,
.frm_form_fields button[type="submit"]:hover::before,
.frm_submit button:hover::before,
.frm_button_submit:hover::before {
    transform: translateX(100%) translateY(100%) rotate(45deg);
}

/* État actif (clic) */
.frm_form_fields input[type="submit"]:active,
.frm_form_fields button[type="submit"]:active,
.frm_submit button:active,
.frm_button_submit:active {
    transform: translateY(-1px) !important;
    box-shadow:
        0 5px 15px rgba(219, 149, 203, 0.3),
        inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* État de chargement */
.frm_form_fields input[type="submit"].loading,
.frm_form_fields button[type="submit"].loading,
.frm_submit button.loading,
.frm_button_submit.loading {
    pointer-events: none;
    opacity: 0.7;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 0.7;
    }

    50% {
        opacity: 0.9;
    }
}

/* Responsive mobile */
@media (max-width: 768px) {

    .frm_form_fields input[type="submit"],
    .frm_form_fields button[type="submit"],
    .frm_submit button,
    .frm_button_submit {
        padding: 16px 30px !important;
        font-size: 16px !important;
    }
}




/* pour la div qui contient toute la page */
#post-649>div>div>div {
    padding: 0px !important;
}


.white-title {
    color: white !important;
}






/* page avis fin --------------------------------------------*/
















/* page mon compte début  --------------------------------------------*/




#post-73>header>h1 {
    display: none !important;
}



/* page mon compte fin  --------------------------------------------*/