/* ==========================================================================
   PARTNERS POPUP STYLES
   ========================================================================== */

.popup-content {
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 850px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  padding: 0;
  z-index: 9999;
  display: none;
}

.popup-content .popup-inner {
  position: relative;
  padding: 5%;
}

.popup-content .close-popup {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #e8490f;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}

.partner-item .btn-plus {
  background: #768eaf;
  color: #fff;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 3px;
  bottom: 3px;
}

.partner-item .btn-plus:hover {
  background: #005177;
}

.partner-list-page .et_pb_code_inner .partner-item {
  position: relative;
}

.popup-partner-header {
  background-color: #768ead;
  padding: 20px 0px 0;
}

.popup-partner-header h2 {
  color: white;
  padding: 0 2% 2%;
}

.popup-partner-header:after {
  content: '';
  display: block;
  width: 100%;
  height: 60px;
  background-image: url('/wp-content/uploads/2024/12/fond-vagues-pages-activites-bleuet.jpg');
  background-size: 100% 100%;
  position: relative;
  top: 1px;
}

/* Partners popup responsive */
@media screen and (max-width: 1024px) {
  .popup-content {
    top: 33%;
  }
}

@media screen and (max-width: 767px) {
  .popup-content {
    top: 60%;
  }

  .popup-partner-header {
    padding: 30px 0px 0;
  }

  .popup-inner tr {
    display: flex;
    flex-direction: column;
  }

  .popup-inner tr td {
    width: 100% !important;
  }
}