.elementor-53932 .elementor-element.elementor-element-c15f997{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53932 .elementor-element.elementor-element-c15f997:not(.elementor-motion-effects-element-type-background), .elementor-53932 .elementor-element.elementor-element-c15f997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1622;}.elementor-53932 .elementor-element.elementor-element-c15f997.e-con{--align-self:flex-start;}.elementor-53932 .elementor-element.elementor-element-73a5c50 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-53932 .elementor-element.elementor-element-73a5c50 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}.elementor-53932 .elementor-element.elementor-element-73a5c50 > .elementor-widget-container{background-color:#0B1622;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}/* Start custom CSS for html, class: .elementor-element-00f4103 *//* ========================================================
   ATTICA - VUE GRILLE & SWITCHER (RATIO 16:9 & ALIGNEMENT GAUCHE)
   ======================================================== */

/* ========================================================
   BOUTON FLOTTANT PERMANENT (FIXED)
   ======================================================== */
/* Gestion stricte de l'icône active/inactive */
.attica-view-btn svg.icon-full {
  display: none !important;
}

.attica-view-btn svg.icon-grid {
  display: block !important;
}

/* En mode grille : on inverse */
body.is-grid-view .attica-view-btn svg.icon-full {
  display: block !important;
}

body.is-grid-view .attica-view-btn svg.icon-grid {
  display: none !important;
}
/* Le conteneur se place en bas à droite de l'écran */
.attica-view-switcher-wrap {
  position: fixed !important;
  top: 8rem !important;
  right: 0rem !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* ========================================================
   BOUTON FLOTTANT ATTICA (DORÉ #BAAC72 & TRANSPARENT)
   ======================================================== */

.attica-view-switcher-wrap {
  position: fixed !important;
  top: 8rem !important;
  right: 20px !important;
  z-index: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

.attica-view-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;                   /* Fond transparent */
  color: #ffffff !important;                            /* Texte doré */
  border: 1px solid #ffffff !important;                 /* Contour doré */
  padding: 10px 20px !important;
  cursor: pointer !important;
  border-radius: 50px !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(8px);                           /* Flou subtil sans assombrir */
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}

/* Couleurs des icônes SVG */
.attica-view-btn svg {
  stroke: #ffffff !important;                           /* Picto doré */
  flex-shrink: 0 !important;
}

/* Effet au survol : fond doré et texte sombre pour le contraste */
.attica-view-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px);
}

.attica-view-btn:hover svg {
  stroke: #111111 !important;
}

/* Bascule stricte des pictos */
.attica-view-btn svg.icon-full {
  display: none !important;
}

.attica-view-btn svg.icon-grid {
  display: block !important;
}

body.is-grid-view .attica-view-btn svg.icon-full {
  display: block !important;
}

body.is-grid-view .attica-view-btn svg.icon-grid {
  display: none !important;
}

/* Adaptation mobile : calé en bas à droite, icône seule */
@media (max-width: 767px) {
  .attica-view-switcher-wrap {
    bottom: 4.5rem !important;
    right: 17px!important;
    left: auto !important;
    transform: none !important;
  }

  /* Masquage du texte "Vue grille" / "Vue plein écran" */
  .attica-view-btn .btn-label {
    display: none !important;
  }

  /* Format bouton d'action compact et parfaitement proportionné */
  .attica-view-btn {
    padding: 10px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    justify-content: center !important;
    border-radius: 50% !important; /* Devient un bouton rond moderne */
    gap: 0 !important;
  }

  .attica-view-btn svg {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }
}

/* 2. Conteneur grille JetEngine */
body.is-grid-view .jet-listing-grid__items {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 3. Carte du bien (Verrouillage format 16:9) */
body.is-grid-view .jet-listing-grid__item {
  width: 100% !important;
  height: auto !important;
}

body.is-grid-view .jet-listing-grid__item .elementor-element-295daff {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;      /* Ratio 16:9 */
  height: auto !important;
  min-height: unset !important;          /* Annule toute hauteur fixe précédente */
  background-size: cover !important;
  background-position: center !important;
  border-radius: 4px;
  overflow: hidden;
  display: flex !important;
}

/* Masquage de l'espaceur vide gauche */
body.is-grid-view .elementor-element-14149bd {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0% !important;
}

/* 4. Conteneur de contenu adapté au ratio 16:9 */
body.is-grid-view .attica-item-content,
body.is-grid-view .elementor-element-eb9d06b {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;      /* Padding compact adapté au 16:9 */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;    /* Alignement à gauche */
  text-align: left !important;
  box-sizing: border-box !important;
}

/* 5. Localisation en haut (Ville | Pays) */
body.is-grid-view .attica-item-content .elementor-element-2cfa281 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important; /* Calé à gauche */
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
  text-align: left !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

body.is-grid-view .attica-item-content .elementor-element-2cfa281 .jet-listing-dynamic-field__content,
body.is-grid-view .attica-item-content .elementor-element-2cfa281 p {
  font-size: 0.72rem !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-align: left !important;
}

body.is-grid-view .attica-item-content .elementor-element-c892355 {
  opacity: 0.4;
  margin: 0 !important;
}

/* 6. Titre du bien (Ajusté pour tenir dans le 16:9) */
body.is-grid-view .attica-item-content h2.elementor-heading-title,
body.is-grid-view .attica-item-content h2.elementor-heading-title a {
  font-size: 0.95rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.05em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  margin: 0.3rem 0 !important;
  width: 100% !important;
  text-align: left !important;
}

/* 7. Prix calé à gauche */
body.is-grid-view .attica-item-content .elementor-element-062994d {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
}

body.is-grid-view .attica-item-content .elementor-element-fec3e60,
body.is-grid-view .attica-item-content .elementor-element-a46922a,
body.is-grid-view .attica-item-content .elementor-element-fec3e60 span,
body.is-grid-view .attica-item-content .elementor-element-a46922a span {
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* 8. Masquage des sections non nécessaires en mode grille */
body.is-grid-view .elementor-element-54dcef1, /* Chiffres clés */
body.is-grid-view .elementor-element-8400b7c  /* Bouton Détail */ {
  display: none !important;
}

/* 9. Responsive */
@media (max-width: 1024px) {
  body.is-grid-view .jet-listing-grid__items {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
  body.is-grid-view .jet-listing-grid__items {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */
/* Start custom CSS */@media (min-width: 1025px) {
    body.elementor-page-53932 .jet-listing-grid__item:nth-child(even) .attica-listing-item {
        flex-direction: row-reverse;
    }
}

body.elementor-page-53932 .jet-listing-grid__item {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
}

.attica-item-content i, 
.attica-item-content svg {
    font-size: 16px;
    opacity: 0.6;
    transition: all 0.4s ease;
}
.attica-listing-item:hover .attica-item-content i {
    opacity: 1;
    transform: scale(1.1);
}
.attica-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10% 8%;
}


body.elementor-page-53932 .jet-listing-grid__item:nth-child(1)  { z-index: 1; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(2)  { z-index: 2; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(3)  { z-index: 3; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(4)  { z-index: 4; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(5)  { z-index: 5; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(6)  { z-index: 6; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(7)  { z-index: 7; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(8)  { z-index: 8; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(9)  { z-index: 9; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(10) { z-index: 10; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(11) { z-index: 11; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(12) { z-index: 12; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(13) { z-index: 13; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(14) { z-index: 14; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(15) { z-index: 15; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(16) { z-index: 16; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(17) { z-index: 17; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(18) { z-index: 18; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(19) { z-index: 19; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(20) { z-index: 20; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(21) { z-index: 21; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(22) { z-index: 22; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(23) { z-index: 23; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(24) { z-index: 24; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(25) { z-index: 25; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(26) { z-index: 26; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(27) { z-index: 27; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(28) { z-index: 28; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(29) { z-index: 29; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(30) { z-index: 30; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(31) { z-index: 31; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(32) { z-index: 32; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(33) { z-index: 33; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(34) { z-index: 34; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(35) { z-index: 35; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(36) { z-index: 36; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(37) { z-index: 37; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(38) { z-index: 38; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(39) { z-index: 39; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(40) { z-index: 40; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(41) { z-index: 41; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(42) { z-index: 42; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(43) { z-index: 43; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(44) { z-index: 44; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(45) { z-index: 45; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(46) { z-index: 46; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(47) { z-index: 47; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(48) { z-index: 48; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(49) { z-index: 49; }
body.elementor-page-53932 .jet-listing-grid__item:nth-child(50) { z-index: 50; }/* End custom CSS */