/*SEO*/
.term-description-seo {
  margin-top: 40px;
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}
/*END SEO*/
/*custom style*/
 
/***********************

  BOUTONS (global)

************************/

.button,

.button.primary,

.button.alt {

  background-color: #7FB7A3 !important;

  color: #FFFFFF !important;

  border-color: #7FB7A3 !important;

}
 
.button:hover,

.button.primary:hover,

.button.alt:hover {

  background-color: #6AA893 !important;

  border-color: #6AA893 !important;

  color: #FFFFFF !important;

}
 
/***********************

  HEADER – COMPTE / PANIER

************************/

.header-cart-title,

.header-account-link {

  background-color: #7FB7A3 !important;

  color: #FFFFFF !important;

}
 
/* Badge panier */

.cart-icon strong,

.header-cart-title .cart-icon strong {

  background-color: #F4A6B8 !important;

  color: #FFFFFF !important;

}
 
/***********************

  MENU PRINCIPAL

************************/

.nav > li > a {

  color: #2E2E2E !important;

}
 
.nav > li > a:hover,

.nav > li.active > a {

  color: #7FB7A3 !important;

}
 
/***********************

  PRODUITS – BOUTIQUE

************************/

.product-small .box-text-products .title-wrapper a {

  color: #2E2E2E !important;

}
 
.product-small .price {

  color: #7FB7A3 !important;

}
 
/***********************

  PROMOTIONS

************************/

.badge-inner.on-sale,

.onsale {

  background-color: #F4A6B8 !important;

  color: #FFFFFF !important;

}
 
.price del {

  color: #B0B0B0 !important;

}
 
.price ins {

  color: #E5536D !important;

}
 
/***********************

  FOOTER

************************/

.footer-wrapper {

  background-color: #2E2E2E !important;

  color: #CFCFCF !important;

}
 
.footer-wrapper h1,

.footer-wrapper h2,

.footer-wrapper h3,

.footer-wrapper h4 {

  color: #FFFFFF !important;

}
 
.footer-wrapper a {

  color: #CFCFCF !important;

}
 
.footer-wrapper a:hover {

  color: #F4A6B8 !important;

}

/* Hero SEO block above footer: center, max-width 1570px, 7rem padding */
#hero-seo {
  max-width: 1570px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 7rem;
}

/* Inner tags (h1, p, etc.) inherit the 7rem spacing; optional spacing between blocks */
#hero-seo h1,
#hero-seo p,
#hero-seo h2,
#hero-seo h3,
#hero-seo blockquote {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

#hero-seo p:last-child,
#hero-seo *:last-child {
  margin-bottom: 0;
}
 
/***********************

  FOOTER BOTTOM

************************/

.absolute-footer {

  background-color: #1F1F1F !important;

  color: #AFAFAF !important;

}
 
.absolute-footer a {

  color: #AFAFAF !important;

}
 
.absolute-footer a:hover {

  color: #F4A6B8 !important;

}

.products .row {
    justify-content:space-between;
    gap:16px;
}

.products .product-small{
    box-shadow: none !important;
}
.products .product-small:hover {
    box-shadow: none !important;
}

.row-collapse+.section-title-container, .slider-wrapper+.section-title-container, .banner+.section-title-container{
	margin-top:40px !important;
}

@media screen and (min-width: 850px) {
	.row-collapse+.section-title-container, .slider-wrapper+.section-title-container, .banner+.section-title-container{
		margin-top:50px !important;
	}
    .gallery-columns-4 .gallery-item, .large-columns-4>.col, .large-columns-4 .flickity-slider>.col {
        max-width: calc(25% - 1%);
        -ms-flex-preferred-size: 25%;
        flex-basis: calc(25% - 1%);
    }
}

/* New */

.product-small {
    border: none;
    border-radius: 12px;
    padding: 10px;
    box-shadow: inset 0px 3px 8px rgba(0, 0, 0, 0.15);
    background: #ffffff;
}
.main-container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto; /* Center the container */
}


.product-small {
    padding-bottom: 5px; /* Remove bottom padding completely */
}

.product-small .add-to-cart {
    margin-bottom: -5px; /* Use negative margin to pull button closer */
    padding: 6px 10px; /* Slightly reduce button padding */
}



/* Remove extra borders from Flatsome's default styling */
.product-small .box, 
.product-small .box-image, 
.product-small .product-box {
    border: none !important;  
    box-shadow: none !important; 
    background: transparent !important;
}

.product-small:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

/* Ensure product title height is fixed */
.product-small .product-title {
    max-height: 48px; /* Adjust based on font size */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* Keep it in a single line */
}

/* Align price and Add to Cart button in one line */
.product-small .box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 120px; /* Adjust as needed */
}

/* Force the price and button to stay in the same row */
.product-small .price-wrapper, 
.product-small .add-to-cart-button {
    display: inline-block;
    vertical-align: middle;
}

/* Fix button width and alignment */
.product-small .add-to-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 120px; /* Adjust width */
    padding: 5px 10px;
    margin-top: auto; /* Push to bottom */
}

@media (min-width: 768px) {
    .mobile-button {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .mobile-button {
        display: inline-block;
        margin: 0 auto; /* Centering if needed */
    }

    .mobile-button a {
        display: block;
        background-color: #ff4d4d; /* Light red */
        color: #ffffff !important; /* Ensures text stays white */
        padding: 8px 12px;
        border-radius: 5px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        width: fit-content; /* Prevents button from expanding */
        max-width: 90%; /* Ensures it doesn't stretch too much */
        margin: 0 auto; /* Keeps it within the menu */
    }

    .mobile-button a:hover {
        background-color: #ff3333; /* Slightly darker red on hover */
        color: #ffffff !important; /* Keeps text white on hover */
    }
}





.header-nav {
    display: flex;
    justify-content: center; /* Centers the menu */
    align-items: center; /* Aligns items vertically */
    width: 100%;
}


	

/* General Header Styling */
.custom-header {
  background: #00aaff; /* Blue color */
  color: white; /* White text */
  position: relative; /* To position the discount tag */
  padding: 160px 0; /* Doubled padding for a larger header */
  text-align: center;
  font-family: Arial, sans-serif;
  border: 5px dashed white; /* Dashed border around the entire header */
  border-radius: 10px; /* Rounded corners for the header */
}

/* Header Content Styling */
.header-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

/* Header Text Styling */
.header-text h1 {
  font-size: 48px; /* Increase font size */
	
  margin: 0;
}

/* Discount Tag Styling (Perfect Circle) */
.discount-tag {
  position: absolute;
  top: -110px; /* Position the circle above the header */
  right: 180px;
  background-color: #ff4c4c; /* Red background for discount tag */
  color: white;
  font-weight: bold;
  width: 100px; /* Fixed width */
  height: 100px; /* Fixed height to create a perfect circle */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px; /* Adjusted font size */
  border-radius: 50%; /* Perfect circle */
  border: 5px dashed #ffffff; /* Dashed border around the circle */
  line-height: 1.2; /* Adjust line height */
}

/* Header Text Styling */
.header-text h1,
.header-text h2 {
  color: white; /* Change text color to white */
}

/* Header Text Styling */
.header-text h1 {
  color: white; /* Make text white */
  font-size: 64px; /* Increase font size */
  font-weight: bold; /* Make it bold */
}

.header-text h2 {
  color: white; /* Make text white */
  font-size: 36px; /* Increase font size */
  font-weight: bold; /* Make it bold */
}

/* Discount Tag Styling (Bigger Circle, No Border) */
.discount-tag {
  position: absolute;
  top: px;  /* Adjusted to keep it at the top-right corner */
  right: px; /* Adjusted for positioning */
  background-color: #ff4c4c; /* Red background */
  color: white;
  font-weight: bold;
  width: 120px; /* Increased width for a bigger circle */
  height: 120px; /* Increased height for a bigger circle */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 28px; /* Increase font size */
  border-radius: 50%; /* Perfect circle */
  line-height: 1.2;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); /* Optional shadow for better visibility */
  border: none; /* Remove the dashed border */
}



.products .row {
    justify-content:space-between;
    gap:16px;
}

.products .product-small{
    box-shadow: none !important;
}
.products .product-small:hover {
    box-shadow: none !important;
}

.row-collapse+.section-title-container, .slider-wrapper+.section-title-container, .banner+.section-title-container, .section-title-container{
	margin-top:40px !important;
}


.badge-container  .badge{
    height: 30px;
    width: inherit;
}

.badge-container  .badge{
    height: 30px;
    width: inherit;
    margin-left: 1em;
}

.badge-container  .badge .badge-inner.on-sale{
    padding: 1px 10px;
    font-size: 12px;
}

.product-small, .product-small:hover {
    box-shadow: none !important;    
}

.footer-wrapper a {
    color: initial !important;
}
.dark, .dark p, .dark td {
    color: initial !important;
}

.button.primary.is-large{
    display: table;
    margin: 40px auto;	
}
.icon-box:hover .has-icon-bg .icon .icon-inner{
	    background-color: rgba(182, 182, 182,20%);
}
.dark .widget .badge-outline .badge-inner{
	    color: #82b7ae;
}
.home  .button.primary.is-large{
    display: table;
    margin: 40px auto;
}
.absolute-footer.dark .links{
    margin: 22px 0 0;
    
}

.absolute-footer.dark .links a{
    color: #777777 !important;
}

.absolute-footer.dark .links a:hover{
    color: #F4A6B8 !important;
}
.success.is-underline:hover, .success.is-outline:hover, .success {
    background-color: #6aa893 !important;
}
    .alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: #f16876 !important;
}

.header-button .header-cart-title{
	background: none !important;
}
.alert.is-underline:hover, .alert.is-outline:hover, .alert {
    background-color: #f16876 !important;
}
.nav > li > a:hover, .nav > li.active > a {
    color: #fff !important;
}
span.widget-title{
	color:#000;
}
.is-divider{
	background:#000
}
.home .page-wrapper{
	padding-top: 0;
}

.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
	bottom: -5px;
}
li.current-dropdown>.nav-dropdown-full, li.has-dropdown:hover>.nav-dropdown-full{
	margin-top:5px;
}
.nav-dropdown{
	margin-top:5px;
}
.seo-text-home{
	max-width: 1570px;
	padding: 30px 15px ;	
	margin:0 auto; 
}
@media screen and (min-width: 850px) {
	.row-collapse+.section-title-container, .slider-wrapper+.section-title-container, .banner+.section-title-container, .section-title-container{
		margin-top:50px !important;
	}
    .gallery-columns-4 .gallery-item, .large-columns-4>.col, .large-columns-4 .flickity-slider>.col {
        max-width: calc(25% - 1%);
        -ms-flex-preferred-size: 25%;
        flex-basis: calc(25% - 1%);
    }
}

/* --------------------------------------------------------------------------
   #post-list – 3 blog posts per row, card style
   -------------------------------------------------------------------------- */
#post-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 600px) {
  #post-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 960px) {
  #post-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Pagination always on its own row at the bottom (full width) */
#post-list > .nav-pagination,
#post-list > ul.page-numbers {
  grid-column: 1 / -1;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

/* Card: rounded corners, soft shadow */
#post-list > article {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.25s ease;
}

#post-list > article:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Image: rounded top, fixed aspect 4:3 */
#post-list .entry-image {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

#post-list .entry-image a {
  display: block;
  height: 100%;
}

#post-list .entry-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Order: image first, then header text (category, title, date) */
#post-list > article .entry-header {
  display: flex;
  flex-direction: column;
}

#post-list > article .entry-header .entry-image {
  order: -1;
}

#post-list > article .entry-header .entry-header-text {
  padding: 1rem 1rem 0;
}

#post-list > article .entry-content {
  padding: 0.5rem 1rem 1rem;
}

#post-list > article .entry-meta.clearfix {
  padding: 0 1rem 1rem;
}



.product-template-default .wc-buy-now-btn.wc-buy-now-btn{
    position: fixed;
    top: 50%;
    width: 300px !important;
    left: 0;
    z-index: 111;
    background: #c23e83 !important;
    border-color: #c23e83 !important; 
    margin-bottom: 0;
}


@media (max-width: 850px) {
	.product-template-default .wc-buy-now-btn.wc-buy-now-btn{
		top: 173px;
	}
}

@media (max-width: 550px) {
	.product-template-default .wc-buy-now-btn.wc-buy-now-btn{
		top: 146px;
	}
}