/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/* ===========================================================
   POLICE
=========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.rc-search-page, .rc-search-page *,
.rc-searchbar, .rc-searchbar * {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

@supports (overflow-x: clip){ body{ overflow-x: clip; } }

/* ===========================================================
   HERO RECHERCHE MOULINET
=========================================================== */
.rc-search-page h1{ display:none; }

.rc-search-page .rc-hero-search{
  position: relative;
  width: 100vw; max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 260px 0 160px;
  text-align: center;
  overflow: visible;
  z-index: 10;
}
/* bg via pseudo-élément (fallback si .search-hero__bg non présent) */
.rc-search-page .rc-hero-search::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,.12) 100%),
    url('/wp-content/themes/hello-elementor-child/images/HeroSearch.webp') center/cover no-repeat;
}
/* si tu utilises <div class="search-hero__bg"></div> */
.rc-hero-search .search-hero__bg{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.32) 0%, rgba(0,0,0,.12) 100%),
    url('/wp-content/themes/hello-elementor-child/images/HeroSearch.webp') center/cover no-repeat;
}

.rc-search-page .rc-hero-search .rc-results-title{
  margin: 0 20px 26px;
  font-weight: 700; font-size: clamp(24px, 3.2vw, 38px);
  line-height: 1.2; color:#fff;
}
.rc-search-page .rc-hero-search .rc-results-title span{ color:#FF5C1B; }

/* Barre de recherche (Hero) */
.rc-search-page .form-recherche-moulinet--hero{
  position: relative;
  display: grid; grid-template-columns: 1fr auto;
  gap: 12px; align-items: center;
  max-width: 880px; margin: 0 auto; z-index: 20;
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-input{
  height: 80px; padding: 0 24px; font-size: 20px;
  border-radius: 40px; border: 1px solid #E5E7EB;
  background:#fff; color:#002833;
  box-shadow: 0 6px 16px rgba(0,0,0,.06);
  outline:none; -webkit-appearance:none;
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-input:focus{
  border-color:#004E66; box-shadow: 0 0 0 4px rgba(0,78,102,.12);
}
.rc-search-page .form-recherche-moulinet--hero button[type="submit"]{
  height: 80px; min-width: 80px; border-radius: 40px; border:none;
  background:#004E66; color:#fff;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition: background .2s ease, transform .1s ease;
}
.rc-search-page .form-recherche-moulinet--hero button[type="submit"]:hover{
  background:#FF5C1B; color:#fff;
}
.rc-search-page .form-recherche-moulinet--hero button[type="submit"] svg{
  width: 32px; height: 32px;
}

/* Suggestions (Hero) */
.rc-search-page .form-recherche-moulinet--hero #autocomplete-results{
  position:absolute; left:0; right: calc(80px + 12px); top: calc(100% + 8px);
  z-index: 99999; background:#fff; border:1px solid #E5E7EB;
  border-radius:12px; max-height:320px; overflow-y:auto;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  display:none; opacity:0; transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  pointer-events: none;
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-results.show{
  display:block; opacity:1; transform: translateY(0);
  pointer-events: auto;
  box-shadow: 0 16px 32px rgba(0,0,0,.18);
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-results ul{
  list-style:none; margin:0; padding:6px 0;
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-results li{
  display:flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:8px; cursor:pointer;
  color:#002833; font-size:1rem;
}
.rc-search-page .form-recherche-moulinet--hero #autocomplete-results li:hover{
  background:#F6F8FA;
}

/* ===========================================================
   ZONE RESULTATS
=========================================================== */
.rc-search-page .rc-results-zone{
  background:#0B2F38; padding:56px 0 80px; position: relative; z-index: 1;
}
.rc-search-page .rc-results-inner{ max-width:1280px; margin:0 auto; padding:0 20px; }
.rc-search-page .rc-search-results{ max-width:1180px; margin:0 auto; }

/* compteur lisible */
.rc-results-zone .rc-search-results p,
.rc-results-zone .rc-search-results .woocommerce-result-count{
  color:#fff !important;
}

/* ===========================================================
   TABLEAU RESULTATS — coins sans liseré blanc
=========================================================== */
.rc-search-page .results-table {
  position: relative;
  width: 100%;
  margin-top: 18px;
  font-size: .95rem;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  min-width: 680px;

  border-collapse: collapse !important; /* ✅ fusionne tout */
  border: none !important;              /* ✅ supprime toute bordure externe */
}

/* En-tête */
.rc-search-page .results-table thead tr {
  background: #004E66;
  color: #fff;
}
.rc-search-page .results-table th,
.rc-search-page .results-table td {
  padding: 12px 10px;
  text-align: left;
  vertical-align: middle;
  border: none; /* ✅ pas de contour individuel */
}

/* Séparateurs horizontaux uniquement */
.rc-search-page .results-table tbody tr {
  border-bottom: 1px solid rgba(0,56,76,0.25);
}
.rc-search-page .results-table tbody tr:last-child {
  border-bottom: none;
}

/* Coins arrondis nets */
.rc-search-page .results-table thead tr th:first-child {
  border-top-left-radius: 12px;
}
.rc-search-page .results-table thead tr th:last-child {
  border-top-right-radius: 12px;
}
.rc-search-page .results-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
.rc-search-page .results-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Cellules */
.rc-search-page .results-table .thumbcell{ width:90px; text-align:center; }
.rc-search-page .results-table .thumbcell img{
  max-height:50px; display:block; margin-inline:auto;
}
.rc-search-page .results-table td.col-nom{
  font-weight:600; font-size:1.05rem; color:#002833;
}
.rc-search-page .results-table td.col-nom a{
  color:#002833; text-decoration:none;
}

/* Ligne cliquable mais SANS overlay */
.rc-search-page .results-table .rc-row{ cursor:pointer; }
.rc-search-page .results-table .rc-row:focus{
  outline: 3px solid rgba(0,78,102,.35);
  outline-offset: -3px; border-radius: 4px;
}

/* Mobile */
@media (max-width:600px){
  .rc-search-page .results-table th,
  .rc-search-page .results-table td{ padding:10px 8px; font-size:13px; }
  .rc-search-page .results-table td.col-nom{ font-size:14px; }
}

/* ===========================================================
   PAGINATION
=========================================================== */
.rc-pagination{
  display:flex; gap:8px; justify-content:center; margin:20px 0 0;
}
.rc-pagination a{
  display:inline-block; min-width:40px; height:40px; line-height:40px;
  text-align:center; border-radius:8px;
  background:#fff; color:#004E66;
  border:1px solid #E5E7EB;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.rc-pagination a:hover{ background:#FF5C1B; color:#fff; border-color:#FF5C1B; }
.rc-pagination a.is-active{ background:#004E66; color:#fff; border-color:#004E66; }

/* ===========================================================
   ACCUEIL — BARRE RECHERCHE AVEC AUTOCOMPLETE
=========================================================== */
.rc-searchbar{
  position: relative; display:grid; grid-template-columns: 1fr auto;
  gap:12px; align-items:center; max-width:880px; margin:0 auto;
}
.rc-searchbar #autocomplete-input{
  height:80px; padding:0 24px; font-size:20px;
  border-radius:40px; border:1px solid #E5E7EB;
  background:#fff; color:#002833;
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  outline:none;
}
.rc-searchbar #autocomplete-input:focus{
  border-color:#004E66; box-shadow:0 0 0 4px rgba(0,78,102,.12);
}
.rc-searchbar .rc-btn{
  height:80px; min-width:80px; border-radius:40px; border:none;
  background:#004E66; color:#fff;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition: background .2s ease;
}
.rc-searchbar .rc-btn:hover{ background:#FF5C1B; }

/* Suggestions accueil */
.rc-searchbar #autocomplete-results{
  position:absolute; left:0; right:0; top: calc(100% + 8px);
  background:#fff; border:1px solid #E5E7EB; border-radius:12px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  max-height:320px; overflow-y:auto;
  z-index:9999; display:none; opacity:0; transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  pointer-events:none;
}
.rc-searchbar #autocomplete-results.show{
  display:block; opacity:1; transform: translateY(0);
  pointer-events:auto; box-shadow:0 16px 32px rgba(0,0,0,.18);
}
.rc-searchbar #autocomplete-results ul{ list-style:none; margin:0; padding:6px 0; }
.rc-searchbar #autocomplete-results li{
  display:flex; align-items:center; gap:10px; padding:10px 14px;
  border-radius:8px; cursor:pointer; color:#002833; font-size:1rem;
}
.rc-searchbar #autocomplete-results li:hover{ background:#F6F8FA; }

@media (max-width:540px){
  .rc-searchbar #autocomplete-input{ height:68px; font-size:18px; padding:0 20px; }
  .rc-searchbar .rc-btn{ height:68px; min-width:68px; }
}