.elementor-10922 .elementor-element.elementor-element-9b05d9d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-203240f *//* ======================================= */
/* POPUP PAIEMENT CLEMY - DESIGN INTERNE */
/* ======================================= */

.payment-popup-container {
  --bordeaux-violet: linear-gradient(135deg, #800020 0%, #4b0082 100%);
  --bordeaux: #800020;
  --violet: #4b0082;
  --gold-soft: #f6ead6;

  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  padding: 34px 28px 30px;
  box-sizing: border-box;

  background: #ffffff;
  border-radius: 22px;

  font-family: 'Playfair Display', serif;
  text-align: center;
}

/* Header */
.payment-popup-container .popup-header {
  margin-bottom: 28px;
}

.payment-popup-container .popup-kicker {
  display: inline-block;
  margin: 0 0 12px;
  padding: 8px 14px;

  border-radius: 999px;
  background: #fdf7ef;
  color: var(--bordeaux);

  font-family: Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
}

.payment-popup-container .popup-header h2 {
  margin: 0 0 12px;
  color: var(--bordeaux);
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
}

.payment-popup-container .popup-header p {
  margin: 0 auto;
  max-width: 610px;
  color: #555555;
  font-size: 1rem;
  line-height: 1.6;
}

.payment-popup-container .popup-header .popup-note {
  margin-top: 10px;
  color: #6b5b5b;
  font-family: Arial, sans-serif;
  font-size: 0.92rem;
}

/* Options de paiement */
.payment-popup-container .payment-options {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  width: 100%;
}

/* Cartes */
.payment-popup-container .pay-card {
  flex: 1;
  min-height: 390px;
  padding: 30px 20px;
  box-sizing: border-box;

  border: 1px solid #eeeeee;
  border-radius: 16px;
  background: #fafafa;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.payment-popup-container .pay-card-highlight {
  background: linear-gradient(180deg, #ffffff 0%, #fdf9f5 100%);
  border-color: rgba(128, 0, 32, 0.18);
}

.payment-popup-container .pay-card:hover {
  border-color: var(--bordeaux);
  transform: translateY(-4px);
  box-shadow: 0 14px 35px rgba(128, 0, 32, 0.08);
}

/* Titres, prix, texte */
.payment-popup-container .pay-title {
  margin: 0 0 12px;
  color: #222222;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 700;
}

.payment-popup-container .pay-price {
  margin: 0 0 14px;
  color: var(--bordeaux);
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
}

.payment-popup-container .pay-description {
  margin: 0 0 18px;
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Formulaire PayPal */
.payment-popup-container .pay-card form {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Bloc champ email */
.payment-popup-container .paypal-input-group {
  margin: 0 0 16px;
  text-align: left;
}

.payment-popup-container .paypal-input-group label {
  display: block;
  margin: 0 0 8px;
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 0.84rem;
  line-height: 1.4;
  font-weight: 400;
}

/* Champ email */
.payment-popup-container .email-field {
  width: 100%;
  min-height: 48px;
  padding: 11px 14px;
  box-sizing: border-box;

  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: #ffffff;

  color: #333333;
  font-family: Arial, sans-serif;
  font-size: 0.94rem;
  line-height: 1.3;

  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.payment-popup-container .email-field:focus {
  outline: none;
  border-color: var(--violet);
  box-shadow: 0 0 0 3px rgba(75, 0, 130, 0.08);
}

/* Boutons */
.payment-popup-container .btn-pay {
  width: 100%;
  min-height: 52px;
  padding: 13px 14px;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 9px;
  border: none;
  text-decoration: none;

  font-family: 'Playfair Display', serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;

  cursor: pointer;
  transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

/* Bouton téléphone */
.payment-popup-container .btn-tpe {
  background: #fdfaf5;
  border: 1px solid var(--bordeaux);
  color: var(--bordeaux) !important;
}

.payment-popup-container .btn-tpe:hover {
  background: #ffffff;
  transform: scale(1.015);
}

/* Bouton PayPal */
.payment-popup-container .btn-paypal {
  background: var(--bordeaux-violet);
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(106, 11, 44, 0.22);
}

.payment-popup-container .btn-paypal:hover {
  opacity: 0.93;
  transform: scale(1.015);
}

/* ======================================= */
/* CORRECTION CROIX ELEMENTOR - SAFE */
/* ======================================= */

#elementor-popup-modal-7216 .dialog-close-button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  top: 18px !important;
  right: 18px !important;

  padding: 0 !important;
  margin: 0 !important;

  background: #ffffff !important;
  border-radius: 50% !important;
  color: #800020 !important;

  font-size: 0 !important;
  line-height: 1 !important;

  z-index: 9999 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14) !important;
}

#elementor-popup-modal-7216 .dialog-close-button svg,
#elementor-popup-modal-7216 .dialog-close-button .eicon-close,
#elementor-popup-modal-7216 .dialog-close-button .e-font-icon-svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;

  display: block !important;

  color: #800020 !important;
  fill: #800020 !important;

  font-size: 14px !important;
  line-height: 1 !important;
}

#elementor-popup-modal-7216 .dialog-close-button svg * {
  fill: #800020 !important;
  color: #800020 !important;
}

/* ======================================= */
/* RESPONSIVE */
/* ======================================= */

@media (max-width: 768px) {
  .payment-popup-container {
    max-width: 680px;
    padding: 30px 20px 26px;
  }

  .payment-popup-container .popup-header h2 {
    font-size: 1.75rem;
  }

  .payment-popup-container .payment-options {
    gap: 16px;
  }

  .payment-popup-container .pay-card {
    min-height: 360px;
    padding: 26px 18px;
  }
}

@media (max-width: 600px) {
  .payment-popup-container {
    max-width: 100%;
    padding: 28px 16px 20px;
    border-radius: 18px;
  }

  .payment-popup-container .popup-header {
    margin-bottom: 22px;
    padding-right: 36px;
  }

  .payment-popup-container .popup-kicker {
    font-size: 0.8rem;
  }

  .payment-popup-container .popup-header h2 {
    font-size: 1.55rem;
  }

  .payment-popup-container .popup-header p {
    font-size: 0.95rem;
  }

  .payment-popup-container .payment-options {
    flex-direction: column;
    gap: 16px;
  }

  .payment-popup-container .pay-card {
    min-height: auto;
    padding: 24px 16px;
  }

  .payment-popup-container .pay-price {
    font-size: 1.5rem;
  }

  #elementor-popup-modal-7216 .dialog-close-button {
    top: 12px !important;
    right: 12px !important;

    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  #elementor-popup-modal-7216 .dialog-close-button svg,
  #elementor-popup-modal-7216 .dialog-close-button .eicon-close,
  #elementor-popup-modal-7216 .dialog-close-button .e-font-icon-svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
    font-size: 13px !important;
  }
}#elementor-popup-modal-7216 .popup-kicker {
  display: inline-block;
  margin: 0 0 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fdf7ef;
  color: #800020;
  font-family: Arial, sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
}

#elementor-popup-modal-7216 .popup-note {
  margin-top: 10px;
  color: #6b5b5b;
  font-family: Arial, sans-serif;
  font-size: 0.92rem;
}

#elementor-popup-modal-7216 .pay-description {
  margin: 0 0 18px;
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
}

#elementor-popup-modal-7216 .pay-card-highlight {
  background: linear-gradient(180deg, #ffffff 0%, #fdf9f5 100%);
  border-color: rgba(128, 0, 32, 0.18);
}/* End custom CSS */