/* ═══════════════════════════════════════════════════════════════════════════
   niceTrotter — surcharge UI resserrée
   Même identité, moins de bruit. Hiérarchie plus nette, surfaces plus calmes.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Canvas */
  --w:      #f4f7fb;
  --off:    #faf8f6;

  /* Primary */
  --b:      #1d72d8;
  --b-d:    #155ab3;
  --b-l:    #dbeafe;
  --b-ll:   #f3f8ff;
  
  /* Accent */
  --turq:   #2fa7d7;
  --turq-l: #d9f2fb;
  
  /* Warm accent */
  --a:      #c68a1a;
  --a-d:    #a97212;
  --a-l:    #f7ecd0;

  /* Semantic */
  --ok:     #158a6b;
  --ok-l:   #d7f3ea;
  --no:     #d63a3a;
  --no-l:   #fee2e2;

  /* Text */
  --t1:     #132238;
  --t2:     #41556e;
  --t3:     #7b8aa0;
  --tw:     #ffffff;

  --font: 'Inter','Open Sans',system-ui,-apple-system,sans-serif;
  --nav-h: 60px;
  --ease: cubic-bezier(.4,0,.2,1);
}

/* ════ RESET ════ */
*,*::before,*::after{box-sizing:border-box!important;}

body {
  background: var(--w) !important;
  background-image: 
    radial-gradient(ellipse at 12% 0%, rgba(29,114,216,.045) 0%, transparent 45%),
    radial-gradient(ellipse at 88% 100%, rgba(198,138,26,.03) 0%, transparent 45%) !important;
  color: var(--t1) !important;
  font-family: var(--font) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased !important;
  padding: 0 !important;
  min-height: 100vh !important;
}

a:link,a:visited{color:var(--b)!important;text-decoration:none!important;transition:color .15s var(--ease)!important;}
a:hover{color:var(--b-d)!important;text-decoration:underline!important;text-underline-offset:2px!important;}
img{border:0!important;max-width:100%!important;height:auto!important;}
hr{border:0!important;border-bottom:3px solid var(--b-l)!important;margin:2.5rem 0!important;}
input,textarea,select,button{font-family:var(--font)!important;}

/* ════ TYPOGRAPHY ════ */
h1,h2,h3,h4{font-family:var(--font)!important;color:var(--t1)!important;line-height:1.15!important;margin:1.2em 0 .4em!important;font-weight:700!important;letter-spacing:-.025em!important;}
h1{font-size:clamp(2rem,4.5vw,3.2rem)!important;font-weight:800!important;letter-spacing:-.04em!important;border:0!important;padding:0!important;}
h1:first-child{margin-top:0!important;}
h2{font-size:clamp(1.2rem,2.5vw,1.7rem)!important;font-weight:700!important;letter-spacing:-.02em!important;clear:none!important;padding:0!important;}
h2 a{color:var(--t1)!important;}
h3{font-size:1.05rem!important;font-weight:600!important;padding-left:0!important;}
h4{font-size:.9rem!important;font-weight:600!important;padding-left:0!important;border-bottom:0!important;color:var(--t2)!important;}
strong,b{color:var(--t1)!important;font-weight:600!important;}
p{line-height:1.7!important;color:var(--t2)!important;}
#article strong,#article-galerie strong{color:var(--t1)!important;}
#article p,#article-galerie p{color:var(--t2)!important;}

/* ════ NAVIGATION — azure gradient ════ */
#menu-rapide{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  width:100%!important;height:var(--nav-h)!important;
  padding:0 3rem 0 1.25rem!important;
  background:rgba(255,255,255,.93)!important;
  background-image:none!important;
  backdrop-filter:blur(14px) saturate(160%)!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important;
  border-bottom:1px solid rgba(219,226,238,.9)!important;
  z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;max-width:100%!important;
  box-shadow:0 1px 0 rgba(19,34,56,.02), 0 10px 30px rgba(19,34,56,.03)!important;
}

#menu-rapide::after{content:''!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg, var(--b) 0%, var(--turq) 55%, var(--a) 100%)!important;opacity:.75!important;}

#menu-rapide ul{display:flex!important;align-items:center!important;gap:.2rem!important;list-style:none!important;margin:0!important;padding:0!important;}
#menu-rapide li{display:flex!important;align-items:center!important;float:none!important;margin:0!important;border-bottom:0!important;position:relative!important;list-style-type:none!important;}
#menu-rapide a{color:var(--t2)!important;font-weight:500!important;font-size:.85rem!important;letter-spacing:.005em!important;text-transform:none!important;text-shadow:none!important;padding:.5rem .8rem!important;border-radius:8px!important;transition:all .15s var(--ease)!important;white-space:nowrap!important;text-decoration:none!important;}
#menu-rapide a:hover{color:var(--b)!important;background:var(--b-ll)!important;text-decoration:none!important;}

/* Desktop nav: bold blue entries */
@media (min-width: 769px){
  #menu-rapide > #mmenu > li > a{
    color: var(--b) !important;
    font-weight: 700 !important;
  }
  #menu-rapide > #mmenu > li > a:hover{
    color: var(--b-d) !important;
  }
}
#menu-rapide li.current{background:var(--b-l)!important;border-radius:8px!important;padding-bottom:0!important;}
#menu-rapide li.current>a{color:var(--b)!important;font-weight:600!important;}

/* Dropdown */
#menu-rapide ul li ul{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:-4px!important;min-width:220px!important;background:var(--w)!important;border:1px solid var(--b-l)!important;border-radius:12px!important;box-shadow:0 18px 40px rgba(19,34,56,.12)!important;padding:.4rem!important;margin:0!important;z-index:10000!important;flex-direction:column!important;gap:0!important;}
#menu-rapide ul li:hover>ul{display:flex!important;}
#menu-rapide ul li:hover ul li{display:flex!important;float:none!important;border:0!important;border-radius:8px!important;margin:0!important;padding:0!important;min-width:0!important;overflow:visible!important;background:transparent!important;}
#menu-rapide ul li:hover ul a{font-weight:500!important;padding:.6rem .85rem!important;display:block!important;width:100%!important;color:var(--t2)!important;font-size:.85rem!important;border-radius:8px!important;}
#menu-rapide ul li:hover ul li:hover>a{background:var(--b-l)!important;color:var(--b-d)!important;}

/* ── Logo ── */
#menu-rapide>ul:first-child{flex-shrink:0!important;flex-grow:0!important;width:auto!important;margin-right:.75rem!important;}
#menu-rapide>#mmenu{margin-left:0!important;justify-content:center!important;}

/* Keep logo on the left, center menu items as a group */
#menu-rapide>ul:first-child{position:absolute!important;left:1.25rem!important;}
#logosite{border:0!important;margin:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important;height:var(--nav-h)!important;line-height:1!important;}
#logosite a{display:flex!important;align-items:center!important;font-size:1.25rem!important;font-weight:800!important;color:var(--t1)!important;letter-spacing:-.02em!important;text-decoration:none!important;text-shadow:none!important;padding:0!important;white-space:nowrap!important;}

/* "nice" badge — white on azure */
#logosite a>span:first-child,
#logosite a>span[style*="text-transform"]{
  display:inline!important;background:var(--b)!important;color:#fff!important;
  border-radius:6px!important;padding:.08em .25em!important;margin-right:.08em!important;
  font-size:1em!important;font-weight:900!important;line-height:1!important;
  text-transform:uppercase!important;box-shadow:none!important;
}
#logosite a>sup{font-size:.38em!important;color:var(--t3)!important;font-weight:400!important;margin-left:.05em!important;}
/* Subtitle — gone */
#logosite a>span[style*="display:block"],
#logosite a>span[style*="text-align:center"],
#logosite a>span:nth-child(3){display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;font-size:0!important;padding:0!important;margin:0!important;line-height:0!important;}


/* ════ LAYOUT — full-bleed slider + centered content ════ */
#conteneur{
  width:100%!important;
  max-width:1200px!important;
  margin:var(--nav-h) auto 0!important;
  padding:0 1.25rem!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
#back{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:1rem 0 0!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:1.5rem!important;
  align-items:start!important;
}

#centre{
  background:var(--w)!important;
  border-radius:16px!important;
  box-shadow:0 1px 3px rgba(19,34,56,.05)!important;
  border:1px solid var(--b-l)!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#article,#article-galerie{padding:1.5rem 1.75rem!important;text-align:left!important;}
#article p,#article-galerie p{padding:.25em 0!important;line-height:1.75!important;}
#article ul,#article ol{padding-left:1.5em!important;}
#article li{line-height:1.7!important;margin-bottom:.2em!important;}
#article p>img{border-radius:10px!important;border:1px solid var(--b-l)!important;box-shadow:0 8px 24px rgba(19,34,56,.06)!important;}

/* Tables */
#article table,#article-galerie table{width:100%!important;border-collapse:collapse!important;border:2px solid var(--b-l)!important;border-radius:8px!important;overflow:hidden!important;margin:1.5em 0!important;background:transparent!important;}
#article th,#article-galerie th{background:var(--b)!important;color:#fff!important;font-weight:600!important;text-align:left!important;padding:.7rem 1rem!important;border:0!important;font-size:.78rem!important;letter-spacing:.04em!important;}
#article td,#article-galerie td{padding:.6rem 1rem!important;border:0!important;border-bottom:1px solid var(--b-l)!important;color:var(--t2)!important;}

/* Sidebar */
#droite{
  background:transparent!important;
  float:none!important;
  width:100%!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1.1rem!important;
  max-width:none!important;
  margin:0!important;
}
#droite h2{font-size:.76rem!important;padding:.65rem .9rem!important;margin:0!important;background:var(--w)!important;border-radius:10px!important;border:1px solid var(--b-l)!important;border-left:4px solid var(--b)!important;letter-spacing:.03em!important;font-weight:700!important;color:var(--b-d)!important;box-shadow:0 1px 3px rgba(19,34,56,.04)!important;}
#droite table,#droite tr,#droite td{border:none!important;}
#droite ul{margin-top:.5em!important;margin-bottom:.5em!important;padding-left:1.5em!important;}
#droite ul li{color:var(--t3)!important;font-size:.9rem!important;}
#droite ul a{color:var(--t2)!important;}
#droite ul a:hover{color:var(--b)!important;}
#droite input[type="text"]{width:100%!important;}

/* Alternate layouts */
#back:has(#gauche){display:grid!important;grid-template-columns:180px 1fr!important;max-width:var(--nt-max-w)!important;margin:0 auto!important;padding:0 1.5rem!important;}
#gauche{float:none!important;width:100%!important;clear:none!important;}
#centre-galerie{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important;float:none!important;width:100%!important;margin:0!important;overflow:visible!important;}
#article-galerie{padding:0!important;text-align:left!important;}
#droite-galerie{float:none!important;width:100%!important;}


/* ════ SLIDER — full-bleed, turquoise overlay ════ */
.bx-wrapper{
  border:0!important;margin:0!important;box-shadow:none!important;
  border-radius:0!important;overflow:hidden!important;background:var(--w)!important;
  width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  max-width:100vw!important;
}
.bx-window{border-radius:0!important;overflow:hidden!important;}

.top-box{
  position:relative!important;
  overflow:visible!important;
  margin-bottom:1em!important;
  cursor:pointer!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
}
.top-box img{display:block!important;width:100%!important;height:auto!important;filter:none!important;transition:none!important;}
.top-box:hover img{filter:none!important;}
.top-box p{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:.5em .75em!important;
  background:#3a3a3a!important;
  border-top:0!important;
  width:100%!important;
}
.top-box span{color:var(--t1)!important;display:block!important;font-size:.9em!important;line-height:1.4!important;}
.top-box strong{color:#f5f5f5!important;text-transform:none!important;font-size:1rem!important;font-weight:700!important;letter-spacing:0!important;display:block!important;margin-bottom:.2em!important;text-shadow:none!important;}
.top-box a{color:#f5f5f5!important;text-decoration:none!important;}
/* bxSlider injects very large track widths; keep each slide on its JS width. */
.bx-wrapper .top-box,
.bx-wrapper .top-box.pager{
  width:auto!important;
}
#article .top-box p,
#article-galerie .top-box p{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  padding:.5em .75em!important;
  background:#3a3a3a!important;
  border-top:0!important;
  width:100%!important;
}
#article .top-box span,
#article-galerie .top-box span{
  color:#e8e8e8!important;
  display:block!important;
  font-size:.9em!important;
  line-height:1.4!important;
}
#article .top-box strong,
#article-galerie .top-box strong{
  color:#ffffff!important;
  text-transform:none!important;
  font-size:.92rem!important;
  font-weight:700!important;
  letter-spacing:0!important;
  display:block!important;
  margin-bottom:.15em!important;
  text-shadow:none!important;
}

/* Slider arrows — white with sky shadow */
.bx-prev,.bx-next{top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;border:0!important;box-shadow:0 8px 24px rgba(19,34,56,.12)!important;transition:all .2s var(--ease)!important;}
.bx-prev:hover,.bx-next:hover{background:#fff!important;box-shadow:0 10px 28px rgba(19,34,56,.16)!important;transform:translateY(-50%) scale(1.05)!important;}
.bx-prev{left:2rem!important;}
.bx-next{right:2rem!important;}
#prevBX,#nextBX{opacity:.8!important;}
.bx-wrapper:hover #prevBX,.bx-wrapper:hover #nextBX{opacity:1!important;}

/* Pager — white to turquoise dots */
.bx-pager{bottom:2rem!important;z-index:10!important;text-align:right!important;padding-right:4rem!important;}
.bx-pager-item{display:inline-block!important;margin:0 5px!important;}
.bx-pager-link{display:inline-block!important;width:10px!important;height:10px!important;border-radius:50%!important;background:rgba(255,255,255,.45)!important;transition:all .25s var(--ease)!important;}
.bx-pager-link.active,.bx-pager-link:hover{background:#fff!important;transform:scale(1.3)!important;}


/* ════ CONTENT CARDS ════ */
.category-entry{
  background:var(--w)!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(19,34,56,.05)!important;
  border:1px solid var(--b-l)!important;
  padding:1.35rem!important;margin:1.25rem 0!important;overflow:hidden!important;
  transition:all .2s var(--ease)!important;
}
.category-entry:first-of-type{margin-top:.5rem!important;}
.category-entry:hover{box-shadow:0 12px 28px rgba(19,34,56,.09)!important;transform:translateY(-2px)!important;}
.category-entry h2{margin:0 0 .5rem!important;font-size:1.15rem!important;}
.category-entry a>img{border-radius:12px!important;transition:transform .3s var(--ease)!important;}
.category-entry:hover a>img{transform:scale(1.02)!important;}


/* ════ SIDEBAR BOXES ════ */
.boxtype{
  background:var(--w)!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(19,34,56,.04)!important;
  border:1px solid var(--b-l)!important;padding:0!important;
  margin:0 0 1.25rem!important;width:100%!important;float:none!important;
  text-align:left!important;overflow:hidden!important;
  transition:all .2s var(--ease)!important;
}
.boxtype:hover{box-shadow:0 10px 26px rgba(19,34,56,.08)!important;transform:translateY(-2px)!important;}
.boxtype h3{margin:0!important;padding:.65rem .85rem!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.02em!important;border:0!important;background:var(--b-ll)!important;color:var(--b-d)!important;border-radius:12px 12px 0 0!important;}
.boxtype p{padding:.65rem .85rem!important;font-size:.85rem!important;line-height:1.55!important;color:var(--t2)!important;}
.boxtype .illus{width:100%!important;display:block!important;}
#droite .boxtype{width:100%!important;}
#droite .illus{width:100%!important;}


/* ════ HOTEL TABLE ════ */
.listinghotelstable{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:2px solid var(--b-l)!important;border-radius:14px!important;overflow:hidden!important;background:transparent!important;}
.listinghotelstable td{border:0!important;border-bottom:1px solid var(--b-l)!important;padding:.75rem!important;vertical-align:middle!important;color:var(--t2)!important;}
.listinghotelstable tr:last-child td{border-bottom:0!important;}
.listinghotelstable tr{background:transparent!important;transition:background .12s var(--ease)!important;}
.listinghotelstable tr:hover td{background:var(--b-ll)!important;}
.listinghotelstable th{background:linear-gradient(135deg, var(--b), var(--turq))!important;border:0!important;color:#fff!important;padding:.7rem .85rem!important;font-size:.75rem!important;font-weight:600!important;text-align:left!important;letter-spacing:.04em!important;}
.hoteline:hover td{background:var(--b-ll)!important;}
.hoteline:hover{cursor:pointer!important;}
.hotelsphoto{border-radius:10px!important;margin-left:0!important;}
.hotelsinfo{float:none!important;width:auto!important;padding:0!important;}

/* Price — amber gradient */
.price{
  background:linear-gradient(135deg, #f59e0b, #d97706)!important;color:var(--t1)!important;border-radius:10px!important;
  font-size:1.2rem!important;padding:.25em .5em!important;text-align:center!important;
  width:auto!important;min-width:75px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  font-weight:800!important;letter-spacing:-.02em!important;
  box-shadow:0 4px 12px rgba(245,158,11,.25)!important;
}
.price a{color:var(--t1)!important;display:block!important;}
.price span{font-size:.45em!important;display:block!important;color:var(--t2)!important;font-weight:500!important;}

.listinghotels{background:transparent!important;border-bottom:2px solid var(--b-l)!important;padding:.75rem 0!important;margin-bottom:.5rem!important;transition:background .12s var(--ease)!important;}
.listinghotels:hover{background:var(--b-ll)!important;}

/* Hotel sub-nav */
#menu-hotel{list-style:none!important;display:flex!important;gap:.35rem!important;margin:1.5rem 0 0!important;padding:0!important;flex-wrap:wrap!important;}
#menu-hotel li{float:none!important;width:auto!important;background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:var(--nt-r-pill, 999px)!important;margin:0!important;transition:all .15s var(--ease)!important;}
#menu-hotel li a{color:var(--b)!important;padding:.4rem .9rem!important;font-size:.8rem!important;font-weight:600!important;}
#menu-hotel li:hover{background:var(--b)!important;border-color:var(--b)!important;}
#menu-hotel li:hover a{color:#fff!important;}
#menu-hotel li.current{background:var(--b)!important;border-color:var(--b)!important;padding-bottom:0!important;}
#menu-hotel li.current a{color:#fff!important;}

/* Hotel reservation */
.blocresa{background:var(--w)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(14,165,233,.06)!important;padding:1.5rem!important;min-height:auto!important;height:auto!important;clear:none!important;overflow:visible!important;}
.blocresa h2{background:none!important;color:var(--t1)!important;font-size:1.1rem!important;margin:0 0 .5rem!important;}
#encadrimage{float:none!important;width:100%!important;border-radius:14px!important;overflow:hidden!important;}
#encadrimage #tour{overflow:hidden!important;border-radius:14px!important;}
#encadrimage #tour #legende{background:linear-gradient(transparent,rgba(0,0,0,.6))!important;filter:none!important;opacity:1!important;}
#inforesa{float:none!important;width:100%!important;}
#inforesa table{background:var(--b-ll)!important;border-radius:10px!important;border:1px solid var(--b-l)!important;}


/* ════ FILTERS ════ */
#sortby,#jaffine{background:linear-gradient(135deg, var(--b-ll), var(--turq-l))!important;border:2px solid var(--b-l)!important;border-radius:14px!important;padding:1rem 1.25rem!important;margin:1.5rem 0!important;line-height:1.8!important;}
#sortby strong{display:block!important;margin-bottom:.2rem!important;font-size:.75rem!important;font-weight:700!important;color:var(--b-d)!important;}
.critere{color:var(--b)!important;padding:.1em .5em!important;font-weight:700!important;font-size:.82em!important;background:var(--b-l)!important;border-radius:4px!important;}

/* Pagination */
.pagination{display:flex!important;gap:.3rem!important;justify-content:flex-end!important;margin:1.5rem 0!important;padding:0!important;list-style:none!important;flex-wrap:wrap!important;}
.pagination li{display:inline-block!important;list-style:none!important;padding:0!important;}
.pagination li a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 .5rem!important;border-radius:8px!important;border:2px solid var(--b-l)!important;background:var(--w)!important;color:var(--b)!important;font-size:.85rem!important;font-weight:600!important;text-decoration:none!important;transition:all .15s var(--ease)!important;}
.pagination li a:hover{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important;text-decoration:none!important;}
.pagination .current{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 .5rem!important;font-size:.85rem!important;font-weight:700!important;}

ul.pagelist{display:flex!important;gap:.3rem!important;justify-content:center!important;list-style:none!important;padding:0!important;margin:2rem 0!important;}
ul.pagelist li a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:38px!important;padding:0 .5rem!important;border-radius:8px!important;border:2px solid var(--b-l)!important;background:var(--w)!important;color:var(--b)!important;font-size:.85rem!important;text-decoration:none!important;transition:all .15s var(--ease)!important;}
ul.pagelist li.current a{background:var(--b)!important;color:#fff!important;border-color:var(--b)!important;font-weight:700!important;}

/* Breadcrumb */
.breadcrumb{background:linear-gradient(135deg, var(--b-ll), var(--turq-l))!important;border-bottom:0!important;border-radius:10px!important;font-size:.8rem!important;color:var(--b-d)!important;padding:.6rem 1rem!important;margin:0 0 1.5rem!important;}
.breadcrumb a{color:var(--b)!important;font-weight:500!important;}
.breadcrumb a:hover{color:var(--b-d)!important;}

/* ════ LEFT MENU ════ */
#menu{background:var(--b-ll)!important;background-image:none!important;border:2px solid var(--b-l)!important;border-radius:14px!important;padding:.5rem!important;}
#menu li{font-weight:600!important;list-style:none!important;padding-left:.5rem!important;}
#menu a{text-decoration:none!important;display:block!important;padding:.35rem .5rem!important;border-radius:6px!important;color:var(--b)!important;font-size:.88rem!important;transition:all .12s var(--ease)!important;}
#menu a:hover{background:var(--b-l)!important;color:var(--b-d)!important;}
#menu li ul li{border-bottom:2px solid var(--b-l)!important;padding:.15rem 0!important;font-weight:400!important;}
#menu li ul li:first-child{border-top:2px solid var(--b-l)!important;margin-top:.4rem!important;}
#menu li ul li:hover{background:var(--b-ll)!important;}

#photo{border-radius:14px!important;overflow:hidden!important;border-bottom:0!important;margin-bottom:.75rem!important;}
#photo img{display:block!important;width:100%!important;border-radius:14px!important;}

/* ════ #rienvu — Mediterranean color grid ════ */
#rienvu ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:.75rem!important;padding:0!important;margin:0!important;list-style:none!important;background:transparent!important;}
#rienvu ul li{float:none!important;padding:1rem!important;margin:0!important;border:2px solid var(--b-l)!important;border-radius:14px!important;box-shadow:0 2px 6px rgba(14,165,233,.05)!important;background:var(--w)!important;text-align:center!important;font-size:.82rem!important;position:relative!important;transition:all .2s var(--ease)!important;border-top:4px solid var(--b)!important;}
#rienvu ul li:nth-child(4n+2){border-top-color:var(--a)!important;}
#rienvu ul li:nth-child(4n+3){border-top-color:var(--turq)!important;}
#rienvu ul li:nth-child(4n){border-top-color:var(--terra)!important;}
#rienvu ul li:hover{box-shadow:0 8px 24px rgba(14,165,233,.12)!important;transform:translateY(-4px)!important;}
#rienvu ul li img{border-radius:10px!important;}

/* ════ RESTAURANTS ════ */
.restaurant-card{background:var(--w)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;box-shadow:0 2px 6px rgba(14,165,233,.05)!important;overflow:hidden!important;transition:all .2s var(--ease)!important;}
.restaurant-card:hover{box-shadow:0 8px 24px rgba(14,165,233,.12)!important;transform:translateY(-3px)!important;}
.status-badge{border-radius:var(--nt-r-pill, 999px)!important;padding:.2em .6em!important;font-size:.72rem!important;font-weight:600!important;background:var(--ok-l)!important;color:#065f46!important;}
.feature-tag{background:var(--b-ll)!important;border:1px solid var(--b-l)!important;border-radius:var(--nt-r-pill, 999px)!important;padding:.15em .55em!important;font-size:.72rem!important;color:var(--b)!important;font-weight:500!important;}
.cuisine-tag{background:var(--a-l)!important;border-radius:var(--nt-r-pill, 999px)!important;padding:.15em .55em!important;font-size:.72rem!important;color:#92400e!important;text-decoration:none!important;font-weight:600!important;}
.btn-primary{background:linear-gradient(135deg, var(--b), var(--turq))!important;color:#fff!important;border-radius:10px!important;padding:.6rem 1.5rem!important;font-weight:600!important;font-size:.85rem!important;text-decoration:none!important;display:inline-block!important;transition:all .15s var(--ease)!important;box-shadow:0 4px 12px rgba(14,165,233,.2)!important;}
.btn-primary:hover{box-shadow:0 6px 20px rgba(14,165,233,.3)!important;transform:translateY(-2px)!important;}
.btn-secondary{background:var(--b-ll)!important;color:var(--b)!important;border:2px solid var(--b-l)!important;border-radius:10px!important;padding:.6rem 1.5rem!important;font-weight:600!important;font-size:.85rem!important;text-decoration:none!important;display:inline-block!important;transition:all .15s var(--ease)!important;}
.btn-secondary:hover{background:var(--b-l)!important;border-color:var(--b)!important;text-decoration:none!important;}

#avish{background:var(--a-l)!important;border:2px solid var(--a)!important;border-radius:10px!important;padding:1rem!important;color:#92400e!important;}

/* ════ GALLERY ════ */
#imagebox{background:#0f172a!important;border-radius:14px!important;overflow:hidden!important;padding:1rem!important;margin:0 auto!important;float:none!important;width:100%!important;max-width:700px!important;}
.album{background:var(--w)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;box-shadow:0 2px 6px rgba(14,165,233,.05)!important;padding:.85rem!important;margin:0 0 1rem!important;width:100%!important;overflow:hidden!important;transition:all .2s var(--ease)!important;}
.album:hover{box-shadow:0 8px 24px rgba(14,165,233,.12)!important;transform:translateY(-3px)!important;}
.imagethumb a,.imagethumb a:hover{border:2px solid var(--b-l)!important;background:var(--b-ll)!important;border-radius:10px!important;overflow:hidden!important;}

/* ════ FORMS ════ */
input[type="text"],input[type="email"],input[type="search"],textarea,select{font-size:.88rem!important;padding:.55rem .85rem!important;border:2px solid var(--b-l)!important;border-radius:10px!important;background:var(--w)!important;color:var(--t1)!important;transition:all .15s var(--ease)!important;outline:none!important;width:auto!important;max-width:100%!important;}
input[type="text"]:focus,textarea:focus,select:focus{border-color:var(--b)!important;box-shadow:0 0 0 3px var(--b-l)!important;}
textarea{width:100%!important;height:150px!important;line-height:1.6!important;resize:vertical!important;}
input[type="button"],input[type="submit"],button{font-size:.82rem!important;font-weight:600!important;padding:.6rem 1.5rem!important;border:0!important;border-radius:10px!important;background:var(--b)!important;color:#fff!important;cursor:pointer!important;transition:all .15s var(--ease)!important;box-shadow:0 4px 12px rgba(29,114,216,.16)!important;}
input[type="button"]:hover,input[type="submit"]:hover,button:hover{background:var(--b-d)!important;box-shadow:0 6px 18px rgba(19,34,56,.16)!important;transform:translateY(-2px)!important;}

/* ════ LANGUAGE SWITCHER ════ */
#conteneur .nt-lang-switch{background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:var(--nt-r-pill, 999px)!important;display:inline-flex!important;gap:.15rem!important;padding:.15rem!important;}
#conteneur .nt-lang-switch a{padding:.2rem .6rem!important;border-radius:var(--nt-r-pill, 999px)!important;color:var(--b)!important;font-weight:600!important;font-size:.78rem!important;}
#conteneur .nt-lang-switch a.is-active{background:var(--b)!important;color:#fff!important;}
.nt-lang-modal-overlay{background:rgba(14,165,233,.12)!important;backdrop-filter:blur(8px)!important;}
.nt-lang-modal{background:var(--w)!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(14,165,233,.2)!important;border:2px solid var(--b-l)!important;}
.nt-lang-modal-body h2{color:var(--t1)!important;}
.nt-lang-modal-body p{color:var(--t2)!important;}
.nt-lang-modal-cta{background:linear-gradient(135deg, var(--b), var(--turq))!important;border-radius:10px!important;}
.nt-lang-modal-actions button{background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:10px!important;color:var(--b)!important;cursor:pointer!important;}

/* ════ FOOTER — azure gradient ════ */
#footer{background:var(--w)!important;background-image:none!important;border-top:1px solid var(--b-l)!important;color:var(--t3)!important;font-size:.82rem!important;padding:2rem 1.5rem!important;text-align:center!important;clear:both!important;margin-top:4rem!important;border-radius:0!important;}
#footer a{color:var(--t2)!important;font-weight:500!important;transition:color .15s var(--ease)!important;}
#footer a:hover{color:var(--b)!important;text-decoration:none!important;}
#footer p{color:var(--t3)!important;font-size:.82rem!important;}

/* ════ MISC ════ */
#desclanding{background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;padding:1.5rem!important;margin:1.5rem 0!important;}
#books{background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;padding:.75rem!important;overflow:hidden!important;}
#menu-restau{background:var(--b-ll)!important;border:2px solid var(--b-l)!important;border-radius:14px!important;padding:1rem!important;margin:.5em 0!important;}
#menu-restau li{float:none!important;width:auto!important;}
#adbar{background:var(--a-l)!important;background-image:none!important;border-radius:12px!important;border:2px solid var(--a)!important;}
.news{border-bottom:2px solid var(--b-l)!important;padding:1rem 0!important;}
.news h3{border-bottom:0!important;font-size:.95rem!important;}
.sign{font-size:.72rem!important;color:var(--t3)!important;font-weight:600!important;}

/* ════ THEME TOGGLE ════ */
#nt-theme-toggle{
  position:fixed!important;bottom:1.5rem!important;right:1.5rem!important;
  z-index:99999!important;width:46px!important;height:46px!important;
  border:0!important;border-radius:14px!important;
  background:linear-gradient(135deg, #0ea5e9, #06b6d4)!important;color:#fff!important;
  font-size:1.15rem!important;line-height:46px!important;text-align:center!important;
  cursor:pointer!important;transition:all .2s var(--ease)!important;padding:0!important;
  font-family:var(--font)!important;
  box-shadow:0 4px 16px rgba(14,165,233,.3)!important;
}
#nt-theme-toggle:hover{transform:scale(1.08)!important;box-shadow:0 6px 24px rgba(14,165,235,.4)!important;}

/* ════ RESPONSIVE ════ */
@media (max-width:960px){
  #back{display:block!important;}
  #back:has(#gauche){display:block!important;}
  #gauche{display:flex!important;gap:1rem!important;align-items:flex-start!important;}
  #photo{width:140px!important;min-width:140px!important;flex-shrink:0!important;}
  #droite{max-width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;margin-top:2rem!important;}
  #droite .boxtype{flex:1 1 240px!important;}
  .bx-wrapper{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;}
}

@media (max-width:768px){
  :root{--nav-h:54px;}
  #conteneur{padding:0!important;}

  #boutonmenu{display:block!important;position:fixed!important;top:.5rem!important;right:.5rem!important;z-index:10000!important;background:rgba(255,255,255,.2)!important;color:#fff!important;font-size:1.5rem!important;width:44px!important;height:44px!important;line-height:44px!important;text-align:center!important;border-radius:10px!important;border:0!important;cursor:pointer!important;backdrop-filter:blur(8px)!important;}

  #mmenu{display:none!important;}
  #menu-rapide>#mmenu{margin-left:0!important;}
  #menu-rapide>#mmenu.is-open{display:flex!important;flex-direction:column!important;position:fixed!important;top:var(--nav-h)!important;left:0!important;right:0!important;background:rgba(255,255,255,.98)!important;padding:.5rem!important;z-index:9998!important;gap:0!important;box-shadow:0 14px 34px rgba(19,34,56,.14)!important;border-bottom:1px solid var(--b-l)!important;}
  #menu-rapide>#mmenu.is-open li{display:block!important;}
  #menu-rapide>#mmenu.is-open li a{padding:.75rem 1rem!important;font-size:.9rem!important;color:var(--t2)!important;}
  #menu-rapide>#mmenu.is-open li a:hover{background:var(--b-ll)!important;color:var(--b)!important;}

  #menu-rapide{padding-right:3.5rem!important;}
  #menu-rapide>ul:first-child{display:flex!important;}
  #menu-rapide>ul:first-child li:not(#logosite){display:none!important;}

  #centre,#centre-galerie{padding:0 1rem!important;}
  #article,#article-galerie{padding:0!important;}
  h1{font-size:1.8rem!important;}
  h2{font-size:1.15rem!important;}

  .top-box{max-width:100%!important;}
  .top-box p{padding:.45em .65em!important;}
  .top-box strong{font-size:.98rem!important;}

  .listinghotelstable,#article table{display:block!important;overflow-x:auto!important;}
  .pagination{justify-content:center!important;}
  #rienvu ul{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;}
  .nomob{display:none!important;}
  #adlarge{display:none!important;}
  #footer{margin-top:3rem!important;}
}

@media (max-width:480px){
  #centre,#centre-galerie{padding:0 .75rem!important;}
  .category-entry{padding:1rem!important;margin:1rem 0!important;}
  h1{font-size:1.5rem!important;}
  .top-box strong{font-size:.92rem!important;}
  #rienvu ul{grid-template-columns:repeat(2,1fr)!important;}
}

/* ════ PRINT ════ */
@media print{
  #menu-rapide,#boutonmenu,.bloc300,#adlarge,#adbar,
  .nt-lang-switch,.nt-lang-modal-overlay,
  #nt-theme-toggle{display:none!important;}
  body{background:#fff!important;color:#000!important;}
  #conteneur{max-width:100%!important;margin-top:0!important;}
  #centre,#droite{border:0!important;}
  a:link,a:visited{color:#000!important;}
}