/*---------------------------------------------------------------------------------
Customization of DIVI 5 Menu module
---------------------------------------------------------------------------------*/
 #main-nav nav.et-menu-nav{
     align-items: center;
     ul.et-menu.nav {
       li.menu-item {
        margin-top:  10px;
        margin-bottom: 10px;
        }
        li.menu-item a {
          padding-top: 1rem; 
          padding-bottom: 1rem; 
         height: fit-content;
        }
       li.menu-item.nav-btn-start a {
         padding-right: 20px; 
         padding-left: 20px;
         border-radius:4px; 
         height: fit-content;
         background-color: var(--gcid-53054839-b83d-4ef0-8659-8a010e6148fd) ;
         &:hover {
         background-color: var(--gcid-b70c6ec4-3d09-43b5-80df-154e6e990bf3) ;
         }
       }
     } 
 } 

/*---------------------------------------------------------------------------------
Customization of DIVI 5 Price table **
---------------------------------------------------------------------------------*/
.product-price sup {
    vertical-align: super;
    font-size: 25% !important;
    line-height: 55px;
    font-weight: 700;
    padding-left: 2px;
}

.product-list {
	li {
		list-style-type: none;
		text-align:left;
		&:before {
			font-family: FontAwesome;
			font-weight: 900;
			content: "\f0fe";
			width: auto;
			-webkit-font-smoothing: antialiased;
			color: #00d26a;
			padding-right: 0.5em;
		}
		sup {
			margin-left: 0.5em;
			font-size: 50%;
			font-weight: 900;
			letter-spacing: -0.5px;
		}
	}
	&.plus {
		li {
			&:before {
				color: #785dc8;
			}
		}
	}
	&.vip {
		li {
			&:before {
				color: #a6742b;
			}
			ul {
				border: 1px solid #a6742b;
				border-radius: 4px;
				margin: 0.5em 1em 0.5em 0;
				padding: 0.25em 0.5em 0.25em 1.5em;
				li:before {
					content: "\f30b";
				}
			}
		}
	}	
}


/*---------------------------------------------------------------------------------
Customization of DIVI 5 Picture Gallery
---------------------------------------------------------------------------------*/
#example.et_pb_gallery {
  .et_pb_gallery_item {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: all 0.150s ease-in;
    border-radius: 8px;
    border: 0.5px solid hsl(from var(--gcid-secondary-color) calc(h + 0) calc(s + 0) calc(l + 0) / 0.2);

    .et_pb_gallery_image {
      transition: padding 0.150s ease-in;
      padding: 1.5em;
    }
  }

  & .et_pb_grid_items:hover .et_pb_gallery_item {
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
    filter: grayscale(100%);
    opacity: 0.5;

    &:hover {
      filter: grayscale(0%);
      box-shadow: 0 16px 16px rgba(0,0,0,0.08), 0 32px 32px rgba(0,0,0,0.12);
      opacity: 1;

      .et_pb_gallery_image { padding: 1em; }
    }
  }

  .et_pb_gallery_pagination,
  .et_pb_gallery_pagination > ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    text-align: center !important;
    border-top: 0 !important;
  }

  .et_pb_gallery_pagination {
    > ul {
      list-style: none !important;
      padding: 0 !important;
    }
  }
}

/* dots (identique à ton code, avec la correction line-height) */
#example.et_pb_gallery .et_pb_gallery_pagination li.page a {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #bdbdbd !important;
  opacity: .6 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  line-height: 0 !important; /* <-- corrigé */
  color: transparent !important;
  padding: 0 !important;
}
#example.et_pb_gallery .et_pb_gallery_pagination li.page a.active {
  background: #333 !important; opacity: 1 !important;
}

/* flèches : même logique/alignement que ton code (vertical centré) */
#example.et_pb_gallery { position: relative; }
#example.et_pb_gallery .et_pb_gallery_pagination { position: static !important; min-height: 44px !important; }
#example.et_pb_gallery .et_pb_gallery_pagination li.prev,
#example.et_pb_gallery .et_pb_gallery_pagination li.next {
  position: absolute !important;
  top: calc(50% - 1.75em) !important;
  transform: translateY(-50%) !important;
  z-index: 9 !important;
}
#example.et_pb_gallery .et_pb_gallery_pagination li.prev { left: calc(-3em - 12px) !important; }
#example.et_pb_gallery .et_pb_gallery_pagination li.next { right: calc(-3em - 12px) !important; }

/* bouton rond + chevron centré */
#example.et_pb_gallery .et_pb_gallery_pagination li.prev a,
#example.et_pb_gallery .et_pb_gallery_pagination li.next a {
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.55) !important;
  display: grid !important;
  place-items: center !important;
  text-indent: -9999px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  position: relative !important;
}
#example.et_pb_gallery .et_pb_gallery_pagination li.prev a::after,
#example.et_pb_gallery .et_pb_gallery_pagination li.next a::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  border-top: 0;
  border-right: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
#example.et_pb_gallery .et_pb_gallery_pagination li.prev a::after { left: 58%; }
#example.et_pb_gallery .et_pb_gallery_pagination li.next a::after {
  left: 42%;
  transform: translate(-50%, -50%) rotate(-135deg);
}

/* on masque les "..." si présents */
#example.et_pb_gallery .et_pb_gallery_pagination .prev-dots,
#example.et_pb_gallery .et_pb_gallery_pagination .next-dots { display: none !important; }


/*---------------------------------------------------------------------------------
Custom fix for DIVI admin for popup section
---------------------------------------------------------------------------------*/
body:not(.wp-admin):not(.et-fb):not(.block-editor-page) #popup-beta {
  position: fixed;
  height: 100% !important;
  width: 100% !important;
  z-index: 100 !important;
  overflow: hidden ;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  }