/*
Theme Name:     Anne Montandon Theme
Template:       twentytwentyfive
*/

@import url("../twentytwentyfive/style.css");


/*----MAIN----*/

.actus {
margin-top: 0 !important;
}

:where(.wp-site-blocks *:focus) {
  outline-width: 0 !important;
}

/*----HEADER----*/

p.subtitle {
margin-top: 0px !important;
}

a.wp-block-navigation-item__content {
text-decoration: none !important;
}

.wp-block-site-title a {
text-decoration: none !important;
}

/*----PAGE EVENTS----*/

.bloc-date p,
.bloc-date {
margin-block-start: 0em;
margin-block-end: 0em;
}

.tribe-events-widget-events-list__header {
	display: none !important;
}

:root :where(.is-layout-flow) > * .events p {
margin-block-start: 0px;
}

/*----PAGE REPERTOIRE----*/

.wp-block-site-tagline,
#oratorio p,
.wp-block-site-tagline,
#lied p,
.wp-block-site-tagline,
#contemporaines p,
.wp-block-site-tagline,
#opera p {
margin-block-start: 0px;
}

.second_title {
font-size: 20px;
text-transform: uppercase;
}

.bloc-oratorio,
.bloc-lied,
.bloc-contemporaine,
.bloc-opera {
  display: none;
}

.custom-select-wrapper {
  position: relative;
  font-family: inherit;
  font-size: 20px;
  /*width: 100%;
  max-width: 450px;*/
}

.custom-select {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.select-selected {
  background-color: rgb(17, 17, 17);;
  color: white;
  padding: 1% 0% 1% 2%;
  border: 1px solid #9d9d9c;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
}

.select-selected.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select-selected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  pointer-events: none;
}

.select-items {
  position: absolute;
  background-color: rgb(17, 17, 17);;
  color: white;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #9d9d9c;


  border-radius: 0 0 8px 8px;
  overflow: hidden;
  display: none;
  z-index: 99;

  margin-top: -1px;
}

.select-items div {
  padding: 0.6em 1em;
  cursor: pointer;
}

.select-items div:hover {
  background-color: #1a1a1a;
}

.select-selected.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*----PAGE CONTACT----*/

.wpcf7-form-control-wrap input[type=text],
.wpcf7-form-control-wrap input[type=email],
.wpcf7-form-control-wrap textarea {
background-color: #d9d9d9;
  /*min-width: 580px;*/
  /*max-width: 602px;*/
  width: 96%;

  font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.469), 20px);
  padding: 5px 10px;
  border: 1px solid #9c9b9b;
  border-radius: 5px;
  color: #9c9b9b;
  margin-bottom: 15px;
}

input[type=submit] {
  background-color: #d9d9d9;
  color: #606060;
  font-size: 20px;
  padding: 10px;
  border: 1px solid #9c9b9b;;
  border-radius: 5px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #9c9b9b;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
}

.submit_btn p {
  margin-block-start: 0em;
  margin-block-end: 0em;
  /*text-align: right;*/
  /*max-width: 602px;*/
}

.wpcf7-spinner {
  display: block !important;
}

.wpcf7-response-output {
  max-width: 602px;
}

/*----PAGE MEDIA----*/

/*PHOTOS*/

.pgcsimplygalleryblock-masonry-item-inner.action-lightbox {
  cursor: pointer !important;
}

 .pgcsimplygalleryblock-masonry-content{
  padding: 0 !important;     /* retire le padding externe */
  margin: -10px !important;  /* compense la gouttière des items sur les bords */
}

.pgcsimplygalleryblock-masonry-main-wrap{
  padding: 10px !important;  /* c’est ta gouttière interne actuelle */
}


/* Cache l'icône d'origine du bouton close, tout le temps */
.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"] svg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Construit une croix 100% CSS (pas de SVG), avec taille/épaisseur/couleur réglables */
.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"] {
  --x-size: 60px;         /* taille globale de la croix */
  --x-thickness: 3px;     /* épaisseur du trait */
  --x-color: #9d9d9c;        /* couleur du trait */

  position: relative;
  width: var(--x-size) !important;
  height: var(--x-size) !important;
  min-width: var(--x-size) !important;
  min-height: var(--x-size) !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 9999;
}

/* Les deux barres de la croix */
.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"]::before,
.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: var(--x-thickness);
  background: var(--x-color);
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none; /* ne bloque pas le clic */
}

.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"]::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Optionnel : couleur au survol */
.pgc-rev-lb-b-item-menu-wrap .pgc-rev-item-menu-button[data-type="close"]:hover {
  --x-color: #fff; /* rouge au hover */
  background: #fff !important;
}

.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button svg {
  fill: #9d9d9c !important;
}

.pgc-rev-lb-b-view .pgc-rev-lb-b-next-prev-button svg:hover {
  fill: #000 !important;
}

.select-selected {
  width: 97% !important;
  max-width: 450px ;
}

.select-items {
  width: 100%;
  max-width: 468px ;
}

/*VIDEOS*/

.video_display {
  max-width: 720px;
}

/*AUDIOS*/

:root{
  --plyr-color-main: #111;
  --plyr-audio-controls-background: #7a7a7a;
  --plyr-audio-control-color: #111;
  --plyr-range-track-background: #5c5c5c;
  --plyr-range-fill-background: #111;
  --plyr-audio-progress-buffered-background: #9a9a9a;
}

.plyr--audio{ border-radius:10px; overflow:hidden; }
.plyr--audio .plyr__controls{
  background: var(--plyr-audio-controls-background);
  padding: 12px 16px; color:#eee;
}
.plyr--audio .plyr__control{ color: var(--plyr-audio-control-color); }
.plyr--audio .plyr__progress{ flex:1 1 auto; margin:0 14px; }
.plyr--audio .plyr__time{ color:#e6e6e6; font-weight:500; letter-spacing:.02em; }
.plyr--audio .plyr__volume{ margin-left:14px; }


/*----FOOTER----*/

body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 250px; /* ajustable */
  pointer-events: none;
  z-index: 1000;

  background: linear-gradient(to top, rgb(17,17,17), transparent);
}

footer {
  z-index: 1100 !important;
  position: relative;
  color: #d9d9c9; 
}

/*----MEDIAQUERIES----*/



@media only screen and (max-width: 1532px) {
.wp-container-core-navigation-is-layout-3779e4b9 {
  gap:15px !important;
  column-gap: 100px !important;
}
}

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

  
  .main_menu .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
  }
}

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

  
  .main_menu .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
       /* flex-basis: auto !important;*/
  }
  .middle_menu {
    display: none;
  }

  .main_menu {
    padding-bottom: 30px !important;
  }

/*----MENU MOBILE----*/

/* Quand le menu est ouvert, cacher le hamburger */
.wp-block-navigation:has(.wp-block-navigation__responsive-container.is-menu-open) 
  .wp-block-navigation__responsive-container-open {
  display: none !important;
}

.menu_title {
  z-index: 200000 !important;
}

.wp-block-navigation-is-layout-flex {
  display: flex;
  justify-content: flex-end;
}

.menu_selection .wp-block-navigation__responsive-container-open {
    height: 50px !important;
    width: 50px !important;
}

.menu_selection .wp-block-navigation__responsive-container-open svg,
.menu_selection .wp-block-navigation__responsive-container-close svg {
    height: 50px !important;
    width: 50px !important;
}

.menu_selection .wp-block-navigation__responsive-container-open svg path {
    stroke-width: 1;  /* Par défaut sur 24px, ajuste selon ton goût */
    vector-effect: non-scaling-stroke;
}

.wp-block-navigation__responsive-container.has-base-background-color.is-menu-open {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.8) 50%) !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: #fff;
  text-align: right;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-top: calc(2rem + 70px) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  text-align: -webkit-right !important;
}

.wp-block-navigation li {
  width: 100%;
  padding: 10px 0px !important;
}

.wp-block-navigation li::after {
  content: "";
  display: block;
  border-bottom: 1px solid #fff !important;
  margin-top: 15px;
  width: 100%;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  width: 100% !important;
}

.wp-block-navigation__responsive-container-close {
  color: #fff !important;
}

.wp-block-navigation__responsive-dialog {
  margin-top: 45px !important;
}

.has-modal-open .wp-block-navigation__responsive-container-open {
  display: none;
}

body::after {

background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(17, 17, 17, 0.5) 100%) !important;
}
}

/* Forcer l'apparition du bouton hamburger jusqu'à 1024px */
@media (max-width: 1024px) {
  .menu_selection .wp-block-navigation > .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;   /* bouton hamburger visible */
  }
  .menu_selection .wp-block-navigation .wp-block-navigation__container {
    display: none !important;          /* liste horizontale cachée */
  }
  /* Quand l'overlay est ouvert, on ré-affiche la liste dedans */
  .menu_selection .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: block !important;
  }
}

/* Au-delà de 1024px, on garde l’affichage desktop classique */
@media (min-width: 1025px) {
  .menu_selection .wp-block-navigation > .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .menu_selection .wp-block-navigation .wp-block-navigation__container {
    display: flex !important;
  }
}