Montrésor Castle is open daily from 10 a.m. to 6 p.m., and until 7 p.m. in July and August.

/* -- The root styles must go in the element of the structure with the name "Slider". --*/

.lc-attributs__slider{
  .splide__track{
    overflow: visible;
  }

  .card-lc-attributs__slide{
    &.is-prev{
      .card-lc-attributs__overlay{
        opacity: 1;
      }

      .card-lc-attributs__container-info{
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
      }
    }
  }
}

document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    const sliders = document.querySelectorAll('.lc-attributs__slider');
    if (!sliders.length) return;

    sliders.forEach((sliderEl) => {
      // 1) Get idSlider (data-script-id) and the Splide instance from Bricks
      const idSlider = sliderEl.getAttribute('data-script-id');
      const splide = window.bricksData?.splideInstances?.[idSlider];
      if (!splide) return;

      // 2) Scope custom arrows to the current lc-attributs block
      const layout = sliderEl.closest('.lc-attributs') || document;
      const prevBtn = layout.querySelector('.lc-attributs__arrow-left');
      const nextBtn = layout.querySelector('.lc-attributs__arrow-right');

      // 3) Custom arrows using Splide go() patterns ('<' and '>')
      prevBtn?.addEventListener('click', () => splide.go('<'));
      nextBtn?.addEventListener('click', () => splide.go('>'));

      // 4) Card click behavior: 'left' (place in first visible column) or 'active' (respect focus)
      //    Set data-card-click-mode="active" on .lc-attributs__slider to switch mode.
      const MODE = sliderEl.getAttribute('data-card-click-mode') || 'left';

      // Use Splide's official 'click' event to get the SlideComponent + MouseEvent
      splide.on('click', (Slide, e) => {
        const card = e.target.closest('.card-lc-attributs');
        if (!card) return;

        // Prevent default if the inner link <a href="#"> was clicked
        //if (e.target.closest('.card-lc-attributs__link')) {
        //  e.preventDefault();
        //  e.stopPropagation();
        //}

        // Real index of the clicked slide (ignores clones)
        const targetIndex = Slide.index;

        if (MODE === 'active') {
          // Make the clicked card the active slide (uses current focus option)
          splide.go(targetIndex);
          return;
        }

        // MODE 'left': place the clicked card in the first visible column.
        // If focus is numeric or 'center', compensate so that the clicked card becomes the first visible.
        const perPage  = Number(splide.options.perPage) || 1;
        const focusOpt = splide.options.focus;
        const focus =
          focusOpt === 'center'
            ? Math.floor(perPage / 2)
            : Number(focusOpt) || 0;

        splide.go(targetIndex + focus);
      });
    });
  }, 250);
});

/* The purpose of the script is to have the aria-expanded and aria-controls attributes for web accessibility. 
 You can remove this script and the accordion will still work. */
const btnFaq = document.querySelectorAll('.lc-practical-infos__question');
const contentFaq = document.querySelectorAll('.lc-practical-infos__answer');

btnFaq.forEach((button) => {
  button.addEventListener('click', () => {
    // Gets the current state of the button
    const isExpanded = button.getAttribute('aria-expanded') === 'true';

    // Reset all buttons to "false".
    btnFaq.forEach((currentBtn) => {
      currentBtn.setAttribute('aria-expanded', 'false');
    });

    // Changes the status of the current button
    button.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
  });
});

// Load function after HTML content is loaded
document.addEventListener('DOMContentLoaded', function () {
  // Make a tour on each button there is
  btnFaq.forEach((button, i) => {
    // Verify if the content exists before assigning aria-controls
    const contentElement = contentFaq[i];

    if (contentElement) {
      const contentId = contentElement.getAttribute('id') || `faq-content-${i}`;
      contentElement.setAttribute('id', contentId);
      button.setAttribute('aria-controls', contentId);
    } else {
      // Set aria-controls to "false" if no content is available
      button.setAttribute('aria-controls', 'false');
    }
  });
});

/* The purpose of the script is to have the aria-expanded and aria-controls attributes for web accessibility. 
 You can remove this script and the accordion will still work. */
const btnFaqHome = document.querySelectorAll('.lc-faq__question');
const contentFaqHome = document.querySelectorAll('.lc-faq__answer');

btnFaqHome.forEach((button) => {
  button.addEventListener('click', () => {
    // Gets the current state of the button
    const isExpanded = button.getAttribute('aria-expanded') === 'true';

    // Reset all buttons to "false".
    btnFaqHome.forEach((currentBtn) => {
      currentBtn.setAttribute('aria-expanded', 'false');
    });

    // Changes the status of the current button
    button.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
  });
});

// Load function after HTML content is loaded
document.addEventListener('DOMContentLoaded', function () {
  // Make a tour on each button there is
  btnFaqHome.forEach((button, i) => {
    const contentId = contentFaqHome[i].getAttribute('id');
    button.setAttribute('aria-controls', contentId);
  });
});

const questionAccordion = document.querySelectorAll('.lc-faq__accordion-item').length;
const valueCountQuestion = Math.round(questionAccordion / 2);

const dynamicStyle = document.createElement('style');
dynamicStyle.textContent = `
  .lc-faq .lc-faq__accordion .lc-faq__accordion-item:nth-child(${valueCountQuestion}) {
    -webkit-column-break-after: always;
    break-after: always;
    margin-bottom:0;

    @media(max-width: 767px){
    		-webkit-column-break-after: auto;
        break-after: auto;
        margin-bottom: var(--space-s);
    }
  }
`;

// Add the style to the head of the document or to a specific element
document.head.appendChild(dynamicStyle);

/* -- The root styles must go in the element of the structure with the name "Accordion". --*/ 

.lc-faq__accordion{
  column-count: 2;
  column-gap: var(--grid-gap);
  padding-inline-start: 0px;

  & .lc-faq__accordion-item{
    break-after: avoid;
    -webkit-break-inside: avoid-column; /* Safari */
    break-inside: avoid-column; /* Standar */
    -moz-break-inside: avoid-column; /* Firefox */

    &:last-child{
      margin-bottom: 0;
    }
  }

  @media (max-width: 767px){
    column-count: 1;
  }
}