.elementor-661 .elementor-element.elementor-element-49dc467{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-661 .elementor-element.elementor-element-49dc467:not(.elementor-motion-effects-element-type-background), .elementor-661 .elementor-element.elementor-element-49dc467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-661 .elementor-element.elementor-element-21f7337{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:150px;--padding-right:150px;}.elementor-661 .elementor-element.elementor-element-05d24ef{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:26px 26px 26px 26px;box-shadow:0px 18px 45px 0px rgba(0, 0, 0, 0.34901960784313724);--margin-top:-11%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-661 .elementor-element.elementor-element-05d24ef:not(.elementor-motion-effects-element-type-background), .elementor-661 .elementor-element.elementor-element-05d24ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1A2594;}.elementor-661 .elementor-element.elementor-element-05d24ef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-661 .elementor-element.elementor-element-242fe7b{background-color:#FFFFFF0F;padding:11px 18px 11px 18px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF24;border-radius:50px 50px 50px 50px;text-align:center;}.elementor-661 .elementor-element.elementor-element-242fe7b .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:15px;font-weight:600;letter-spacing:1.6px;color:#FFFFFF;}.elementor-661 .elementor-element.elementor-element-d7d4066 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-661 .elementor-element.elementor-element-c0b18de{color:#B6C2CC;}.elementor-661 .elementor-element.elementor-element-b3cbe80{--display:flex;--min-height:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:26px 26px 26px 26px;box-shadow:0px 18px 45px 0px rgba(0, 0, 0, 0.34901960784313724);--margin-top:-11%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-661 .elementor-element.elementor-element-b3cbe80:not(.elementor-motion-effects-element-type-background), .elementor-661 .elementor-element.elementor-element-b3cbe80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1A2594;}.elementor-661 .elementor-element.elementor-element-2d130b7{text-align:center;}.elementor-661 .elementor-element.elementor-element-2d130b7 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .eael-contact-form-7-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .eael-contact-form-7-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control.wpcf7-text, .elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control.wpcf7-quiz, .elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control.wpcf7-quiz, .elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control.wpcf7-textarea, .elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control.wpcf7-select{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form label, .elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form .wpcf7-quiz-label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form-control::-webkit-input-placeholder{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-form input[type="submit"]{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-contact-form-7 .eael-contact-form-7 .wpcf7-not-valid-tip{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7-wrapper{text-align:default;}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap{margin-bottom:0px;}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7 .wpcf7-form-control.wpcf7-textarea{height:0px;}.elementor-661 .elementor-element.elementor-element-8b5ac83{--display:flex;--gap:27px 27px;--row-gap:27px;--column-gap:27px;--margin-top:-8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-661 .elementor-element.elementor-element-68c8bae{text-align:center;}.elementor-661 .elementor-element.elementor-element-68c8bae .elementor-heading-title{color:#FFFFFF;}.elementor-661 .elementor-element.elementor-element-69a2cd7{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:34px;color:#B6C2CC;}.elementor-661 .elementor-element.elementor-element-f665117{border-radius:34px 34px 34px 34px;}.elementor-661 .elementor-element.elementor-element-f665117 iframe{transition-duration:0s;}.elementor-661 .elementor-element.elementor-element-75dff0b{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;}.elementor-661 .elementor-element.elementor-element-eb0a32d{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}:root{--page-title-display:none;}@media(max-width:1388px){.elementor-661 .elementor-element.elementor-element-21f7337{--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-661 .elementor-element.elementor-element-49dc467{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:25px;}.elementor-661 .elementor-element.elementor-element-21f7337{--width:100%;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-661 .elementor-element.elementor-element-05d24ef{--margin-top:-30%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-661 .elementor-element.elementor-element-b3cbe80{--width:100%;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-661 .elementor-element.elementor-element-4c578aa .eael-contact-form-7-wrapper .eael-contact-form.eael-contact-form-7{max-width:1279px;}.elementor-661 .elementor-element.elementor-element-8b5ac83{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-661 .elementor-element.elementor-element-eb0a32d{--content-width:95%;--padding-top:8%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}}@media(min-width:768px){.elementor-661 .elementor-element.elementor-element-21f7337{--width:1481px;}.elementor-661 .elementor-element.elementor-element-05d24ef{--width:50%;}.elementor-661 .elementor-element.elementor-element-b3cbe80{--width:50%;}.elementor-661 .elementor-element.elementor-element-eb0a32d{--content-width:1447px;}}@media(max-width:1388px) and (min-width:768px){.elementor-661 .elementor-element.elementor-element-49dc467{--content-width:0%;}.elementor-661 .elementor-element.elementor-element-21f7337{--width:724px;}.elementor-661 .elementor-element.elementor-element-8b5ac83{--width:707px;}.elementor-661 .elementor-element.elementor-element-eb0a32d{--content-width:708px;}}/* Start custom CSS for html, class: .elementor-element-5fb6ce0 */:root{
      --blue-900:#1E2D3B;
      --gold:#D8AE5E;
      --cream:#FCFAD7;
      --white:#FFFFFF;
      --text:#EBEFF5;
      --muted:#9fb2c5;
      --radius:18px;
      --shadow:0 10px 25px rgba(0,0,0,.15);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family:"Questrial","Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:var(--blue-900);
      line-height:1.5;
      overflow-x:hidden;
    }
    .container{width:min(1160px,92%);margin-inline:auto}
    h1,h2,h3,h4{margin:0 0 .6rem 0;letter-spacing:.2px}
    h1{font-size:clamp(28px,3.4vw,54px);line-height:1.05}
    h2{font-size:clamp(22px,2.2vw,32px)}
    h3{font-size:clamp(18px,1.4vw,22px)}
    p{margin:.6rem 0 1rem 0;color:#dfe7ef}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}

/* ===== Contact cards ===== */
    .cards{
      display:grid;
      gap:1rem;
      margin-top:1rem;
    }
    .cCard{
      border-radius:22px;
      padding:1.1rem;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.10);
      transition:.3s;
    }
    .cCard:hover{
      transform:translateY(-6px);
      border-color:rgba(216,174,94,.35);
      background:rgba(216,174,94,.08);
    }
    .cTop{display:flex;align-items:center;justify-content:space-between;gap:1rem}
    .cTop h3{margin:0}
    .mini{color:var(--muted);margin:.25rem 0 0}
    .badge{
      display:inline-flex;align-items:center;gap:.35rem;
      padding:.35rem .65rem;border-radius:999px;
      background:rgba(216,174,94,.16);
      border:1px solid rgba(216,174,94,.28);
      color:var(--gold);
      font-weight:900;font-size:.85rem;
      white-space:nowrap;
    }
    a:hover {
        color:var(--gold);
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05d24ef */.reveal.show {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for eael-contact-form-7, class: .elementor-element-4c578aa *//* Variables */
:root {
  --gold: #D8AE5E;
  --text: #EBEFF5;
  --muted: #9fb2c5;
  --bg-dark: #0b1420;
  --glass-bg: rgba(15, 26, 37, 0.85);
}

/* Container du formulaire - fond sombre glass */
.glass-form {
  border-radius: 26px;
  padding: 2rem;
  background: var(--glass-bg) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px) saturate(125%);
}

/* Titre du formulaire */
.glass-form h2 {
  color: var(--text);
  font-size: clamp(22px, 2.2vw, 32px);
  margin: 0 0 0.6rem 0;
}

/* Note maquette */
.form-hint-top {
  color: var(--muted);
  font-size: 0.95rem;
  margin-bottom: 1rem;
  display: block;
}

/* Structure du formulaire */
.wpcf7-form {
  display: grid;
  
  
}

/* Ligne avec 2 colonnes */
.form-row--2cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}

/* Champ individuel */
.form-field {
  display: flex;
  flex-direction: column;
}

/* Label */
.form-label {
  color: var(--muted) !important;
  font-size: 0.95rem !important;
  display: block !important;
 
  font-weight: 400 !important;
}

/* Input text, email, tel */
.form-input {
  width: 100% !important;
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  padding: 0.7rem 0.8rem !important;
  outline: none !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

/* Select */
.form-select {
  width: 100% !important;
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  padding: 0.8rem 0.8rem !important;
  padding-right: 2.5rem !important;
  outline: none !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23D8AE5E' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  box-sizing: border-box !important;
}

.form-select option {
  background: var(--bg-dark);
  color: var(--text);
}

/* Textarea */
.form-textarea {
  width: 100% !important;
  background: var(--bg-dark) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  padding: 0.9rem 1rem !important;
  outline: none !important;
  font-family: inherit !important;
  font-size: 1rem !important;
  transition: all 0.25s ease !important;
  min-height: 110px !important;
  resize: vertical !important;
  box-sizing: border-box !important;
}

/* Placeholder */
.form-input::placeholder,
.form-textarea::placeholder {
  color: rgba(159, 178, 197, 0.5) !important;
}

/* Focus states */
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: rgba(216, 174, 94, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(216, 174, 94, 0.14) !important;
}

/* Bouton Envoyer */
.btn-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.9rem 1.4rem !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background: var(--gold) !important;
  color: #2a2430 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: 0.25s ease !important;
  font-family: inherit !important;
}

.btn-submit:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.1) !important;
}

/* Actions du formulaire */
.form-actions {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  
}

.form-hint {
  color: var(--muted) !important;
  font-size: 0.95rem !important;
}

/* Messages de validation */
.wpcf7-not-valid-tip {
  color: #ff6b6b !important;
  font-size: 0.85rem !important;
  margin-top: 0.3rem !important;
  display: block !important;
}

.wpcf7-response-output {
  border-radius: 14px !important;
  padding: 1rem !important;
  margin-top: 1rem !important;
  border: 1px solid !important;
}

.wpcf7-mail-sent-ok {
  background: rgba(76, 175, 80, 0.1) !important;
  border-color: rgba(76, 175, 80, 0.3) !important;
  color: #4caf50 !important;
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
  background: rgba(255, 107, 107, 0.1) !important;
  border-color: rgba(255, 107, 107, 0.3) !important;
  color: #ff6b6b !important;
}

/* Spinner de chargement */
.wpcf7-spinner {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  border: 3px solid rgba(216, 174, 94, 0.2) !important;
  border-top-color: var(--gold) !important;
  border-radius: 50% !important;
  animation: spin 0.8s linear infinite !important;
  margin-left: 10px !important;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
  .glass-form {
    padding: 1.4rem;
  }
  
  .form-row--2cols {
    grid-template-columns: 1fr;
  }
  
  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }
  
  .btn-submit {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3cbe80 */.reveal.show {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49dc467 */.hero::before{
      content:"";
      position:absolute;inset:-120px 0px auto auto;
      width:500px;height:500px;border-radius:50%;
      background:radial-gradient(circle at 30% 30%, rgba(216,174,94,.38), transparent 60%);
      filter:blur(2px);
      opacity:.9;
      transform:translateZ(0);
    }
    .hero::after{
      content:"";
      position:absolute;inset:auto auto -160px -120px;
      width:520px;height:520px;border-radius:50%;
      background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), transparent 60%);
      filter:blur(2px);
      opacity:.7;
    }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4dacbe5 *//* ================================================
   FACEBOOK FEED — PAYET IMMOBILIER — DARK MODERN
   VERSION FINALE — basée sur le HTML réel du plugin
   ================================================ */

/* ══════════════════════════════════════════════
   CONTENEUR PRINCIPAL
   ══════════════════════════════════════════════ */
.cff-wrapper,
.cff-wrapper-ctn,
#cff {
    background: transparent !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* ══════════════════════════════════════════════
   VISUAL HEADER (structure réelle du plugin)
   ══════════════════════════════════════════════ */

/* Conteneur global du header */
.cff-visual-header {
    background: linear-gradient(135deg, #0f1a25 0%, #1a3a5c 100%) !important;
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 2px solid #d4a574 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Image de couverture hero — masquée proprement */
.cff-header-hero {
    display: none !important;
}

/* Compteur de likes (dans le hero, on le repositionne) */
.cff-likes-box {
    position: absolute !important;
    top: 1rem !important;
    right: 1.2rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: rgba(212, 165, 116, 0.12) !important;
    border: 1px solid rgba(212, 165, 116, 0.3) !important;
    border-radius: 20px !important;
    padding: 0.3rem 0.8rem !important;
    z-index: 2 !important;
}

.cff-likes-box svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.cff-likes-count {
    color: #d4a574 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
}

/* Bande inférieure du header avec avatar + nom + bio */
.cff-header-wrap {
    background: transparent !important;
    padding: 5rem 1.5rem !important;
    border: none !important;
}

.cff-header-inner-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Avatar */
.cff-header-img {
    flex-shrink: 0 !important;
}

.cff-header-img img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    border: 2px solid #d4a574 !important;
    object-fit: cover !important;
    box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.2) !important;
    display: block !important;
}

/* Bloc texte : nom + bio */
.cff-header-text {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Nom de la page */
.cff-header-name,
.cff-header-name h3,
.cff-header-name h2 {
    color: #f0e6d9 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin: 0 0 0.2rem !important;
    letter-spacing: 0.2px !important;
    display: block !important;
}

/* Bio */
.cff-bio {
    color: #7a9ab8 !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* Notice RGPD admin — masquée visuellement mais gardée pour l'admin */
.cff-gdpr-notice {
    display: none !important;
}

/* ══════════════════════════════════════════════
   GRILLE DES POSTS
   ══════════════════════════════════════════════ */
.cff-posts-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.2rem !important;
    padding: 1.2rem !important;
    background: #152433 !important;
    border-radius: 0 0 16px 16px !important;
}

/* ── Carte post individuelle ── */
.cff-item {
    background: #1e2d3b !important;
    border: 1px solid rgba(212, 165, 116, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    /* Supprimer la bordure bottom native du plugin */
    border-bottom: 1px solid rgba(212, 165, 116, 0.12) !important;
}

.cff-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4) !important;
    border-color: rgba(212, 165, 116, 0.4) !important;
}

/* ── Wrapper texte (contient author + post text + meta) ── */
.cff-text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    order: 2 !important;
}

/* ── En-tête du post (avatar + nom + date + icône FB) ── */
.cff-author {
    padding: 1rem 1.2rem 0.6rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    background: #1e2d3b !important;
    /* L'auteur contient un <a> wrapping tout, on corrige l'alignement */
}

.cff-author > a {
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    flex: 1 !important;
    text-decoration: none !important;
    min-width: 0 !important;
}

/* Avatar du post */
.cff-author-img {
    flex-shrink: 0 !important;
}

.cff-author-img img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 2px solid #d4a574 !important;
    object-fit: cover !important;
    box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.12) !important;
    display: block !important;
}

/* Nom + date */
.cff-page-name.cff-author-date {
    flex: 1 !important;
    min-width: 0 !important;
}

.cff-page-name.cff-author-date > span {
    color: #e8d5be !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cff-date {
    color: #5a7a99 !important;
    font-size: 0.75rem !important;
    margin-top: 0.1rem !important;
    /* Supprimer le style inline du plugin */
}

/* Icône FB "Voir sur Facebook" dans le header du post */
a.cff-viewpost-facebook .cff-top-share {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(0, 107, 250, 0.1) !important;
    transition: background 0.2s !important;
    flex-shrink: 0 !important;
}

a.cff-viewpost-facebook .cff-top-share:hover {
    background: rgba(0, 107, 250, 0.2) !important;
}

/* ── Texte du post ── */
.cff-post-text {
    padding: 0.7rem 1.2rem 0.8rem !important;
    background: #1e2d3b !important;
    flex: 1 !important;
    margin: 0 !important;
}

.cff-text {
    color: #b0c4d8 !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
}

/* Lien Voir plus / Voir moins */
.cff-expand a,
.cff-less {
    color: #d4a574 !important;
    font-weight: 600 !important;
    font-size: 0.83rem !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.cff-expand a:hover,
.cff-less:hover {
    color: #e8bc8a !important;
}

/* ── Zone réactions / commentaires ── */
.cff-meta-wrap {
    background: #1a2836 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.cff-view-comments {
    padding: 0.5rem 1.2rem !important;
}

.cff-meta.cff-light {
    display: flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
}

.cff-meta .cff-count {
    color: #6b8099 !important;
    font-size: 0.8rem !important;
}

/* ── Barre d'actions (liens post) ── */
.cff-post-links {
    padding: 0.6rem 1.2rem 0.8rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: #182530 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Bouton "Voir sur Facebook" dans le footer */
.cff-post-links > a.cff-viewpost-facebook {
    color: #d4a574 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: rgba(212, 165, 116, 0.1) !important;
    padding: 0.3rem 0.9rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(212, 165, 116, 0.25) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

.cff-post-links > a.cff-viewpost-facebook:hover {
    background: #d4a574 !important;
    color: #0f1a25 !important;
    border-color: #d4a574 !important;
}

/* Bouton partage */
.cff-share-link {
    color: #5a7a99 !important;
    font-size: 0.8rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
}

.cff-share-link:hover {
    color: #d4a574 !important;
}

/* Tooltip de partage */
.cff-share-tooltip {
    background: #0f1a25 !important;
    border: 1px solid rgba(212, 165, 116, 0.2) !important;
    border-radius: 12px !important;
    padding: 0.8rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.cff-share-title {
    color: #6b8099 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 0.4rem !important;
}

.cff-share-tooltip a {
    color: #b8c8d8 !important;
    font-size: 0.83rem !important;
    padding: 0.35rem 0.6rem !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    transition: all 0.2s !important;
    text-decoration: none !important;
}

.cff-share-tooltip a:hover {
    background: rgba(212, 165, 116, 0.15) !important;
    color: #d4a574 !important;
}

/* ── PHOTOS (structure réelle) ──
   .cff-media-wrap > .cff-photos > .cff-photo > img.cff-multi-image
   Le layout "half" met la photo à gauche et le texte à droite.
   On inverse : photo en haut, texte en dessous. */

/* Forcer le layout en colonne (annuler le half-layout) */
.cff-item.cff-photo-post {
    flex-direction: column !important;
}

/* Zone media — EN HAUT de la carte */
.cff-media-wrap {
    order: 1 !important;
    width: 100% !important;
    overflow: hidden !important;
    background: #0f1a25 !important;
    line-height: 0 !important;
    flex-shrink: 0 !important;
}

/* Conteneur photos */
.cff-photos {
    display: block !important;
    width: 100% !important;
    line-height: 0 !important;
}

/* Photo individuelle */
.cff-photo {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* L'image réelle */
.cff-photo img.cff-multi-image,
.cff-photo img.cff-feed-image,
.cff-media-wrap img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    filter: brightness(0.92) !important;
    transition: filter 0.35s ease, transform 0.35s ease !important;
}

.cff-item:hover .cff-photo img {
    filter: brightness(1.05) !important;
    transform: scale(1.03) !important;
}

/* Overlay hover sur la photo */
.cff-photo-hover {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(212, 165, 116, 0) !important;
    transition: background 0.3s !important;
    z-index: 1 !important;
}

.cff-photo:hover .cff-photo-hover {
    background: rgba(212, 165, 116, 0.08) !important;
}

/* Texte wrapper — EN BAS de la carte */
.cff-text-wrapper {
    order: 2 !important;
    flex: 1 !important;
    width: 100% !important;
}

/* ── Boîte commentaires ── */
.cff-comments-box {
    background: #182530 !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
    padding: 0.4rem 1.2rem !important;
}

.cff-comment-likes {
    margin: 0 !important;
    padding: 0.3rem 0 !important;
}

.cff-comments.cff-comment-on-facebook {
    background: transparent !important;
    padding: 0.3rem 0 0.4rem !important;
    font-size: 0.8rem !important;
    color: #5a7a99 !important;
}

.cff-comments.cff-comment-on-facebook a {
    color: #d4a574 !important;
    text-decoration: none !important;
    font-size: 0.8rem !important;
    margin-left: 0.5rem !important;
}

/* ── Bouton "Afficher plus" ── */
#cff-load-more,
.cff-load-more {
    background: linear-gradient(135deg, #d4a574 0%, #c49565 100%) !important;
    color: #0f1a25 !important;
    border: none !important;
    padding: 0.8rem 2.2rem !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 1.2rem auto 0.5rem !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 4px 15px rgba(212, 165, 116, 0.25) !important;
}

#cff-load-more:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(212, 165, 116, 0.45) !important;
}

/* Icône dans le bouton */
.cff-load-icon svg circle {
    fill: #0f1a25 !important;
}

/* ── Emojis ── */
.cff-text img.emoji {
    width: 1.1em !important;
    height: 1.1em !important;
    vertical-align: -0.15em !important;
    display: inline !important;
}

/* ── Spinner ── */
.cff-loader,
.cff-loading {
    border-color: rgba(212, 165, 116, 0.3) !important;
    border-top-color: #d4a574 !important;
}

/* ══════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════ */

@media (max-width: 1199px) {
    .cff-posts-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .cff-posts-wrap {
        grid-template-columns: 1fr !important;
        padding: 0.8rem !important;
        gap: 0.8rem !important;
    }

    .cff-visual-header {
        border-radius: 12px 12px 0 0 !important;
    }

   

    .cff-header-name,
    .cff-header-name h3 {
        font-size: 1.1rem !important;
    }

    .cff-photo img.cff-multi-image,
    .cff-photo img.cff-feed-image,
    .cff-media-wrap img {
        height: 200px !important;
    }
}

@media (max-width: 480px) {
    .cff-header-inner-wrap {
        gap: 0.7rem !important;
    }

    .cff-header-img img {
        width: 46px !important;
        height: 46px !important;
    }

    .cff-post-text {
        padding: 0.6rem 1rem 0.7rem !important;
    }

    .cff-author {
        padding: 0.8rem 1rem 0.5rem !important;
    }

    .cff-post-links {
        padding: 0.5rem 1rem 0.7rem !important;
        flex-wrap: wrap !important;
    }

    .cff-photo img.cff-multi-image,
    .cff-photo img.cff-feed-image,
    .cff-media-wrap img {
        height: 175px !important;
    }

    .cff-text {
        font-size: 0.85rem !important;
    }
}/* End custom CSS */