/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
.gift-recipient-field label{
	color: #fff;
}

.woocommerce-error, .woocommerce-message{
	margin: 0px !important;
}

.single-product .woocommerce-product-gallery__wrapper a {
    pointer-events: none;
    cursor: default;
}

#main-header{
	background-color: #0C0C0C !important;
}

@media screen and (min-width: 1024px) {
	#top-menu .btn a, .et-fixed-header #top-menu .btn a{
		color: #000 !important;
	}
.btn a{
	  background-color: #fff;
    color: #000 !important;
    border-radius: 50px;
		padding: 15px 30px 15px 30px !important;
	margin-bottom: 20px !important;
}
}
.mobile_menu_bar:before{
	color: #fff !important;
}
h2 {
	text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Owners Wide', Helvetica, Arial, Lucida, sans-serif !important;
}
h1{
	font-size: 60px !important;
}
h2{
	font-size: 26px !important;
}
h3{
	font-size: 20px !important;
}

.woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover{
	color: #F36720 !important;
}

.woocommerce a.button.alt, .woocommerce-page a.button.alt{
	border-color: #004d49 !important;
}

/* Responsive pour tablettes (≤ 768px) */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 40px !important;
  }

  h2 {
    font-size: 22px !important;
  }

  h3 {
    font-size: 18px !important;
  }
}

/* Responsive pour mobiles (≤ 480px) */
@media screen and (max-width: 480px) {
  h1 {
	  font-size: clamp(1.5rem, 6vw, 4rem) !important;
	  white-space: normal;      /* Allow wrapping, but only between words */
	  word-break: keep-all;     /* Prevent breaking words mid-way */
  }

  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 16px !important;
  }
	
	ul.products{
		display: flex;
		flex-direction: column;
	}
	.et_pb_shop ul.products.columns-3 li.product{
		width: 100% !important;
	}
}

@media screen and ( min-width: 480px) {
	.price-table .et_pb_pricing_table_wrap{
		flex-wrap: nowrap !important;
		gap: 20px;
	}
}