/* ==========================================================================
   Pied de page - Pattern WordPress FSE
   ========================================================================== */

/* FOOTER */

.pieddepage-logo {
    /* border-top: 1px solid rgb(213, 213, 213); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pieddepage-logo .logo-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%;
    padding: 10px 10px 30px;
}

.pieddepage-logo .logo-container .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%;
}

.pieddepage-logo .logo-container .wp-block-column .logo-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center!important; 
    flex-wrap: wrap;
    width: 90%;
    margin: 0!important;
    gap: 2rem;
}

.footer-logo-title {
    font-size: 1.5rem;
    padding: 10px;
    text-align: center;
}

.pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group  {
    margin: 0!important;
    flex-basis: 60%;
}

.pieddepage-logo .logo-container .logo-footer-img img {
    width: auto!important;
    height: 85px!important;
    margin: 0 5px;
}

.pieddepage1 {
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/08/maison-prouane-footer-tel.jpg') !important;
    background-size: cover;
    z-index: 20;
}

.pieddepage1 .pieddepage1-container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px !important;
    font-size: 0.8rem;
    margin: 0;
}

.pieddepage1 .pieddepage1-container p {
    margin: 0 !important;
}

.footer__images-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.pieddepage1 .firstp {
    font-size: 1rem !important;
}

.pieddepage2 .wp-block-columns {
    padding: 0 20px;
}

.pieddepage2 p {
    font-size: 0.8rem;
    text-align: center!important;
}

/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
    
    .pieddepage1 .pieddepage1-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group  {
    margin: 0!important;
    flex-basis: 20%;
}

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper {
    	width: 99%;        
    }

    .pieddepage-logo .logo-container .logo-footer-img img {
        width: auto !important;
        height: 80px !important;
        margin: 0 8px;
    }
  /* .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 42% !important;
  } */
}


/* Tablet : 834px */
@media (min-width: 834px) {
    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group {
        margin: 0 !important;
        flex-basis: 35%;
    }
}


/* Tablet : 1024px */
@media (min-width: 1024px) {
    .pieddepage1 {
        background-image: url('https://maisonprouane.com/wp-content/uploads/2025/07/maison-prouane-footer.png') !important;
        background-size: cover;
    }

    .pieddepage-logo {
    	margin-bottom: 30px;
    }

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper {
    	gap: 0.5rem;
    }

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group {
        margin: 0 !important;
        flex-basis: 18%;
    }

    .pieddepage1 .pieddepage1-container {
	    padding-top: 40px!important;
        padding-left: 90px;
        padding-right: 90px;
	}

    .footer-logo-title {
        font-size: 2rem;
        padding: 30px 10px;
    }
}

/* Tablet : 1200px */
@media (min-width: 1200px) {
    .pieddepage1 .pieddepage1-container {
        padding-left: 125px;
        padding-right: 111px;
        padding-top: 91px !important;
    }

    .pieddepage-logo {
        margin-top: 70px;
    	margin-bottom: 70px;
    }

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper {	
	    width: 99%;
    }

    .pieddepage-logo .logo-container {	
	    padding: 10px 10px 0px; 
    }

    .pieddepage-logo .logo-container .logo-footer-img img {
        width: auto!important;
        height: 60px!important;
    }

    .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group  {
        flex-basis: 18%;
    }

    .footer-logo-title {
        font-size: 1.8rem;
        padding: 10px;
    }
}

/* Tablet : 1400px */
@media (min-width: 1400px) {
    .pieddepage-logo .logo-container .logo-footer-img img {
        height: 100px!important;
    }

    .footer-logo-title {
	  font-size: 2.1rem;
	  padding: 40px;
    }
}

/* Ordi XX : 1600px */
@media (min-width: 1600px) {
    .pieddepage-logo {
        margin-top: 75px;
         margin-bottom: 85px;
    }

    .pieddepage1 .pieddepage1-container {
        padding-left: 191px;
        padding-right: 111px;
        padding-top: 91px !important;
    }

            .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group  {
        flex-basis: 20%;
    }

        .pieddepage-logo .logo-container .wp-block-column .logo-wrapper .wp-block-group:nth-child(1)  {
        flex-basis: 18%;
    }
}    


/* Ordi XxX : 1900px */
@media (min-width: 1900px) {
    .pieddepage-logo .logo-container .logo-footer-img img {
        height: 88px !important;
    }
}



/* FOOTER LOGO Réseaux sociaux */

 .accueil-section7__feature-image-1 {
	width: 50px;
 }

/* Tablet - 768px */
@media (min-width: 768px) {  
        .accueil-section7__feature-image-1 {
        width: 60px;
    }
}

    /* Extra extra Desktop - 1600px */
@media (min-width: 1600px) {
        .accueil-section7__feature-image-1{ 
        width: 70px;
    }
}


/* HEADER */
.entete {
    z-index: 100; 
    position: relative;  
}

.wp-block-group.alignfull.wp-block-group.has-background.site-header {
    padding: 5px 20px !important;   
}

.wp-block-site-logo {
    margin: 0!important;
}

.site-brand {
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.page-id-478 .wp-site-blocks  {
    overflow: hidden;
}

.wp-site-blocks .site-header .wp-block-site-logo {
	flex-basis: 30%!important;
}

.slogan {
    flex-basis: 65%!important;
    text-align: center;
}

.menu-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: -28px !important;
}

.wp-site-blocks header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: white;
    box-shadow: 0 15px 10px -15px #92929355;
}

@media (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	background-color: inherit;
	display: none;
	position: relative;
	width: 100%;
	z-index: auto;
}

.wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: flex;
}

.site-brand {
    /* display: contents!important; */
     /* flex-direction: row!important; */
    /* align-items: center!important;
    justify-content: center!important;
    flex-wrap: nowrap!important; */
    width: unset;
    padding-left: 10px;
    padding-right: 10px; 
}

    .slogan {
        flex-basis: unset!important;
        margin-top: 0!important;
    }

    .menu-row {
    width: unset;
    margin-top: 0px !important;
}
.wp-site-blocks .site-header .wp-block-site-logo {
	flex-basis: unset!important;
}
}

@media (min-width: 768px) {
    .wp-block-group.alignfull.wp-block-group.has-background.site-header {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

@media (min-width: 1200px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	background-color: inherit;
	display: block!important;
	position: relative;
	width: 100%;
	z-index: auto;
}

.wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: none;
}
}

/* VIDEO page accueil */
/* Charger une vidéo de taille différente selon la taille de l'écran */
.video-desktop { display: none; }
.video-mobile { display: block; }

@media (min-width: 768px) {
    .video-desktop { display: block; }
    .video-mobile { display: none; }
}

.accueil-hero {
    margin:0 !important;
}


/* ligne couleur sous header */
/* Conteneur de la barre de progression */
/* Page accueil */
.progress-bar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ffffff00;
    position: relative;
    z-index: 998;
    margin-top: 0!important;
}

/* Page accueil */
.page-id-478 .progress-bar-container {  
    background-color: #e5da9f8c;
}


/* Page transformation*/
/* Tablet : 1024px */
@media (min-width: 1024px) {
    .page-id-481 .progress-bar-container {
        background: linear-gradient(to right, #ad2241 10%, #bb2245 30%, #cb2a33 40%, #f05165d4 55%, #e7e7e7d4 65%, #e7e7e7d4 100%); 
    }
}    

/* Barre de progression rainbow */
.progress-bar {
    height: 3px;
        background: linear-gradient(90deg,
        #ffd93d 0%,
        #f9a736 25%,
        #ad2241 50%,
        #675c7e 75%,
        #b2cef8  100%
    );
    width: 0%;
    transition: width 0.1s ease-out;
    border-radius: 1px;
}

/* Large Desktop - 1200px */
@media (min-width: 1200px) {
        .progress-bar {
        height: 4px; 
    }

}

/* Animation avec fondu au clic uniquement */
/* Animation de largeur progressive qui fonctionne vraiment */
    .wp-block-navigation-item > .wp-block-navigation-item__content {
        position: relative;
        padding-bottom: 4px;
    }

     .wp-block-navigation-item > .wp-block-navigation-item__content::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--wp--preset--color--primary, #000);
        transition: width 0.8s ease-out;
    } 
    /* Force l'animation au chargement */
    .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after {
        animation: underline-appear-orange 0.8s ease forwards;
    }

    @keyframes underline-appear-orange {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

    /* Couleur rouge pour le 2ème onglet spécifiquement */
    .wp-block-navigation-item:nth-child(2) > .wp-block-navigation-item__content::after {
        background-color: #7bb731 !important;
    }

    /* Animation rouge pour le 2ème onglet */
    .wp-block-navigation-item:nth-child(2).current-menu-item > .wp-block-navigation-item__content::after {
        animation: underline-appear-green 0.8s ease forwards;
    }

@keyframes underline-appear-green {
    from {
        width: 0;
        background-color: #7bb731;
    }
    to {
        width: 100%;
        background-color: #7bb731;
    }
}

    /* Couleur rouge pour le 3ème onglet spécifiquement */
    .wp-block-navigation-item:nth-child(3) > .wp-block-navigation-item__content::after {
        background-color: #ad2241  !important;
    }

    /* Animation rouge pour le 3ème onglet */
    .wp-block-navigation-item:nth-child(3).current-menu-item > .wp-block-navigation-item__content::after {
        animation: underline-appear-red 0.8s ease forwards;
    }

@keyframes underline-appear-red {
    from {
        width: 0;
        background-color: #ad2241 ;
    }
    to {
        width: 100%;
        background-color: #ad2241 ;
    }
}

    /* Couleur rouge pour le 4ème onglet spécifiquement */
    .wp-block-navigation-item:nth-child(4) > .wp-block-navigation-item__content::after {
        background-color: #74688e !important;
    }

    /* Animation rouge pour le 4ème onglet */
    .wp-block-navigation-item:nth-child(4).current-menu-item > .wp-block-navigation-item__content::after {
        animation: underline-appear-purple 0.8s ease forwards;
    }

@keyframes underline-appear-purple {
    from {
        width: 0;
        background-color: #74688e ;
    }
    to {
        width: 100%;
        background-color: #74688e;
    }
}

    /* Couleur rouge pour le 5ème onglet spécifiquement */
    .wp-block-navigation-item:nth-child(5) > .wp-block-navigation-item__content::after {
        background-color: #b2cef8  !important;
    }

    /* Animation rouge pour le 5ème onglet */
    .wp-block-navigation-item:nth-child(5).current-menu-item > .wp-block-navigation-item__content::after {
        animation: underline-appear-blue 0.8s ease forwards;
    }

@keyframes underline-appear-blue {
    from {
        width: 0;
        background-color: #b2cef8;
    }
    to {
        width: 100%;
        background-color: #b2cef8 ;
    }
}


.wp-block-navigation-item__content:focus {
    outline: unset!important;
}

/* Apparition des étincelles au survol du menu */
/* Style de base pour l'élément de navigation */
 .wp-block-navigation-item__content {
    position: relative;
    transition: all 0.3s ease;
} 


/* Image qui apparaît au survol */
.wp-block-navigation-item__content::before {
    content: '';
    position: absolute;
    top: -5px;          /* Position au-dessus du texte */
    left: -3px;
    /* transform: translateX(-50%); */
    width: 50px;         /* Taille de l'image */
    height: 20px; 
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/09/maison-prouane-etincelle-menu-noir.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;          /* Invisible par défaut */
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 10;
}

.wp-block-navigation-item__content:hover::before {
    opacity: 1;          /* Visible au survol */
    visibility: visible;
    transform: translateX(-50%) translateY(-5px); /* Animation */
}



/* Mentions legales */

.main-mentions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%
}

.main-mentions__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important; 
    width: 86%!important;
    margin-top: 20px!important;
}

.main-mentions__container h2 {
    font-size: 1rem;
    margin-bottom: 8px;
}
.main-mentions__container h3 {
    font-size: 0.9rem;
}

.main-mentions__container p {
    font-size: 0.8rem;
    text-align: justify;
    margin: 0!important;
}

/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
    .main-mentions__container {   
    width: 85%!important;
}
}

/* Tablet : 1024px */
@media (min-width: 1024px) {

}

/* Tablet : 1200px */
@media (min-width: 1200px) {
    .main-mentions__container {  
        margin-top: 60px!important;
    }

    .main-mentions__container h2 {
        font-size: 1.5rem;
    }
    .main-mentions__container h3 {
        font-size: 1.3rem;
    }

    .main-mentions__container p {
        font-size: 1rem;
        text-align: justify;
    }
}

/* Ordi XX : 1600px */
@media (min-width: 1600px) {
     .main-mentions__container {   
    width: 75%!important;
}
} 


/* Politiques confidentialité */

.main-confidentialite {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%
}

.main-confidentialite__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important; 
    width: 86%!important;
    margin-top: 20px!important;
}

.main-confidentialite__container h2 {
    font-size: 1rem;
    margin-bottom: 8px;
}
.main-confidentialite__container h3 {
    font-size: 0.9rem;
}

.main-confidentialite__container p {
    font-size: 0.8rem;
    text-align: justify;
    margin: 0!important;
}

/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
    .main-confidentialite__container {   
    width: 85%!important;
}
}

/* Tablet : 1024px */
@media (min-width: 1024px) {

}

/* Tablet : 1200px */
@media (min-width: 1200px) {
    .main-confidentialite__container {  
        margin-top: 60px!important;
    }

    .main-confidentialite__container h2 {
        font-size: 1.5rem;
    }
    .main-confidentialite__container h3 {
        font-size: 1.3rem;
    }

    .main-confidentialite__container p {
        font-size: 1rem;
        text-align: justify;
    }
}

/* Ordi XX : 1600px */
@media (min-width: 1600px) {
     .main-confidentialite__container {   
    width: 75%!important;
}
} 
/* CGV */

.main-cgv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%
}

.main-cgv__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important; 
    width: 86%!important;
    margin-top: 20px!important;
}

.main-cgv__container h2 {
    font-size: 1rem;
    margin-bottom: 8px;
}
.main-cgv__container h3 {
    font-size: 0.9rem;
}

.main-cgv__container p {
    font-size: 0.8rem;
    text-align: justify;
    margin: 0!important;
}

/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
    .main-cgv__container {   
    width: 85%!important;
}
}

/* Tablet : 1024px */
@media (min-width: 1024px) {

}

/* Tablet : 1200px */
@media (min-width: 1200px) {

.main-cgv__container {  
    margin-top: 60px!important;
}

.main-cgv__container h2 {
    font-size: 1.5rem;
}
.main-cgv__container h3 {
    font-size: 1.3rem;
}

.main-cgv__container p {
    font-size: 1rem;
    text-align: justify;
}
}

/* Ordi XX : 1600px */
@media (min-width: 1600px) {
     .main-cgv__container {   
    width: 75%!important;
}
} 

/* contact */

.main-contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center!important; 
    width: 100%;
    margin-top: 40px!important;
    margin-bottom: 40px!important;
}

.main-contact__container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start!important; 
    width: 78%!important;
}

.main-coordonnée {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important; 
    flex-basis: 100%;
}

.main-contact__container h2 {
    font-size: 1.7rem;
    margin-bottom: 8px;
}

/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
}

/* Tablet : 1024px */
@media (min-width: 1024px) {
    .main-coordonnée {
    flex: 0 1 30%!important;
}
}

/* Tablet : 1200px */
@media (min-width: 1200px) {
.main-contact__container h2 {
    font-size: 2.5rem;
}

}

/* Carte  */
.main-carte__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start!important; 
        width: 78%!important;
    flex-basis: 100%;
}

.main-carte__container h2 {
    font-size: 1.7rem;
    margin-bottom: 8px;
}

.main-carte__container p {
    font-size: 0.8rem;
    text-align: justify;
    margin: 0!important;
}
/* Mobile : 350px */
@media (min-width: 350px) {}

/* Tablet : 768px */
@media (min-width: 768px) {
}

/* Tablet : 1024px */
@media (min-width: 1024px) {
    .main-carte__container {        
        flex-basis: 70%;
    }
}

/* Tablet : 1200px */
@media (min-width: 1200px) {
.main-carte__container {
    width: 75%!important;
}
.main-carte__container h2 {
    font-size: 2.5rem;
}

.main-carte__container p {
    font-size: 1rem;
    text-align: justify;
}
}

/* Ordi X : 1400px */
@media (min-width: 1400px) {
.main-contact {
	margin-top: 140px !important;
	margin-bottom: 40px !important;
}
}

/* Ordi XX : 1600px */
@media (min-width: 1600px) {

}

/* ==========================================================================
   CSS Boutique 
   ========================================================================== */

/* CSS global boutique pour le container */
   /*-------Page Boutique archive produits-------*/
.container-page {
    width: 82%;
}

.container-page-margin {
    margin-left: 15px!important;
    margin-right: 15px!important;
}

/* Tablet : 768px */
@media (min-width: 768px) {
   .container-page-margin {
        margin-left: 100px!important;
        margin-right: 100px!important;  
    }
}

/* Ordi X : 1400px */
@media (min-width: 1400px) {
    .container-page {
        width: 72%;    
    }

   .container-page-margin {
        margin-left: 200px!important;
        margin-right: 200px!important;    
    }
}

   /*-------Page Boutique archive produits-------*/
.container-boutique {   
    position: relative;
}

.container-boutique::before {
	content: '';
	position: absolute;
    background-image: url('https://maisonprouane.com/wp-content/uploads/2025/08/maison-prouane-fraise-pot.svg');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    top: 0;
    translate: 0 -100%;
	left: 0;
	z-index: 1;
    width: 100px;
    height: 100px;
    display:none;
} 

/* Tablet : 768px */
@media (min-width: 768px) {
    .container-boutique::before {	
        display:block;
    } 
}

   /*-------Page Single product-------*/

.picto-single-product {
    width: 48px!important;
    height: auto!important;
}

/* Tablet : 768px */
@media (min-width: 768px) {
    .picto-single-product {
     width: 55px!important;
    height: auto!important;
}
}

/* Tablet : 1200px */
@media (min-width: 1200px) {
    .picto-single-product {
     width: 60px!important;
    height: auto!important;
}
}

/* Ordi X : 1400px */
@media (min-width: 1400px) {
   .picto-single-product {
     width: 75px!important;
    height: auto!important;
}
}

   /*-------Page Single product---font-size titre et texte----*/
    .titre-produit {
     font-size: 2rem!important;
}

    .extrait {
     font-size: 1rem!important;
     margin-top: 2px!important;
}

   /* Tablet : 1200px */
@media (min-width: 1200px) {
    .titre-produit {
     font-size: 3rem!important;
    }
        .extrait {
        font-size: 1.2rem!important;
    }
}

   /*-------Page Single product---ligne rajoutée dans modèle consigne ----*/
    .consigne {
     font-size: 0.9rem!important;
     font-style: italic;
     color: #65a616;
     font-weight: 700;
     margin-top: 2px!important;
}

   /*-------Page Single product---div du prix remontée ----*/
    .wp-block-woocommerce-product-price { 
     margin-top: 2px!important;
}




   /*-------Page Single product---font-size titre et texte Description----*/

    .description h3 {
     font-size: 1.5rem!important;
}

    .description h4 {
     font-size: 1.3rem!important;
}

    .description p {
     font-size: 0.9rem!important;
}

    .extrait {
     font-size: 1rem!important;
}

   /* Tablet : 1200px */
@media (min-width: 1200px) {
    .description h3 {
     font-size: 1.8rem!important;
}

    .description h4 {
     font-size: 1.5rem!important;
}

    .description p {
     font-size: 1rem!important;
}

    .extrait {
     font-size: 1rem!important;
}
}

/*-------- Boutons----------- */
.single-product .woocommerce-tabs li {
    background-color: #f0a923!important;
    border-radius: 4px!important;
    padding: 7px!important;
    margin-bottom: 3px!important;
}

/* ==========================================================================
   CSS Page Mon compte
   ========================================================================== */
.page-id-489 main {
    margin-left: 15px!important;
    margin-right: 15px!important;
    margin-top: 30px;
}

/* Tablet : 768px */
@media (min-width: 768px) {
    .page-id-489 main {
        margin-left: 100px!important;
        margin-right: 100px!important;  
        margin-top: 60px;
    }
}

/* Ordi X : 1400px */
@media (min-width: 1400px) {
    .page-id-489 main {
        margin-left: 200px!important;
        margin-right: 200px!important;    
         margin-top: 60px;
    }
}

/*-------- Boutons----------- */
.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.page-id-489 .woocommerce-MyAccount-navigation li {
    background-color: #f0a923;
    border-radius: 4px;
    padding: 7px!important;
    margin-bottom: 3px; 
}

.page-id-489 .woocommerce-MyAccount-navigation li a {
    color: black!important;
}    

/*-------- Titre----------- */
.mon-compte-titre {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
    color: black;
    font-family: 'BrushScript';
            }

/* ==========================================================================
   CSS Page panier 
   ========================================================================== */

/* Pour supprimer la partie shipping */
.wp-block-woocommerce-cart-order-summary-shipping-block {
    display:none;
}

.bg__container h2 {
    background-color: #675c7e!important;
    color: #fff;
    padding: 10px!important;
    font-family: 'BrushScript';
}


/* ==========================================================================
   CSS Page panier 
   ========================================================================== */

.wc-block-components-title.wc-block-components-title {
	font-size: 2.25em;
}

        /*page boutique|panier|commande front */
         .page-id-488 .wp-site-blocks, 
        .page-id-487 .wp-site-blocks, 
        .woocommerce-shop .wp-site-blocks {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

/* ==========================================================================
    intégration abeille dans le menu
   ========================================================================== */        
       /* Version alternative avec le path original mais redimensionné */
       /* Tablet : 1200px */
      @keyframes bee1 {
            from {
                offset-distance: 0%;
                transform: rotate(0deg);
                 
            }

            25% {
                transform: rotate(5deg);              
            }

            50% {
                transform: rotate(-5deg);
              
            }

            75% {
                transform: rotate(5deg);
              
            }

            to {
                offset-distance: 100%;
                transform: rotate(0deg);
              
            }
        }   

        @keyframes fadeOut {
        0% {
            opacity: 1;
        }
        80% {
            opacity: 1; 
        }
        100% {
            opacity: 0; 
        }
        }
        
@media (min-width: 1200px) {
        .bee-alt::before {   
            content: '';
            display: block;
            height: 65px;
            width: 75px;
            background: url('https://maisonprouane.com/wp-content/uploads/2025/09/abeille.svg') no-repeat;
            transform: scale(2,2);
            display: block;
            font-size: 30px;
            position: absolute;
            top: 40px; /* pour positionner correctement l'abeille en hauteur*/        
            offset-path: path("M 0.118 49.575 C 64.727 76.722 152.247 65.329 205.442 56.416 C 258.637 47.503 324.042 2.145 387.092 0.113 C 450.142 -1.919 593.238 81.488 717.029 75.513 C 840.820 69.538 921.677 23.628 1004.258 24.279 C 1086.839 24.930 1141.621 64.933 1199.408 64.305");
            animation: bee1 12s linear infinite, fadeOut 12s linear infinite;     
            z-index: 10000000; }
}        

@media (min-width: 1400px) {
        .bee-alt::before {           
            offset-path: path("M 0.138 57.837 C 75.515 89.593 177.621 76.217 239.682 65.818 C 301.743 55.419 378.049 2.503 451.608 0.132 C 525.167 -2.239 692.697 95.070 837.534 88.099 C 982.371 81.128 1076.539 27.567 1171.967 28.326 C 1267.395 29.085 1331.391 75.755 1399.434 75.027");
        }
}

@media (min-width: 1600px) {
        .bee-alt::before {
            offset-path: path("M 0.157 66.100 C 86.303 102.963 202.996 87.105 273.922 75.221 C 344.848 63.337 432.056 2.860 516.123 0.151 C 600.190 -2.558 791.017 108.651 956.039 100.684 C 1121.061 92.717 1228.903 31.504 1338.677 32.372 C 1448.451 33.240 1522.161 86.577 1599.211 85.740");
        }   
    } 

@media (min-width: 1900px) {
        .bee-alt::before {      
            offset-path: path("M 0.189 79.427 C 103.703 122.956 243.995 104.661 329.106 90.392 C 414.217 76.123 519.467 3.436 620.148 0.181 C 720.829 -3.074 950.781 130.581 1149.246 121.021 C 1347.711 111.461 1476.683 37.851 1608.812 38.897 C 1740.941 39.943 1828.593 104.034 1921.051 103.088");
        }   
    }       
    

/* ==========================================================================
   CSS Page validation commande
   ========================================================================== */

.wc-block-checkout__login-prompt {
    color: white!important;
    padding-right: 5px; 
}