/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
:root {
 --green: #06B16E;
 --dark-green: #0f291f;
}
header { margin-top: 20px; }
header .l-subheader.at_middle, header .w-search.active .w-search-form {width: 1400px; border-radius: 32px; border: solid 1px rgba(6, 177, 110, 0.15) !important;/*background-color: #EFF9F4;*/}
nav .menu-item.current_page { color: red !important; box-shadow: 0px 10px 40px -10px rgba(15,41,31,0.50) !important; transition: 0.5s;}

section mark {color: var(--green); background-color: #E5F8F0; border-radius: 5px; display: inline-block; padding-left: 5px; padding-right: 5px; border: solid 1px rgba(6,177,110,0.15) !important; box-shadow: none !important;}


*::-moz-selection {
  background-color: #E5F8F0;
  color: #06B16E;
  text-shadow: none;
}

::-moz-selection {
  background-color: #E5F8F0;
  color: #06B16E;
  text-shadow: none;
}

::selection {
  background-color: #E5F8F0;
  color: #06B16E;
  text-shadow: none;
}
/* HOST */
.hst-services {transition: 0.5s;}
.hst-services:hover, mark { box-shadow: 0px 10px 40px -10px rgba(15,41,31,0.50) !important; transition: 0.5s;}
.hst-checked .far { color: #0f291f; }
.hst-checked .vc_column_container:hover {box-shadow: 15px 15px 0 0 var(--color-content-link-hover) !important; transition: 0.5s;}
.hst-checked .vc_column_container{transition: 0.5s;}
/* LISTING */
.hstl-hosting-list article { border: solid 2px #06B16E; border-radius: 32px; padding-bottom: 30px;}
.htsl-tab-elements .w-tabs-list { border-radius: 15px 15px 0 0; }

/* LANDING PAGE */
.hst-listing, .hst-listing:hover  { transition: 0.5s; }
.hst-listing:hover { background-color: #E5F8F0; border-radius: 32px; border-color: none !important; }
.hst-listing:hover .hst-btn-linking.w-btn { background: #0f291f !important; color: #fff !important; }
/* END */

.hst-listing:hover .w-iconbox-icon {background: #06B16E !important; color: #E5F8F0 !important; transition: 0.3s !important;}
/* FAQ */
.w-tabs.hst-faq .w-tabs-section {margin: 20px 0px; border-radius: 15px; background-color: #E5F8F0;}
.w-tabs.hst-faq .w-tabs-section.active, .w-tabs.hst-faq.accordion>div>.w-tabs-section { border: solid 2px var(--green); }
.w-tabs.hst-faq .w-tabs-section-title {font-weight: 700; color: var(--dark-green); }

/* Filters */
.w-filter-item-value[data-value="hauts-de-france"] {
    margin-left: 25px;
}
.w-filter-item-value[data-value="roubaix"] {
    margin-left: 50px;
}


  /* Largeurs proportionnelles : 4 colonnes équivalentes ici */
@media screen and (max-width: 1100px) {
  /* Conteneur à scroller : le vrai contenu de la section */
  .scroll-section > .l-section-h {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
  }

  /* Rangée avec les colonnes horizontales */
  .scroll-section .g-cols.wpb_row {
    display: flex;
    flex-wrap: nowrap;
    min-width: fit-content;
  }

  .scroll-section .wpb_column {
    flex: 0 0 auto;
  }

  /* Largeurs fixes pour les colonnes */
  .scroll-section .wpb_column:nth-child(1) {
    width: 360px; /* Informations générales */
  }

  .scroll-section .wpb_column:nth-child(2),
  .scroll-section .wpb_column:nth-child(3),
  .scroll-section .wpb_column:nth-child(4) {
    width: 240px;
  }

  /* Scrollbar visible et esthétique */
  .scroll-section > .l-section-h::-webkit-scrollbar {
    height: 6px;
  }

  .scroll-section > .l-section-h::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }

  /* Supprime marges latérales sur mobile si besoin */
  .scroll-section > .l-section-h {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}