/*
 Theme Name: Ollie Child
 Template: ollie
*/
/*Galerie*/
.wp-block-image,
.wp-block-gallery {
  touch-action: manipulation;
}
#baguetteBox-overlay .full-image img{
    max-width: 1200px;
}
.wp-element-caption {
opacity:0;
transition:ease-in-out 0.25s;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
background: #00000054;
}
.wp-block-image:hover .wp-element-caption{
opacity:1;
}
@media screen and (max-width: 1024px) {
.lightbox-trigger {
right: 0px!important;
top: 0px!important;
width:100%!important;
height:100%!important;
backdrop-filter: none!important;
}
.header-section{
    padding-right: var(--wp--preset--spacing--small)!important;
    padding-left: var(--wp--preset--spacing--small)!important;
}
.row-header{
    flex-direction: row-reverse;
    gap: 10px;
}
.row-header .col-nav{
width:15%;
}
.row-header .col-lng{
width:20%;
}

}

/* =========================
   Liens
   ========================= */
.link-green a{
 color: var(--wp--preset--color--custom-primary);
 text-decoration: underline;
}
.trp-shortcode-switcher .trp-ls-dropdown{
  border:none!important;
}
.row-header .trp-shortcode-switcher {
    padding: 5px 0!important;
    margin-bottom: -4px;
}
.btn.bio a {
    border: 0px;
    border-bottom: 1px solid;
    background: white;
    color: black;
    text-decoration: none;
    padding: 0;
    font-size: 12.5px !important;
    text-transform: uppercase;
    font-weight: 600;

}
.btn.bio{
line-height: 0.7em;
}
/* =========================
   Images styles (diapo, bio)
   ========================= */
.img-diapo img{
height:65vh;
width:100%;
object-fit:cover;
object-position:center center;
}
@media screen and (min-width: 1025px) {

.img-bio img{
height: 80vh;
object-position: 44% 0%;
}
.img-diapo img{
height: 85vh;
width:100%;
object-fit:cover;
object-position:center 70%;
}
}
/* =========================
   Navigation Tablette / Mobile
   ========================= */

/* À partir de 1024px et en dessous → burger */
@media (max-width: 1024px) {
.wp-block-navigation__responsive-container-open {
    display: flex!important;
}
 
.wp-block-navigation__responsive-container {
    bottom: 0;
    display: none!important;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: inherit;
    display: flex!important;
    flex-direction: column
}
}

/* =========================
   Navigation – Hover & Active (Desktop only) 
   ========================= */
.wp-block-navigation .wp-block-navigation__submenu-icon svg{
  margin-top: 0;
}
.wp-block-navigation-item__content {
  position: relative;
  text-decoration: none;
  padding-bottom: 0.10rem;
}

/* Underline uniquement sur niveau 1 (pas dans les sous-menus) */
@media screen and (min-width: 1025px) {

  /* Base underline (invisible) */
 .main-menu ul.wp-block-navigation__container.wp-block-navigation > li.wp-block-navigation-item > a.wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;

    transform: scaleX(0);
    transform-origin: left;
    opacity: 0;

    transition: transform 0.3s ease, opacity 0.2s ease;
  }

  /* Hover underline */
 .main-menu ul.wp-block-navigation__container.wp-block-navigation > li.wp-block-navigation-item > a.wp-block-navigation-item__content:hover::after {
    transform: scaleX(1);
    opacity: 1;
  }

  /* Active underline */
 .main-menu ul.wp-block-navigation__container.wp-block-navigation > li.wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content::after,
 .main-menu ul.wp-block-navigation__container.wp-block-navigation > li.wp-block-navigation-item.current_page_item > a.wp-block-navigation-item__content::after {
    transform: scaleX(1);
    opacity: 1;
  }

  /* Sécurité : désactiver underline dans les sous-menus */
  .wp-block-navigation__submenu-container a.wp-block-navigation-item__content::after {
    display: none !important;
  }
}

/* Couleur hover + active (partout, y compris sous-menus) */
.main-menu .wp-block-navigation-item__content:hover,
.main-menu .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
  text-decoration: none !important;
  color: var(--wp--preset--color--custom-primary) !important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container{
  box-shadow: 0 12px 16px -12px rgba(0, 0, 0, 0.15);
}

/* =========================
   Breaking news 
   ========================= */
.breaking-news{
    width: 100vw;
    top: 106px;
    position: absolute;
    z-index: 99;
    left: 0;}

@media screen and (max-width: 640px) {

.breaking-news-row{
  flex-direction: column;
  gap: 5px;
}
.breaking-news-row p{
 text-align: center;
}
.hero-diapo.wp-block-cover:not(.has-aspect-ratio) {
height:65vh;
min-height:150px!important;
}
}