/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready


/* JetBreadcrumbs: truncate only the last crumb on mobile */
@media (max-width: 767px) {

  /* Ensure the whole breadcrumb stays on one line */
  .jet-breadcrumbs__wrap{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  /* Prevent links and separators from shrinking */
  .jet-breadcrumbs__item-link,
  .jet-breadcrumbs__item-sep{
    flex: 0 0 auto;
    white-space: nowrap;
  }

  /* Let ONLY the last item shrink + ellipsis */
  .jet-breadcrumbs__item:has(.jet-breadcrumbs__item-target){
    flex: 1 1 auto;
    min-width: 0; /* critical for ellipsis in flex */
  }

  .jet-breadcrumbs__item-target{
    display: block;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Base: radius + crop (appliqué à tous) */
.nanie-hero-media{
  position: relative;
  overflow: hidden;
  border-radius: 0.6rem;
}

/* Ensure images crop nicely */
.nanie-hero-media img{
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* Overlay ONLY when you add this class */
.nanie-hero-media--overlay::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.95);
  z-index: 2;
  pointer-events: none;
}

.nanie-hero-media--overlay::after{
  content: "Voir toutes les photos";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
  padding: 8px;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
  z-index: 3;
  pointer-events: none;
}

/* Keep image behind overlay */
.nanie-hero-media--overlay img{
  position: relative;
  z-index: 1;
}
/* --- CARTE ENTIÈRE CLIQUABLE --- */

/* On prépare le terrain pour le lien */
.nanie-clickable-card {
    position: relative !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    cursor: pointer;
}

/* On fait monter le lien du bouton sur toute la surface */
.nanie-clickable-card .nanie-main-link a::after {
    content: "";
    position: absolute;
    inset: 0; /* Couvre 100% du parent */
    z-index: 10; /* Passe au-dessus de tout */
}

/* Petit effet au survol pour montrer que c'est cliquable */
.nanie-clickable-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Animation du bouton quand on survole la carte */
.nanie-clickable-card:hover .nanie-main-link a {
    background-color: #1A1A1A !important; /* Une nuance plus sombre du rubis */
}

@media (min-width: 768px){
  #ma-section-sticky{ display:none !important; }
}