.elementor-4776 .elementor-element.elementor-element-132b01d{width:100%;max-width:100%;}/* Start custom CSS for shortcode, class: .elementor-element-132b01d */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,700;1,700&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ════ CIBLAGE UNIQUEMENT PAGE 4776 ════ */

/* ── FOND ANIMÉ ── */
.page-id-4776 {
  background: #ffffff !important;
  overflow-x: hidden !important;
}

/* Grande bulle verte haut gauche */
.page-id-4776 body::before,
.page-id-4776::before {
  content: '' !important;
  position: fixed !important;
  top: -150px; left: -150px !important;
  width: 550px; height: 550px !important;
  background: radial-gradient(circle, rgba(84,136,130,0.12) 0%, transparent 68%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: blob1 14s ease-in-out infinite !important;
}

/* Bulle dorée bas droite */
.page-id-4776 body::after,
.page-id-4776::after {
  content: '' !important;
  position: fixed !important;
  bottom: -120px; right: -120px !important;
  width: 500px; height: 500px !important;
  background: radial-gradient(circle, rgba(201,168,76,0.09) 0%, transparent 68%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: blob2 18s ease-in-out infinite !important;
}

@keyframes blob1 {
  0%,100% { transform: translate(0,0) scale(1); }
  33% { transform: translate(60px,50px) scale(1.08); }
  66% { transform: translate(-20px,80px) scale(0.94); }
}

@keyframes blob2 {
  0%,100% { transform: translate(0,0) scale(1); }
  50% { transform: translate(-70px,-50px) scale(1.1); }
}

/* Bulle verte centre droite */
.page-id-4776 .site-content::before {
  content: '' !important;
  position: fixed !important;
  top: 40%; right: -80px !important;
  width: 320px; height: 320px !important;
  background: radial-gradient(circle, rgba(84,136,130,0.07) 0%, transparent 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 0 !important;
  animation: blob3 10s ease-in-out infinite !important;
}

@keyframes blob3 {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-40px); }
}

/* Grille subtile */
.page-id-4776 .site-content {
  position: relative !important;
}

.page-id-4776 .site-content::after {
  content: '' !important;
  position: fixed !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(84,136,130,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(84,136,130,0.025) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* ── CENTRAGE ── */
.page-id-4776 .entry-content,
.page-id-4776 .pms-form-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ── TITRE ── */
.page-id-4776 h1.entry-title,
.page-id-4776 .page-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  color: #0f1f16 !important;
  text-align: center !important;
  margin: 60px auto 10px !important;
  max-width: 600px !important;
  animation: titleUp 0.9s cubic-bezier(0.22,1,0.36,1) both !important;
  position: relative !important;
  z-index: 2 !important;
}

@keyframes titleUp {
  from { opacity: 0; transform: translateY(36px); }
  to   { opacity: 1; transform: translateY(0); }
}

.page-id-4776 h1.entry-title::after,
.page-id-4776 .page-title::after {
  content: '' !important;
  display: block !important;
  height: 2px !important;
  width: 0 !important;
  background: linear-gradient(90deg, #548882, #c9a84c, #548882) !important;
  margin: 14px auto 0 !important;
  border-radius: 2px !important;
  animation: lineGrow 0.9s 0.5s cubic-bezier(0.22,1,0.36,1) both !important;
}

@keyframes lineGrow {
  from { width: 0; opacity: 0; }
  to { width: 64px; opacity: 1; }
}

/* ── FORMULAIRE ── */
.page-id-4776 .pms-form {
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px 100px !important;
  animation: fadeUp 0.7s 0.3s ease both !important;
  position: relative !important;
  z-index: 2 !important;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Labels */
.page-id-4776 .pms-form label {
  display: block !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: rgba(15,31,22,0.42) !important;
  margin-bottom: 7px !important;
}

/* Champs */
.page-id-4776 .pms-form input[type="text"],
.page-id-4776 .pms-form input[type="email"],
.page-id-4776 .pms-form input[type="password"] {
  width: 100% !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(15,31,22,0.1) !important;
  border-radius: 12px !important;
  font-size: 14.5px !important;
  font-family: 'DM Sans', sans-serif !important;
  background: rgba(248,250,249,0.9) !important;
  color: #0f1f16 !important;
  margin-bottom: 18px !important;
  transition: all 0.3s !important;
  outline: none !important;
  box-shadow: 0 1px 4px rgba(15,31,22,0.05) !important;
}

.page-id-4776 .pms-form input:focus {
  border-color: #548882 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(84,136,130,0.1) !important;
}

/* Plan abonnement */
.page-id-4776 .pms-subscription-plans-wrapper,
.page-id-4776 .pms-subscription-plans {
  background: rgba(84,136,130,0.06) !important;
  border: 1px solid rgba(84,136,130,0.18) !important;
  border-radius: 16px !important;
  padding: 20px 22px !important;
  margin-bottom: 20px !important;
}

.page-id-4776 .pms-subscription-plan-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f1f16 !important;
}

.page-id-4776 .pms-subscription-plan-price {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #548882 !important;
}

/* Bouton */
.page-id-4776 .pms-form input[type="submit"],
.page-id-4776 .pms-form button[type="submit"] {
  width: 100% !important;
  padding: 17px 24px !important;
  background: #548882 !important;
  color: #f0ede6 !important;
  border: none !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: 'DM Sans', sans-serif !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
  box-shadow: 0 6px 28px rgba(84,136,130,0.32) !important;
  margin-top: 6px !important;
}

.page-id-4776 .pms-form input[type="submit"]:hover,
.page-id-4776 .pms-form button[type="submit"]:hover {
  background: #3d6b65 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(84,136,130,0.48) !important;
}

/* Messages */
.page-id-4776 .pms-alert-success {
  background: rgba(84,136,130,0.08) !important;
  border: 1px solid rgba(84,136,130,0.25) !important;
  border-radius: 12px !important;
  color: #548882 !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  margin-bottom: 16px !important;
}

.page-id-4776 .pms-alert-error {
  background: rgba(232,93,93,0.07) !important;
  border: 1px solid rgba(232,93,93,0.25) !important;
  border-radius: 12px !important;
  color: #c0392b !important;
  padding: 12px 16px !important;
  font-size: 13.5px !important;
  margin-bottom: 16px !important;
}

.page-id-4776 .pms-form a {
  color: #548882 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* Mobile */
@media (max-width: 540px) {
  .page-id-4776 .pms-form { padding: 0 16px 64px !important; }
  .page-id-4776 h1.entry-title { font-size: clamp(28px, 9vw, 40px) !important; }
}/* End custom CSS */