/*
 * ============================================================
 * CORRECTIONS RESPONSIVE MOBILE - Sibelle Escapade
 * Thème : Adventure Tours
 * Auteur : Vincent MILHAU
 * Date : 2026
 * ============================================================
 * Ces styles proviennent des fichiers LESS du thème parent
 * qui n'ont pas été compilés dans le CSS final.
 * ============================================================
 */

/* ============================================================
   1. MENU MOBILE - SLICKNAV (défini dans main-nav.less)
   ============================================================ */

/* Masquer le menu desktop et afficher le bouton mobile */
@media (max-width: 767px) {
  .main-nav {
    display: none;
  }
  .slicknav_menu {
    display: block;
  }
}

/* Conteneur du menu mobile */
.slicknav_menu {
  display: none;
  float: right;
}
.slicknav_menu a {
  border-bottom: none;
  color: #ffffff;
  opacity: 0.8;
}
.slicknav_menu li:focus {
  outline: 0 !important;
}

/* Navigation déroulante mobile */
.slicknav_menu .slicknav_nav {
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  left: 0;
  text-align: left;
  list-style: none;
  z-index: 4;
}
.slicknav_menu .slicknav_nav:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  opacity: 1;
  border-radius: 3px;
  z-index: 1;
}
.slicknav_menu .slicknav_nav:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #334960;
  opacity: 0.9;
  border-radius: 3px;
  z-index: 2;
}
.slicknav_menu .slicknav_nav li {
  line-height: 50px;
  position: relative;
  z-index: 3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.slicknav_menu .slicknav_nav li:last-child {
  border-bottom: none;
}
.slicknav_menu .slicknav_nav li > a {
  padding: 0 15px;
}
.slicknav_menu .slicknav_nav li.current-menu-item > a,
.slicknav_menu .slicknav_nav li.current-menu-ancestor > a {
  opacity: 1;
}
.slicknav_menu .slicknav_nav a {
  display: block;
  font-family: 'Oxygen', sans-serif;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  opacity: 0.6;
  position: relative;
}
.slicknav_menu .slicknav_nav a a {
  display: inline;
  opacity: 1;
}
.slicknav_menu .slicknav_nav a:hover {
  opacity: 1;
  color: #ffffff;
}
.slicknav_menu .slicknav_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slicknav_menu .slicknav_nav .sub-menu {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.slicknav_menu .slicknav_nav .sub-menu .sub-menu li {
  padding-left: 35px;
}
.slicknav_menu .slicknav_nav .sub-menu li > a {
  padding-left: 50px;
}
.slicknav_menu .slicknav_nav .slicknav_arrow {
  margin-left: 10px;
  font-family: FontAwesome;
}
.slicknav_menu .slicknav_nav .slicknav_arrow:before {
  content: "\f107";
}
.slicknav_menu .slicknav_nav .slicknav_item--open .slicknav_arrow:before {
  content: "\f106";
}

/* Bouton hamburger */
.slicknav_menu .slicknav_btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-radius: 100%;
  position: relative;
  opacity: 0.8;
  vertical-align: middle;
}
.slicknav_menu .slicknav_btn:hover {
  opacity: 1;
}
.slicknav_menu .slicknav_btn:active {
  transition: 0;
}
.slicknav_menu .slicknav_btn:focus {
  outline: 0;
}

/* Icône hamburger (3 barres) */
.slicknav_menu .slicknav_btn .slicknav_icon {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  float: left;
  display: inline-block;
  width: 20px;
  height: 2.85714px;
  background: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-radius: 3px;
}
.slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
  display: none;
}
.slicknav_menu .slicknav_btn .slicknav_icon:before,
.slicknav_menu .slicknav_btn .slicknav_icon:after {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 2.85714px;
  background: #ffffff;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-radius: 3px;
  position: absolute;
  left: 0;
  -webkit-transform-origin: 1.42857px center;
  -ms-transform-origin: 1.42857px center;
  -o-transform-origin: 1.42857px center;
  transform-origin: 1.42857px center;
}
.slicknav_menu .slicknav_btn .slicknav_icon:before {
  top: 5px;
}
.slicknav_menu .slicknav_btn .slicknav_icon:after {
  top: -5px;
}

/* Animation hamburger -> croix */
.slicknav_btn--close .slicknav_icon {
  background: transparent;
}
.slicknav_btn--close .slicknav_icon:before,
.slicknav_btn--close .slicknav_icon:after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 20px;
}
.slicknav_btn--close .slicknav_icon:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.slicknav_btn--close .slicknav_icon:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}


/* ============================================================
   2. HEADER RESPONSIVE (défini dans header.less + logo.less)
   ============================================================ */

@media (max-width: 767px) {
  .header__content {
    text-align: center;
  }
  .header__info__items-left,
  .header__info__items-right {
    float: none;
    text-align: center;
  }
  .logo {
    float: none;
  }
}

/* Désactiver le sticky header sur mobile */
@media (max-width: 767px) {
  .header-wrap--sticky-header .header {
    width: 100%;
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
  }
  .header-wrap--sticky-header .header__info {
    display: block;
  }
  .header-wrap--sticky-header .header-wrap__backlog {
    display: none;
  }
}

/* Logo plus petit sur très petits écrans */
@media (max-width: 392px) {
  #logoLink img {
    max-width: 220px;
  }
}


/* ============================================================
   3. HEADER SECTION RESPONSIVE (défini dans header-section.less)
   ============================================================ */

@media (max-width: 991px) {
  .header-section {
    line-height: normal;
    padding: 30px;
  }
  .header-section__content {
    height: auto;
    line-height: normal;
  }
  .header-section__content--breadcrumbs {
    display: block;
    padding: 0;
    width: 100%;
  }
  .header-section__title {
    text-align: center;
  }
  .header-section__title-wrap--breadcrumbs {
    display: block;
    width: auto;
  }
}

@media (max-width: 500px) {
  .header-section--with-banner .header-section__content {
    font-size: 0.5em;
  }
}


/* ============================================================
   4. BREADCRUMBS RESPONSIVE (défini dans breadcrumbs.less)
   ============================================================ */

@media (max-width: 991px) {
  .breadcrumbs {
    margin-top: 20px;
    text-align: center;
  }
  .breadcrumbs-wrap {
    display: block;
    width: auto;
    padding: 0;
  }
}


/* ============================================================
   5. GRILLE ACTIVITÉS (atgrid) RESPONSIVE (défini dans atgrid.less)
   ============================================================ */

@media (max-width: 1280px) {
  .atgrid__slider {
    padding: 0 60px;
  }
  .atgrid__slider__prev {
    left: 0;
  }
  .atgrid__slider__next {
    right: 0;
  }
}

@media (max-width: 1199px) {
  .atgrid__item__icons {
    display: none;
  }
}

@media (max-width: 991px) {
  .atgrid__item-wrap--related-and-upsells {
    margin-bottom: 30px;
  }
  .atgrid__item-wrap--related-and-upsells:last-child {
    margin-bottom: 0;
  }
  .atgrid__row-separator--related-and-upsells {
    margin-bottom: 0;
  }
}

@media (max-width: 540px) {
  .atgrid__item-wrap {
    margin-bottom: 30px;
  }
  .atgrid__item-wrap:last-child {
    margin-bottom: 0;
  }
  .atgrid__item-wrap.col-xs-6 {
    float: none;
    max-width: 360px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .atgrid__row-separator {
    margin-bottom: 0;
  }
}

@media (max-width: 400px) {
  .atgrid__slider {
    padding: 0 10px;
  }
  .atgrid__slider__next {
    right: -15px;
  }
  .atgrid__slider__prev {
    left: -15px;
  }
}

@media (max-width: 576px) {
  .atgrid__item-wrap--product {
    margin-bottom: 30px;
  }
  .atgrid__item-wrap--product:last-child {
    margin-bottom: 0;
  }
  .atgrid__item-wrap--product.col-xs-6 {
    float: none;
    max-width: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .atgrid__row-separator--product {
    margin-bottom: 0;
  }
}


/* ============================================================
   6. GRILLE LISTE (atlist) RESPONSIVE (défini dans atlist.less)
   ============================================================ */

@media (max-width: 1200px) {
  .atlist__item__rating-value {
    display: none;
  }
  .atlist__item__content:after {
    height: 88px;
  }
  .atlist__item__price-label {
    display: none;
  }
}

@media (max-width: 991px) {
  .atlist__item__content:before {
    height: 30px;
  }
}

@media (max-width: 767px) {
  .atlist__item__image {
    display: block;
    width: 100%;
  }
  .atlist__item__content {
    display: block;
    overflow: visible;
  }
  .atlist__item__content:before,
  .atlist__item__content:after {
    display: none;
  }
  .atlist__item__content__items {
    height: auto;
    position: static;
  }
  .atlist__item__content__item {
    border-right: 1px solid #e2e2e2;
  }
  .atlist__item__content__item:before {
    display: none;
  }
  .atlist__item__content__item:last-child {
    border-right: none;
  }
  .atlist__item__attributes {
    display: none;
    margin: 0 30px 30px;
    position: static;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .atlist__item__rating-value {
    display: block;
  }
  .atlist__item__price-label {
    display: block;
  }
}

@media (max-width: 500px) {
  .atlist__item__content__items {
    display: block;
  }
  .atlist__item__content__item {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    padding-bottom: 10px;
    border-right: none;
    border-bottom: 1px solid #e2e2e2;
  }
  .atlist__item__content__item:before {
    display: none;
  }
}


/* ============================================================
   7. ONGLETS DES OFFRES (tours-tabs) RESPONSIVE
   ============================================================ */

@media (max-width: 767px) {
  .tours-tabs__info__item {
    display: block;
    border-right: none;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
  }
  .tours-tabs__info__item:last-child {
    border-bottom: none;
  }
  .tours-tabs__info__item__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .tours-tabs__table {
    display: block;
  }
  .tours-tabs__table thead,
  .tours-tabs__table tbody,
  .tours-tabs__table tfoot,
  .tours-tabs__table tr,
  .tours-tabs__table td,
  .tours-tabs__table th {
    display: block;
    width: auto !important;
    height: auto !important;
  }
  .tours-tabs__table td,
  .tours-tabs__table th {
    padding: 0;
  }
  .tours-tabs__table > tr,
  .tours-tabs__table > thead > tr,
  .tours-tabs__table > tbody > tr,
  .tours-tabs__table > tfoot > tr {
    padding: 20px;
  }
  .tours-tabs .panel-heading a {
    height: auto;
  }
}

@media (max-width: 500px) {
  .tours-tabs__table > tr,
  .tours-tabs__table > thead > tr,
  .tours-tabs__table > tbody > tr,
  .tours-tabs__table > tfoot > tr {
    padding: 10px;
  }
}


/* ============================================================
   8. FOOTER NAVIGATION RESPONSIVE (footer-nav.less)
   ============================================================ */

@media (max-width: 991px) {
  .footer-nav {
    text-align: left;
  }
  .footer-nav ul {
    margin-top: 20px;
  }
}


/* ============================================================
   9. NAVIGATION ENTRE ARTICLES (navigation.less)
   ============================================================ */

@media (max-width: 767px) {
  .navigation__prev,
  .navigation__next {
    display: none;
  }
}

@media (max-width: 500px) {
  .navigation__prev,
  .navigation__next {
    display: inline-block;
    float: none;
    margin-right: 30px;
  }
  .navigation__prev:last-child,
  .navigation__next:last-child {
    margin-right: 0;
  }
  .navigation__items {
    display: none;
  }
}


/* ============================================================
   10. GALLERIE RESPONSIVE (gallery.less)
   ============================================================ */

@media (max-width: 767px) {
  .gallery .pagination .jp-previous,
  .gallery .pagination .jp-next {
    display: none;
  }
}

@media (max-width: 500px) {
  .gallery .pagination .jp-previous,
  .gallery .pagination .jp-next {
    display: inline-block !important;
    float: none;
    margin-right: 30px;
  }
  .gallery .pagination .jp-previous:last-child,
  .gallery .pagination .jp-next:last-child {
    margin-right: 0;
  }
}


/* ============================================================
   11. FORMULAIRES RESPONSIVE (forms.less)
   ============================================================ */

@media (max-width: 767px) {
  .form-block--faq + .block-after-indent {
    margin-top: 30px !important;
  }
  .form-block--with-label .form-block__form .row {
    display: block;
  }
}

@media (max-width: 500px) {
  .form-block--full-width .form-block__form {
    margin-left: -2000px;
    margin-right: -2000px;
    padding-left: 2000px;
    padding-right: 2000px;
  }
}


/* ============================================================
   12. RECHERCHE POPUP RESPONSIVE (search-form-popup.less)
   ============================================================ */

@media (max-width: 500px) {
  .search-form-popup {
    width: 100%;
  }
  .mfp-close {
    top: 50px !important;
    right: 50px !important;
  }
}


/* ============================================================
   13. CADEAU / GIFT CART RESPONSIVE (gift-cart.less)
   ============================================================ */

@media (max-width: 991px) {
  .gift-cart__box {
    padding-right: 60px !important;
    padding-left: 150px !important;
  }
  .gift-cart__button {
    margin-top: 20px !important;
    position: static !important;
    transform: none !important;
  }
  .gift-cart__bow {
    left: 60px !important;
  }
}

@media (max-width: 500px) {
  .gift-cart__box {
    padding-right: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 95px !important;
  }
  .gift-cart__button {
    line-height: 30px;
    padding: 0 30px;
  }
  .gift-cart__bow {
    left: 40px !important;
  }
}


/* ============================================================
   14. MINIATURES PRODUIT RESPONSIVE (product-thumbnails.less)
   ============================================================ */

@media (max-width: 500px) {
  .product-thumbnails__item {
    width: 50% !important;
  }
}


/* ============================================================
   15. PARALLAXE RESPONSIVE (parallax.less)
   ============================================================ */

.parallax-image {
  width: 100%;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
}
@media (max-width: 768px) {
  .parallax-image {
    background-attachment: scroll;
    background-position: 50% 50% !important;
    background-size: cover;
  }
}
.parallax-image--unsupported {
  background-attachment: scroll;
  background-position: 50% 50% !important;
  background-size: cover;
}


/* ============================================================
   16. ICÔNES SÉT RESPONSIVE (icons-set.less)
   ============================================================ */

@media (max-width: 767px) {
  .icons-set__row {
    margin-bottom: 0;
  }
  .icons-set__item {
    margin-bottom: 30px;
  }
}


/* ============================================================
   17. TITRE AVEC LIEN RESPONSIVE (title-block-link.less)
   ============================================================ */

@media (max-width: 767px) {
  .title-block-link--with-button {
    display: block;
  }
  .title-block-link--with-button .title-block-link__text-wrap,
  .title-block-link--with-button .title-block-link__button-wrap {
    display: block;
    width: 100%;
    padding: 0;
  }
}


/* ============================================================
   18. PRIX DÉCORATIF RESPONSIVE (price-decoration.less)
   ============================================================ */

@media (max-width: 991px) {
  .price-decoration {
    margin-top: 0 !important;
    margin-bottom: 30px;
  }
}


/* ============================================================
   19. AVIS CLIENTS RESPONSIVE (tour-reviews.less)
   ============================================================ */

@media (max-width: 767px) {
  .tour-reviews__item__rating {
    float: none;
  }
  .tour-reviews__item__date {
    float: none;
  }
  .tour-reviews__form input[type="text"],
  .tour-reviews__form textarea {
    width: 100%;
  }
}


/* ============================================================
   20. NOTIFICATIONS RESPONSIVE (notices-box.less)
   ============================================================ */

@media (max-width: 991px) {
  .notices-box {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


/* ============================================================
   21. BOUTON DE RÉSERVATION FIXE (tour-fixed-booking-btn-box.less)
   ============================================================ */

@media (max-width: 991px) {
  .tour-booking-form-is-scrolled-out .tour-fixed-booking-btn-box {
    display: block;
  }
}


/* ============================================================
   22. ACCORDÉON RESPONSIVE (accordion.less)
   ============================================================ */

@media (max-width: 767px) {
  .panel-heading a {
    height: auto;
  }
}


/* ============================================================
   23. SLIDER CATÉGORIES D'ACTIVITÉS (tours-type.less)
   ============================================================ */

@media (max-width: 1200px) {
  .tours-type__slider {
    padding: 0 40px;
  }
  .tours-type__slider__prev {
    left: 0;
  }
  .tours-type__slider__next {
    right: 0;
  }
}


/* ============================================================
   24. CATÉGORIES PRODUIT RESPONSIVE (product-category.less)
   ============================================================ */

@media (max-width: 576px) {
  .product-category-wrap {
    float: none;
    max-width: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .product-category-wrap:last-child {
    margin-bottom: 0;
  }
  .product-category__row-separator {
    margin-bottom: 0;
  }
}


/* ============================================================
   25. ADMIN BAR - RESPONSIVE WORDPRESS
   ============================================================ */

@media screen and (max-width: 782px) {
  .admin-bar .header-wrap--sticky-header .header {
    top: 46px;
  }
}


/* ============================================================
   26. IMAGES RESPONSIVES (complément)
   ============================================================ */

img {
  max-width: 100%;
  height: auto;
}

.google-map img {
  max-width: none;
}


/* ============================================================
   27. TABLEAUX RESPONSIFS
   ============================================================ */

@media (max-width: 767px) {
  .adv-table-responsive {
    display: block;
  }
  .adv-table-responsive thead,
  .adv-table-responsive tbody,
  .adv-table-responsive tfoot,
  .adv-table-responsive tr,
  .adv-table-responsive td,
  .adv-table-responsive th {
    display: block;
  }
}