:root{ --bg:#f4f7fb; --card:#ffffff; --text:#0b1220; --muted:#5b6b82; --border: rgba(11,18,32,.10); --shadow: 0 10px 30px rgba(11,18,32,.08); --radius: 18px; --accent:#2f80ed; --accent2:#22c55e; --accent3:#a855f7; --gold:#caa24a; --soft:#eef4ff; } body{background:var(--bg)!important;} .lhc-app{min-height:100vh;padding-bottom:72px;} .lhc-header{padding:16px 14px 10px; background:linear-gradient(180deg, rgba(47,128,237,.12) 0%, rgba(34,197,94,.08) 55%, rgba(244,247,251,0) 100%);} .lhc-header__top{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;} .lhc-title__name{font-size:28px;font-weight:800;color:var(--text);line-height:1.1;} .lhc-title__sub{margin-top:6px;color:var(--muted);font-size:13px;max-width:46ch;} .lhc-qr img{border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;} .lhc-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .lhc-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.92); border:1px solid rgba(47,128,237,.22);text-decoration:none;color:var(--text);font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(15,23,42,.06); } .lhc-main{padding:0 14px 14px;} .lhc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;} .lhc-tile{display:flex;align-items:center;justify-content:center;min-height:74px;background:rgba(255,255,255,.92); border:1px solid rgba(47,128,237,.22);border-radius:var(--radius);box-shadow:0 10px 26px rgba(11,18,32,.06), inset 0 3px 0 rgba(47,128,237,.35); text-decoration:none;color:var(--text);font-weight:800; } .lhc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius); box-shadow:var(--shadow);padding:14px;margin-top:14px; } .lhc-card__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px;} .lhc-card__title{font-weight:900;color:var(--text);} .lhc-card__hint{font-size:12px;color:var(--muted);} .lhc-map{height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--border);} .lhc-list{margin-top:12px;display:flex;flex-direction:column;gap:10px;} .lhc-item{display:flex;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text); box-shadow:0 8px 20px rgba(15,23,42,.05);background:#fff; } .lhc-item__img{width:74px;height:74px;border-radius:12px;overflow:hidden;flex:0 0 auto;background:#e9edf2} .lhc-item__img img{width:100%;height:100%;object-fit:cover;display:block} .lhc-item__body{flex:1 1 auto;min-width:0} .lhc-item__title{font-weight:900;line-height:1.1;margin:0 0 6px} .lhc-item__meta{color:var(--muted);font-size:12px} .lhc-item__cta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap} .lhc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px; background:var(--accent);color:#fff;text-decoration:none;font-weight:800;border:0; } .lhc-btn--ghost{background:var(--soft);color:var(--accent);} .lhc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(202,162,74,.45); color:#7a5a12;background:linear-gradient(135deg, rgba(202,162,74,.14), rgba(168,85,247,.10)); } .lhc-nav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.92);backdrop-filter: blur(10px); border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:10px 6px;z-index:9999; } .lhc-nav__item{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-weight:800;font-size:13px;padding:10px 6px;border-radius:14px;} .lhc-nav__item.is-active{color:var(--accent);background:var(--soft);} .lhc-muted{color:var(--muted);} .lhc-content{color:var(--text);} .lhc-content p{color:var(--text);} .lhc-emergency{display:flex;gap:10px;margin:10px 0 14px;} .lhc-call{flex:1;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--border); text-decoration:none;color:var(--text);font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.05); } /* Leaflet sponsor marker (no external images) */ .lhc-pin{width:16px;height:16px;border-radius:999px;background:var(--accent);border:3px solid #fff;box-shadow:0 8px 18px rgba(15,23,42,.20);} .lhc-pin--gold{background:var(--gold);} .lhc-card__title:before{content:'';display:inline-block;width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));margin-right:8px;transform:translateY(-1px);} /* v6.4.4 polish */ .lhc-body{background:var(--bg);} .lhc-app{max-width:560px;margin:0 auto;} .lhc-header{border-bottom:1px solid rgba(11,18,32,.06);} .lhc-title__name{letter-spacing:-0.02em;} .lhc-title__sub{line-height:1.3;} .lhc-quick{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:2px;} .lhc-pill{box-shadow:0 10px 24px rgba(11,18,32,.08);} .lhc-grid{gap:12px;} .lhc-tile{justify-content:flex-start;padding:14px 14px;gap:10px;font-size:15px;} .lhc-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px; background:linear-gradient(135deg, rgba(47,128,237,.14), rgba(34,197,94,.10)); } .lhc-card h2{margin:0 0 10px;font-size:20px;letter-spacing:-0.01em;} .lhc-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom));} .lhc-app{padding-bottom:calc(72px + env(safe-area-inset-bottom));} .lhc-header{padding-bottom:6px;} /* --- Explorer design (v6.4.6) --- */ .lhc-tabs{display:flex;gap:10px;align-items:center;margin:8px 0 12px;overflow-x:auto;padding-bottom:2px} .lhc-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px; background:#fff;border:1px solid rgba(11,18,32,.10);text-decoration:none;color:var(--text);font-weight:900; box-shadow:0 10px 22px rgba(11,18,32,.06); } .lhc-tab.is-active{background:linear-gradient(135deg, rgba(47,128,237,.18), rgba(34,197,94,.12));border-color:rgba(47,128,237,.25);color:var(--accent);} .lhc-section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(11,18,32,.45);font-weight:900;margin:8px 2px 10px;} .lhc-cards{display:flex;flex-direction:column;gap:14px} .lhc-cardlink{position:relative;display:block;height:128px;border-radius:20px;overflow:hidden; background-size:cover;background-position:center;border:1px solid rgba(11,18,32,.10); box-shadow:0 16px 36px rgba(11,18,32,.12);text-decoration:none;color:#fff; } .lhc-cardlink__shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.08) 100%);} /* Ensure cards keep white text even after click/visited */ .lhc-cardlink:visited{color:#fff !important;} .lhc-cardlink:active,.lhc-cardlink:focus,.lhc-cardlink:focus-visible{color:#fff !important; outline:none !important;} .lhc-cardlink__title{color:#fff !important;} .lhc-cardlink__title{position:absolute;left:16px;bottom:16px;font-size:20px;font-weight:950;letter-spacing:-0.02em;text-shadow:0 10px 24px rgba(0,0,0,.35);} .lhc-cardlink__cta{position:absolute;right:14px;bottom:14px;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase; background:rgba(255,255,255,.20);backdrop-filter: blur(8px);padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.30); } .lhc-chevron{font-size:14px;line-height:1;display:inline-block;transform:translateY(1px);} .lhc-minirow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px} .lhc-mini{display:flex;align-items:center;justify-content:center;padding:12px 10px;border-radius:16px;background:#fff;border:1px solid rgba(11,18,32,.10); text-decoration:none;color:var(--text);font-weight:900;box-shadow:0 10px 22px rgba(11,18,32,.06); } .lhc-card--map{margin-top:4px} .lhc-minirow--2{grid-template-columns:1fr 1fr;} /* Explorer horizontal scroll (Airbooky-like) */ .lhc-explorer-scroll{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 12px;margin-bottom:2px;scroll-snap-type:x mandatory;} .lhc-explore-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px; background:#fff;border:1px solid rgba(11,18,32,.12);text-decoration:none;color:var(--text);font-weight:900; box-shadow:0 12px 26px rgba(11,18,32,.06);scroll-snap-align:start; } .lhc-explore-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:10px; background:linear-gradient(135deg, rgba(255,90,95,.22), rgba(47,128,237,.12)); } .lhc-explore-pill .lhc-pill-ico{width:26px;height:26px;border-radius:10px;margin-right:0} /* Print (plexi) page */ .lhc-print{padding:18px 0;} .lhc-print__card{background:#fff;border:1px solid rgba(11,18,32,.10);border-radius:22px;padding:22px; box-shadow:0 16px 36px rgba(11,18,32,.10);text-align:center;max-width:520px;margin:0 auto; } .lhc-print__brand{font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:rgba(11,18,32,.45);font-size:12px;margin-bottom:10px} .lhc-print__h1{font-size:30px;font-weight:950;letter-spacing:-0.02em;margin:0 0 6px} .lhc-print__h2{font-size:22px;font-weight:950;letter-spacing:-0.02em;margin:0 0 8px;color:rgba(11,18,32,.85)} .lhc-print__addr{font-size:14px;color:rgba(11,18,32,.55);margin-bottom:12px} .lhc-print__hint{font-size:14px;color:rgba(11,18,32,.70);margin:10px 0 14px} .lhc-print__qr img{width:260px;max-width:80vw;height:auto;border-radius:18px;border:1px solid rgba(11,18,32,.08);} .lhc-print__url{margin-top:12px;font-weight:900;color:rgba(11,18,32,.65)} .lhc-print__actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap} .lhc-print-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px; background:rgba(255,255,255,.88);border:1px solid rgba(11,18,32,.10);text-decoration:none;color:var(--text); box-shadow:0 12px 26px rgba(11,18,32,.06); } @media print{ .lhc-nav,.noprint,.lhc-print-link{display:none !important;} body{background:#fff !important;} .lhc-app{max-width:none;margin:0;padding:0;} .lhc-print{padding:0;} .lhc-print__card{border:none;box-shadow:none;border-radius:0;padding:0;} .lhc-print__qr img{width:320px;max-width:320px;border:none;border-radius:0;} } /* Back button */ .lhc-back{ display:inline-block; margin-bottom:12px; padding:8px 14px; border-radius:10px; background:#f2f4f7; text-decoration:none; font-weight:700; color:#111; } /* Premium plexi layout */ .lhc-print__card{ max-width:420px; margin:auto; padding:30px; border-radius:18px; text-align:center; background:white; } .lhc-print__h1{ font-size:34px; font-weight:900; } .lhc-print__qr img{ width:300px; margin:20px auto; } /* Scroll hint for Explorer (show it's swipeable) */ .lhc-explorer-wrap{position:relative;} .lhc-explorer-scroll{padding-right:56px;} /* lets next pill peek */ /* on garde l'effet “2,5 boutons visibles” mais on enlève la flèche */ .lhc-explorer-scroll::after, .lhc-explorer-scroll::before{display:none !important; content:none !important;} /* Empêche les liens de passer en bleu (visited/active), notamment la tuile Wifi */ .lhc-cardlink, .lhc-cardlink:visited, .lhc-cardlink:active, .lhc-cardlink:focus{color:inherit;} .lhc-cardlink__title, .lhc-cardlink:visited .lhc-cardlink__title{color:#fff;} /* Explorer pills: show 2.5 items + active gradient like Airbooky */ .lhc-explorer-wrap{position:relative;} .lhc-explorer-scroll{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory; padding:6px 56px 6px 8px; margin:0 -8px; } .lhc-explorer-scroll::-webkit-scrollbar{display:none} .lhc-pill{flex:0 0 auto;min-width:150px;scroll-snap-align:start;border-radius:999px;padding:12px 16px; background:rgba(255,255,255,.9);border:1px solid rgba(11,18,32,.10); box-shadow:0 12px 26px rgba(11,18,32,.06); font-weight:900;color:rgba(11,18,32,.80);display:flex;align-items:center;gap:10px; } .lhc-pill--active{ background:linear-gradient(90deg, #ff6b84 0%, #ff4d6d 45%, #ff7aa2 100%); color:#fff;border:none; } .lhc-pill--active .lhc-pill__icon{filter:brightness(10);} .lhc-explorer-wrap::after{ content:""; position:absolute;right:0;top:0;bottom:0;width:56px;pointer-events:none; background:linear-gradient(90deg, rgba(245,247,250,0) 0%, rgba(245,247,250,.9) 55%, rgba(245,247,250,1) 100%); } .lhc-explorer-wrap::before{ content:"›"; position:absolute;right:18px;top:50%;transform:translateY(-50%); width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center; background:rgba(255,255,255,.95);border:1px solid rgba(11,18,32,.10); box-shadow:0 10px 22px rgba(11,18,32,.08); color:rgba(11,18,32,.55);font-weight:950;pointer-events:none; } /* Airbooky-style Explorer map page */ .lhc-map-page{position:relative;height:calc(100vh - 72px);min-height:620px;overflow:hidden;border-radius:24px; background:#e9eef5; } #lhcMap{position:absolute;inset:0;} .lhc-map-top{position:absolute;left:14px;right:14px;top:14px;z-index:600;display:flex;gap:10px;align-items:center;} .lhc-map-back{width:44px;height:44px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff; display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.15); } .lhc-map-tabs{flex:1;display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 44px 4px 0;} .lhc-map-tabs::-webkit-scrollbar{display:none} .lhc-tab{flex:0 0 auto;border-radius:999px;padding:12px 18px;background:rgba(255,255,255,.90); border:1px solid rgba(11,18,32,.10);font-weight:900;text-decoration:none;color:rgba(11,18,32,.80); } .lhc-tab--active{background:linear-gradient(90deg,#ff6b84 0%,#ff4d6d 45%,#ff7aa2 100%);border:none;color:#fff;} .lhc-tab-peek{position:absolute;right:14px;top:18px;width:50px;height:44px;pointer-events:none; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(233,238,245,.85) 55%, rgba(233,238,245,1) 100%); border-radius:999px; } /* Bottom sheet list */ .lhc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:650;background:rgba(255,245,246,.96); border-top-left-radius:26px;border-top-right-radius:26px;box-shadow:0 -18px 40px rgba(11,18,32,.18); padding:10px 14px 18px; } .lhc-sheet__handle{width:64px;height:6px;border-radius:999px;background:rgba(255,77,109,.35);margin:6px auto 10px;} .lhc-sheet__title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-weight:950;} .lhc-sheet__title span{font-size:16px} .lhc-sheet__close{border:0;background:transparent;color:#777;font-size:22px;line-height:22px;padding:2px 8px;border-radius:10px;} .lhc-sheet__close:active{transform:scale(.98);} .lhc-sheet__list{max-height:42vh;overflow:auto;padding-bottom:12px;} .lhc-sheet__list::-webkit-scrollbar{width:6px} .lhc-sheet__list::-webkit-scrollbar-thumb{background:rgba(11,18,32,.15);border-radius:999px} /* Detail view inside sheet (Airbooky-like) */ .lhc-sheet__detail{padding:6px 2px 0 2px;} .lhc-detail__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(44,126,255,.10);color:rgb(44,126,255);font-weight:900;font-size:13px;margin-bottom:10px;} .lhc-detail__title{font-weight:950;font-size:28px;line-height:1.1;margin:2px 0 8px 0;color:var(--lhc-text);} .lhc-detail__addr{color:rgba(11,18,32,.55);font-weight:800;margin-bottom:10px;} .lhc-detail__meta{display:flex;gap:10px;align-items:center;margin:6px 0 14px 0;} .lhc-detail__dist{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.85);border:1px solid rgba(11,18,32,.08);border-radius:14px;padding:10px 12px;font-weight:950;} .lhc-detail__cta{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 14px;border-radius:18px;background:linear-gradient(135deg,#ff5a76,#d93f84);color:#fff;text-decoration:none;font-weight:950;font-size:18px;box-shadow:0 10px 30px rgba(217,63,132,.25);} .lhc-detail__cta:active{transform:translateY(1px);} .lhc-detail__back{margin-top:10px;border:0;background:transparent;color:rgba(11,18,32,.55);font-weight:950;padding:10px 0;} /* Simplify list items for sheet */ #lhcList .lhc-item{border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(11,18,32,.08); padding:14px;display:flex;gap:12px;align-items:center;margin-bottom:12px;text-decoration:none; } #lhcList .lhc-item__img{width:52px;height:52px;border-radius:16px;background:rgba(255,77,109,.10);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto} #lhcList .lhc-item__img img{width:100%;height:100%;object-fit:cover} #lhcList .lhc-item__cta{display:none} #lhcList .lhc-item__meta{color:rgba(11,18,32,.55);font-weight:700} #lhcList .lhc-item__chev{margin-left:auto;color:rgba(11,18,32,.35);font-size:28px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;} /* Detail modal (sheet) */ .lhc-modal{position:fixed;inset:0;display:none;z-index:9999;} .lhc-modal.is-open{display:block;} .lhc-modal__bg{position:absolute;inset:0;background:rgba(0,0,0,.22);backdrop-filter:blur(2px);} .lhc-modal__panel{position:absolute;left:0;right:0;bottom:0;background:rgba(255,245,246,.98); border-top-left-radius:28px;border-top-right-radius:28px;padding:14px 16px 20px; box-shadow:0 -18px 40px rgba(11,18,32,.22); } .lhc-modal__close{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.85); border:1px solid rgba(11,18,32,.10);display:flex;align-items:center;justify-content:center;font-weight:950; } .lhc-modal__chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px; background:rgba(255,255,255,.70);border:1px solid rgba(11,18,32,.08);font-weight:900;margin-bottom:10px; } .lhc-modal__h{font-size:32px;line-height:1.05;margin:6px 0 8px;font-weight:950;} .lhc-modal__addr{color:rgba(11,18,32,.60);font-weight:700;margin-bottom:14px} .lhc-modal__btn{display:flex;gap:12px;align-items:center;justify-content:center;border-radius:18px;padding:16px 18px; background:linear-gradient(90deg,#ff6b84 0%,#ff4d6d 45%,#ff7aa2 100%);color:#fff;text-decoration:none;font-weight:950; } /* Remove scroll hint overlays that can appear as blurry "blobs" on some mobile browsers */ .lhc-explorer-wrap::before, .lhc-explorer-wrap::after{display:none !important;} .lhc-tab-peek{display:none !important;} /* Draggable bottom sheet (Airbooky-like) */ .lhc-sheet{touch-action:none; will-change: transform;} .lhc-sheet.is-anim{transition:transform .22s cubic-bezier(.22,.61,.36,1);} .lhc-sheet__handle{ width:64px;height:7px;border-radius:999px; background:rgba(0,0,0,.20); margin:8px auto 10px; } .lhc-sheet__handle::after{ content:""; display:block; width:100%;height:100%; border-radius:999px; background:rgba(255,77,109,.25); animation:lhcGrab 1.6s ease-in-out infinite; } @keyframes lhcGrab{ 0%{transform:translateY(0)} 50%{transform:translateY(4px)} 100%{transform:translateY(0)} } /* Prevent list from swallowing drag gestures when not fully expanded */ .lhc-sheet__list{overscroll-behavior:contain;} /* UX: remove blue tap highlight */ a, a:focus, a:active{outline:none; -webkit-tap-highlight-color: transparent;} /* Explorer active pill in blue */ .lhc-pill--active{background:linear-gradient(135deg,#2b7cff,#1a5edb) !important; color:#fff !important; border:none !important;} /* Hide bottom navigation for app-like feel */ .lhc-nav{display:none !important;} /* ========================= Airbooky-like icons ========================= */ :root{ --lhc-restaurants:#ff4d6d; --lhc-bars:#4f46e5; --lhc-cafes:#b7791f; --lhc-activites:#1a73e8; --lhc-parcs:#16a34a; --lhc-pharmacies:#ef4444; --lhc-superettes:#0ea5e9; --lhc-monuments:#8b5cf6; --lhc-musees:#f97316; --lhc-transports:#64748b; --lhc-home:#ff4d6d; } /* mask helper */ .lhc-mask{ width:18px;height:18px; background:currentColor; -webkit-mask: var(--lhc-mask) no-repeat center / contain; mask: var(--lhc-mask) no-repeat center / contain; } /* SVG masks (simple, clean) */ .lhc-cat--restaurants{ --lhc-color: var(--lhc-restaurants); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 2v8a3 3 0 0 1-2 2.83V22H4V12.83A3 3 0 0 1 2 10V2h2v8h2V2h2zm14 0v20h-2v-7a4 4 0 0 1-4-4V2h2v9a2 2 0 0 0 2 2V2h2z'/%3E%3C/svg%3E"); } .lhc-cat--bars{ --lhc-color: var(--lhc-bars); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16l-6.5 7.2V19h3v2H7v-2h3v-8.8L4 3zm4.4 2 3.6 4 3.6-4H8.4z'/%3E%3C/svg%3E"); } .lhc-cat--cafes{ --lhc-color: var(--lhc-cafes); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h12v6a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V7zm14 1h1a3 3 0 0 1 0 6h-1V8zm1 2v2a1 1 0 0 0 0-2zM3 20h14v2H3v-2z'/%3E%3C/svg%3E"); } .lhc-cat--activites{ --lhc-color: var(--lhc-activites); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v4h-2V7H6v2H4V5zm0 6h16v8H4v-8zm2 2v4h12v-4H6zm3-1V9h2v3H9zm4 0V9h2v3h-2z'/%3E%3C/svg%3E"); } .lhc-cat--parcs{ --lhc-color: var(--lhc-parcs); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c4 0 7 3.6 7 7.5S16 17 12 17 5 13.4 5 9.5 8 2 12 2zm1 15h-2v5h2v-5z'/%3E%3C/svg%3E"); } .lhc-cat--pharmacies{ --lhc-color: var(--lhc-pharmacies); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h4v4h4v4h-4v4h-4v-4H6V7h4V3z'/%3E%3C/svg%3E"); } .lhc-cat--superettes{ --lhc-color: var(--lhc-superettes); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6h14l-1 9H8L7 6zm-2 0 1.2 11.2A2 2 0 0 0 8.2 19H20a2 2 0 0 0 2-1.8L23 6h-2l-.3-3H7.3L7 6H5zm4 15a1.5 1.5 0 1 0 0 .01V21zm10 0a1.5 1.5 0 1 0 0 .01V21z'/%3E%3C/svg%3E"); } .lhc-cat--monuments{ --lhc-color: var(--lhc-monuments); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 7v2h18V7L12 2zM4 11h3v9H4v-9zm6 0h4v9h-4v-9zm7 0h3v9h-3v-9zM3 22h18v-2H3v2z'/%3E%3C/svg%3E"); } .lhc-cat--musees{ --lhc-color: var(--lhc-musees); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 8v2h20V8L12 3zM4 12h3v8H4v-8zm5 0h3v8H9v-8zm5 0h3v8h-3v-8zm5 0h1v8h-1v-8zM2 22h20v-2H2v2z'/%3E%3C/svg%3E"); } .lhc-cat--transports{ --lhc-color: var(--lhc-transports); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c4 0 7 1.3 7 4v10a3 3 0 0 1-3 3h-1v2h-2v-2H11v2H9v-2H8a3 3 0 0 1-3-3V6c0-2.7 3-4 7-4zm5 6H7v5h10V8zm-9 9a1.5 1.5 0 1 0 0 .01V17zm8 0a1.5 1.5 0 1 0 0 .01V17z'/%3E%3C/svg%3E"); } .lhc-pin--home{ --lhc-color: var(--lhc-home); --lhc-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 3 10h2v10h6v-6h2v6h6V10h2L12 3z'/%3E%3C/svg%3E"); } /* Explorer tab/pill icon */ .lhc-pill-ico{ width:22px;height:22px; border-radius:999px; background: color-mix(in srgb, var(--lhc-color) 16%, white); display:inline-flex; align-items:center; justify-content:center; margin-right:10px; flex:0 0 auto; } .lhc-pill-ico::before{content:""; width:14px;height:14px; background:var(--lhc-color); -webkit-mask: var(--lhc-mask) no-repeat center/contain; mask: var(--lhc-mask) no-repeat center/contain; } .lhc-tab{display:flex; align-items:center;} .lhc-tab__lbl{display:inline-block;} /* List icon */ .lhc-item__img{display:flex; align-items:center; justify-content:center;} .lhc-item__ico{ width:44px;height:44px; border-radius:14px; background: color-mix(in srgb, var(--lhc-color) 12%, white); display:flex; align-items:center; justify-content:center; } .lhc-item__ico::before{content:""; width:18px;height:18px; background:var(--lhc-color); -webkit-mask: var(--lhc-mask) no-repeat center/contain; mask: var(--lhc-mask) no-repeat center/contain; } /* Map pins */ .lhc-pin{ width:34px;height:34px; border-radius:999px; background: var(--lhc-color, #111); border:3px solid #fff; box-shadow:0 10px 20px rgba(0,0,0,.18); display:flex; align-items:center; justify-content:center; } .lhc-pin__ico{ width:18px;height:18px; background:#fff; -webkit-mask: var(--lhc-mask) no-repeat center/contain; mask: var(--lhc-mask) no-repeat center/contain; } .lhc-pin--sponsor{ box-shadow:0 12px 26px rgba(255, 184, 0, .35); outline:3px solid rgba(255,184,0,.7); outline-offset:-3px; } /* UI tweaks: show more of next pill, bigger back buttons, stronger photo tiles */ .lhc-explorer-wrap{overflow:hidden;} .lhc-explorer-scroll{padding-right:120px !important;} .lhc-explore-pill{min-width:160px !important;} .lhc-back{ display:inline-flex !important; align-items:center; justify-content:center; min-width:68px !important; height:56px !important; padding:0 18px !important; font-size:26px !important; font-weight:800; border-radius:18px !important; line-height:1 !important; } .lhc-map-back{ width:58px !important; height:58px !important; font-size:30px !important; border-radius:999px !important; } /* v6.8.7d small UX icons */ .lhc-walk-ico{display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;vertical-align:middle;margin-right:6px;} .lhc-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:rgba(11,18,32,.38);} .lhc-item__walk{display:inline-flex;align-items:center;color:#ff6b84;font-weight:800;} .lhc-item__addr{color:rgba(11,18,32,.32);} .lhc-meta-sep{color:rgba(11,18,32,.18);font-weight:900;} .lhc-detail__dist{display:inline-flex;align-items:center;color:#ff6b84;font-weight:800;} .lhc-detail__cta{display:flex;align-items:center;justify-content:center;gap:10px;} .lhc-maps-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;transform:translateY(-1px);} /* 6.8.7e – stable UI tweaks */ .lhc-explorer-scroll{padding-right:96px !important;} .lhc-explore-pill{min-width:148px !important; padding:12px 16px !important; box-shadow:0 10px 24px rgba(11,18,32,.06) !important;} .lhc-explore-pill.is-active{background:linear-gradient(90deg,#ff6b84 0%,#ff4d6d 45%,#ff7aa2 100%) !important;color:#fff !important;border-color:transparent !important;} .lhc-explore-pill.is-active .lhc-pill-ico{background:rgba(255,255,255,.18) !important;} .lhc-explore-pill.is-active .lhc-pill-ico::before{background:#fff !important;} .lhc-explorer-wrap::after{display:block !important;content:"";position:absolute;right:0;top:0;bottom:0;width:64px;pointer-events:none;background:linear-gradient(90deg, rgba(245,247,250,0) 0%, rgba(245,247,250,.86) 55%, rgba(245,247,250,1) 100%) !important;} .lhc-map-back{display:flex !important;width:52px !important;height:52px !important;min-width:52px !important;border-radius:999px !important;background:rgba(32,32,32,.78) !important;color:#fff !important;font-size:28px !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(0,0,0,.18) !important;} .lhc-map-tabs{padding-left:2px !important;} @media (max-width: 768px){ .lhc-explorer-scroll{gap:10px !important;padding:6px 84px 6px 4px !important;} .lhc-explore-pill{min-width:142px !important;padding:11px 15px !important;} .lhc-map-back{width:48px !important;height:48px !important;min-width:48px !important;font-size:26px !important;} } /* 6.8.7h - map category pills smaller + visible horizontal scroll */ .lhc-map-top{gap:8px !important; align-items:flex-start !important;} .lhc-map-tabs{ flex:1 1 auto !important; min-width:0 !important; gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; padding:4px 84px 4px 0 !important; scroll-snap-type:x proximity !important; } .lhc-map-tabs::-webkit-scrollbar{display:none !important;} .lhc-tab{ flex:0 0 auto !important; scroll-snap-align:start !important; padding:10px 14px !important; min-height:46px !important; border-radius:999px !important; font-size:14px !important; line-height:1.1 !important; box-shadow:0 8px 22px rgba(11,18,32,.08) !important; } .lhc-tab__lbl{font-size:14px !important;} .lhc-pill-ico{margin-right:8px !important;} .lhc-tab .lhc-pill-ico{width:20px !important; height:20px !important;} .lhc-tab .lhc-pill-ico::before{width:12px !important; height:12px !important;} .lhc-tab--active{ background:linear-gradient(90deg,#ff6b84 0%,#ff4d6d 45%,#ff7aa2 100%) !important; color:#fff !important; border:none !important; } .lhc-tab--active .lhc-pill-ico{background:rgba(255,255,255,.18) !important;} .lhc-tab--active .lhc-pill-ico::before{background:#fff !important;} .lhc-tab-peek{ display:block !important; position:absolute !important; right:10px !important; top:14px !important; width:62px !important; height:46px !important; pointer-events:none !important; background:linear-gradient(90deg, rgba(233,238,245,0) 0%, rgba(233,238,245,.88) 55%, rgba(233,238,245,1) 100%) !important; border-radius:999px !important; } .lhc-tab-peek::after{ content:"›"; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.96); color:rgba(11,18,32,.45); box-shadow:0 8px 20px rgba(11,18,32,.08); font-weight:900; font-size:16px; } @media (max-width: 640px){ .lhc-map-tabs{padding-right:76px !important; gap:8px !important;} .lhc-tab{padding:9px 13px !important; min-height:44px !important; font-size:13px !important;} .lhc-tab__lbl{font-size:13px !important;} .lhc-tab .lhc-pill-ico{width:18px !important; height:18px !important; margin-right:7px !important;} .lhc-tab .lhc-pill-ico::before{width:11px !important; height:11px !important;} .lhc-tab-peek{width:56px !important; height:44px !important; top:14px !important;} } /* 6.8.7i - cleanup: remove extra map buttons, discreet top back */ .lhc-map-back{display:none !important;} .lhc-tab-peek, .lhc-tab-peek::after{display:none !important;content:none !important;} .lhc-map-tabs{padding-right:8px !important;} .lhc-back{ display:inline-flex !important; align-items:center !important; gap:8px !important; min-width:auto !important; width:auto !important; height:auto !important; padding:8px 12px !important; border-radius:14px !important; background:rgba(11,18,32,.05) !important; color:rgba(11,18,32,.82) !important; font-size:15px !important; font-weight:700 !important; line-height:1.1 !important; box-shadow:none !important; text-decoration:none !important; margin-bottom:12px !important; } .lhc-back:active{transform:translateY(1px);} @media (max-width: 640px){ .lhc-back{ padding:7px 11px !important; font-size:14px !important; border-radius:12px !important; margin-bottom:10px !important; } } /* 6.8.7j - remove hint text + add home button */ .lhc-card__hint{display:none !important;} .lhc-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .lhc-map-home{display:inline-flex !important;align-items:center !important;gap:6px !important;flex:0 0 auto !important;height:42px !important;padding:0 12px !important;border-radius:999px !important;background:rgba(255,255,255,.92) !important;border:1px solid rgba(11,18,32,.08) !important;color:rgba(11,18,32,.82) !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;box-shadow:0 8px 22px rgba(11,18,32,.08) !important;} .lhc-map-home:active{transform:translateY(1px);} .lhc-map-top{gap:8px !important;align-items:flex-start !important;} .lhc-map-tabs{padding-left:0 !important;} @media (max-width: 640px){.lhc-map-home{height:40px !important;padding:0 10px !important;font-size:13px !important;gap:5px !important;}.lhc-map-home span{display:none !important;}} /* 6.8.7k - move home button away from zoom controls */ .lhc-map-top{align-items:flex-start !important;} .lhc-map-tabs{flex:1 1 auto !important;min-width:0 !important;} .lhc-map-home{order:2 !important;margin-left:8px !important;position:relative !important;z-index:650 !important;} @media (max-width:640px){ .lhc-map-home{margin-left:6px !important;padding:0 11px !important;} } /* 6.8.7l - remove duplicate proximity text, remove home button, persistent top back on map */ .lhc-map-home{display:none !important;} .lhc-map-top{display:flex !important;align-items:flex-start !important;gap:10px !important;} .lhc-map-back{ display:flex !important; align-items:center !important; justify-content:center !important; width:42px !important; height:42px !important; min-width:42px !important; border-radius:999px !important; background:rgba(17,24,39,.76) !important; color:#fff !important; text-decoration:none !important; font-size:22px !important; font-weight:900 !important; line-height:1 !important; box-shadow:0 8px 20px rgba(0,0,0,.18) !important; position:relative !important; z-index:700 !important; } .lhc-map-back:active{transform:translateY(1px);} .lhc-map-tabs{padding-right:6px !important;padding-left:0 !important;} @media (max-width:640px){ .lhc-map-top{left:10px !important;right:10px !important;top:10px !important;gap:8px !important;} .lhc-map-back{width:40px !important;height:40px !important;min-width:40px !important;font-size:20px !important;} } /* Map top/back button always visible */ .lhc-map-page{position:relative;} .lhc-map-top{position:absolute;left:12px;right:12px;top:12px;z-index:800;display:flex;gap:10px;align-items:center;pointer-events:none;} .lhc-map-top > *{pointer-events:auto;} .lhc-map-back{display:flex !important;width:42px;height:42px;min-width:42px;border-radius:999px;background:rgba(17,24,39,.74);color:#fff !important;align-items:center;justify-content:center;text-decoration:none;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);} .lhc-map-back:hover,.lhc-map-back:active{color:#fff;transform:none;} .lhc-map-tabs{padding-right:10px;} /* Custom map controls */ .lhc-map-actions{position:absolute;right:12px;bottom:calc(env(safe-area-inset-bottom, 0px) + 96px);z-index:780;display:flex;flex-direction:column;gap:10px;} .lhc-map-action{width:44px;height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(17,24,39,.14);display:flex;align-items:center;justify-content:center;color:#172033;cursor:pointer;padding:0;} .lhc-map-action span{font-size:20px;line-height:1;display:block;} .lhc-map-action--locate span{font-size:18px;transform:translateX(1px) rotate(-45deg);} .lhc-map-user{width:14px;height:14px;border-radius:999px;background:#2b7cff;border:3px solid #fff;box-shadow:0 4px 12px rgba(43,124,255,.35);} @media (max-width: 768px){ .lhc-map-top{top:10px;left:10px;right:10px;} .lhc-map-back{width:40px;height:40px;min-width:40px;font-size:20px;} .lhc-map-tabs{gap:8px;} .lhc-tab{padding:10px 14px;font-size:14px;} .lhc-map-actions{right:10px;bottom:calc(env(safe-area-inset-bottom, 0px) + 88px);} .lhc-map-action{width:40px;height:40px;border-radius:12px;} } /* 6.8.7n - cleanup map top controls */ .lhc-map-home{display:none !important;} .lhc-tab-peek,.lhc-tab-peek::after{display:none !important;content:none !important;} .lhc-map-page{position:relative !important;} .lhc-map-top{ position:absolute !important; left:12px !important; right:12px !important; top:12px !important; z-index:900 !important; display:flex !important; align-items:center !important; gap:10px !important; pointer-events:none !important; } .lhc-map-top > *{pointer-events:auto !important;} .lhc-map-back{ display:flex !important; align-items:center !important; justify-content:center !important; width:42px !important; height:42px !important; min-width:42px !important; border-radius:999px !important; background:rgba(17,24,39,.74) !important; color:#fff !important; text-decoration:none !important; font-size:22px !important; font-weight:900 !important; line-height:1 !important; box-shadow:0 8px 20px rgba(0,0,0,.18) !important; border:1px solid rgba(255,255,255,.16) !important; backdrop-filter:blur(6px) !important; } .lhc-map-tabs{ flex:1 1 auto !important; min-width:0 !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; padding:2px 6px 2px 0 !important; gap:8px !important; } .lhc-map-tabs::-webkit-scrollbar{display:none !important;} .lhc-tab{padding:10px 14px !important;min-height:44px !important;font-size:14px !important;} .lhc-map-actions{ position:absolute !important; right:12px !important; bottom:calc(42vh + 16px) !important; z-index:880 !important; display:flex !important; flex-direction:column !important; gap:10px !important; } .lhc-map-action{ width:44px !important; height:44px !important; border:0 !important; border-radius:14px !important; background:rgba(255,255,255,.96) !important; box-shadow:0 10px 24px rgba(17,24,39,.14) !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#172033 !important; cursor:pointer !important; padding:0 !important; } .lhc-map-action span{font-size:20px !important;line-height:1 !important;display:block !important;} .lhc-map-action--locate span{font-size:18px !important;transform:translateX(1px) rotate(-45deg) !important;} .lhc-map-user{width:14px !important;height:14px !important;border-radius:999px !important;background:#2b7cff !important;border:3px solid #fff !important;box-shadow:0 4px 12px rgba(43,124,255,.35) !important;} @media (max-width: 768px){ .lhc-map-top{left:10px !important;right:10px !important;top:10px !important;gap:8px !important;} .lhc-map-back{width:40px !important;height:40px !important;min-width:40px !important;font-size:20px !important;} .lhc-map-tabs{gap:8px !important;padding-right:2px !important;} .lhc-tab{padding:9px 13px !important;min-height:42px !important;font-size:13px !important;} .lhc-map-actions{right:10px !important;bottom:calc(env(safe-area-inset-bottom, 0px) + 88px) !important;} .lhc-map-action{width:40px !important;height:40px !important;border-radius:12px !important;} } /* 6.9.0 languages */ .lhc-langswitch{position:relative;min-width:0} .lhc-langswitch summary{list-style:none} .lhc-langswitch summary::-webkit-details-marker{display:none} .lhc-langswitch__toggle{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:#fff;color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.10);cursor:pointer;font-weight:700} .lhc-langswitch[open] .lhc-langswitch__toggle{box-shadow:0 8px 22px rgba(0,0,0,.14)} .lhc-langswitch__caret{font-size:12px;opacity:.75} .lhc-langswitch__menu{position:absolute;top:50px;right:0;min-width:170px;background:#fff;border-radius:18px;padding:8px;box-shadow:0 16px 34px rgba(0,0,0,.16);display:grid;gap:6px;z-index:50} .lhc-langswitch__item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:14px;background:#fff;color:#111827;text-decoration:none;font-size:13px;font-weight:700} .lhc-langswitch__item:hover{background:#f5f7fb} .lhc-langswitch__item.is-active{background:#111827;color:#fff} .lhc-langswitch__flag{font-size:20px;line-height:1} .lhc-langswitch__label{white-space:nowrap} .lhc-video__embed{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#000;margin:12px 0 16px}.lhc-video__embed iframe{position:absolute;inset:0;width:100%;height:100%} /* 6.9.4 - restore home button and keep map controls visible */ .lhc-map-home{display:inline-flex !important;align-items:center !important;gap:6px !important;flex:0 0 auto !important;height:42px !important;padding:0 12px !important;border-radius:999px !important;background:rgba(255,255,255,.94) !important;border:1px solid rgba(11,18,32,.08) !important;color:rgba(11,18,32,.82) !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;box-shadow:0 8px 22px rgba(11,18,32,.08) !important;} .lhc-map-home span{display:inline !important;} .lhc-map-top{justify-content:flex-start !important;} .lhc-map-tabs{flex:1 1 auto !important;min-width:0 !important;} .lhc-map-actions{position:absolute !important;right:12px !important;top:64px !important;bottom:auto !important;z-index:920 !important;display:flex !important;flex-direction:column !important;gap:10px !important;} .lhc-map-action{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;} @media (max-width:768px){ .lhc-map-actions{right:10px !important;top:60px !important;} .lhc-map-home{height:38px !important;padding:0 10px !important;font-size:13px !important;} .lhc-map-home span{display:none !important;} } /* v6.9.6 map controls + retour label */ .lhc-map-top{align-items:flex-start !important;} .lhc-map-back{width:auto !important; min-width:96px !important; height:42px !important; padding:0 14px !important; border-radius:999px !important; background:rgba(255,255,255,.96) !important; color:#172033 !important; border:1px solid rgba(11,18,32,.10) !important; box-shadow:0 10px 24px rgba(17,24,39,.14) !important; font-size:14px !important; font-weight:800 !important; gap:8px !important;} .lhc-map-back:hover,.lhc-map-back:active,.lhc-map-back:focus{color:#172033 !important;} .lhc-map-actions{top:118px !important; right:12px !important; bottom:auto !important;} .lhc-map-action{width:46px !important; height:46px !important; border-radius:16px !important;} @media (max-width:640px){ .lhc-map-actions{top:110px !important; right:10px !important;} .lhc-map-back{min-width:90px !important; height:40px !important; padding:0 12px !important; font-size:13px !important;} .lhc-map-tabs{padding-right:0 !important;} } .lhc-map-home{display:none !important;} /* v6.9.7 map back button lower + highlighted */ .lhc-map-top{align-items:flex-start !important;} .lhc-map-back{position:absolute !important; left:58px !important; top:64px !important; margin:0 !important; min-width:104px !important; height:42px !important; padding:0 16px !important; border-radius:999px !important; background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important; color:#fff !important; border:0 !important; box-shadow:0 12px 26px rgba(255,79,122,.34) !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.01em !important; z-index:930 !important;} .lhc-map-back:hover,.lhc-map-back:active,.lhc-map-back:focus{color:#fff !important; transform:none !important;} .lhc-map-tabs{padding-left:92px !important;} @media (max-width:640px){.lhc-map-back{left:56px !important; top:68px !important; min-width:96px !important; height:40px !important; padding:0 14px !important; font-size:13px !important;} .lhc-map-tabs{padding-left:88px !important;}} /* v6.9.8 back button top-right */ .lhc-map-top{position:absolute !important;left:12px !important;right:12px !important;top:12px !important;z-index:950 !important;display:flex !important;align-items:flex-start !important;justify-content:flex-end !important;pointer-events:none !important;} .lhc-map-top > *{pointer-events:auto !important;} .lhc-map-tabs{margin-right:auto !important;max-width:calc(100% - 120px) !important;} .lhc-map-back{position:relative !important;left:auto !important;top:auto !important;right:auto !important;min-width:104px !important;height:42px !important;padding:0 16px !important;border-radius:999px !important;background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important;color:#fff !important;border:0 !important;box-shadow:0 12px 26px rgba(255,79,122,.34) !important;font-size:14px !important;font-weight:800 !important;letter-spacing:.01em !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;margin:0 0 0 10px !important;z-index:960 !important;} .lhc-map-back:hover,.lhc-map-back:active,.lhc-map-back:focus{color:#fff !important;transform:none !important;} @media (max-width:640px){ .lhc-map-top{left:10px !important;right:10px !important;top:10px !important;} .lhc-map-tabs{max-width:calc(100% - 108px) !important;} .lhc-map-back{min-width:96px !important;height:40px !important;padding:0 14px !important;font-size:13px !important;} } /* v6.9.9 fix: back button under zoom, tabs centered */ .lhc-map-top{ position:absolute !important; left:12px !important; right:12px !important; top:12px !important; z-index:950 !important; display:block !important; pointer-events:none !important; } .lhc-map-top > *{pointer-events:auto !important;} .lhc-map-tabs{ display:flex !important; justify-content:center !important; gap:10px !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; padding:0 8px !important; margin:0 auto !important; max-width:100% !important; width:100% !important; } .lhc-map-home, .lhc-tab-peek, .lhc-tab-peek::after{display:none !important; content:none !important;} .lhc-map-back{ position:absolute !important; left:0 !important; top:86px !important; min-width:112px !important; height:42px !important; padding:0 16px !important; border-radius:999px !important; background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important; color:#fff !important; border:0 !important; box-shadow:0 12px 26px rgba(255,79,122,.34) !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.01em !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; text-decoration:none !important; z-index:960 !important; } .lhc-map-back:hover,.lhc-map-back:active,.lhc-map-back:focus{color:#fff !important;transform:none !important;} @media (max-width:640px){ .lhc-map-top{left:10px !important; right:10px !important; top:10px !important;} .lhc-map-tabs{gap:8px !important; padding:0 4px !important;} .lhc-map-back{top:90px !important; min-width:100px !important; height:40px !important; padding:0 14px !important; font-size:13px !important;} } /* v6.9.10 fix: restaurant tab visible + back button left under zoom */ .lhc-map-home{display:none !important;} .lhc-map-top{ position:absolute !important; left:12px !important; right:12px !important; top:12px !important; z-index:950 !important; display:block !important; pointer-events:none !important; } .lhc-map-top > *{pointer-events:auto !important;} .lhc-map-tabs{ position:absolute !important; left:74px !important; right:8px !important; top:0 !important; display:flex !important; justify-content:flex-start !important; align-items:center !important; gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; padding:0 8px 0 0 !important; min-width:0 !important; } .lhc-map-tabs::-webkit-scrollbar{display:none !important;} .lhc-map-back{ position:absolute !important; left:0 !important; top:88px !important; min-width:106px !important; height:42px !important; padding:0 16px !important; border-radius:999px !important; background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important; color:#fff !important; border:0 !important; box-shadow:0 12px 26px rgba(255,79,122,.34) !important; font-size:14px !important; font-weight:800 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } .lhc-map-actions{ top:118px !important; right:12px !important; bottom:auto !important; } @media (max-width:640px){ .lhc-map-top{left:10px !important; right:10px !important; top:10px !important;} .lhc-map-tabs{left:70px !important; right:6px !important; gap:8px !important;} .lhc-tab{padding:10px 14px !important; font-size:14px !important;} .lhc-map-back{top:92px !important; min-width:100px !important; height:40px !important; padding:0 14px !important; font-size:13px !important;} .lhc-map-actions{top:114px !important; right:10px !important;} } /* 6.9.12 back button under right map controls */ .lhc-map-top .lhc-map-back{display:none !important;} .lhc-map-actions{top:118px !important;right:12px !important;bottom:auto !important;z-index:930 !important;} .lhc-map-action{width:46px !important;height:46px !important;border-radius:16px !important;} .lhc-map-action--back{background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important;color:#fff !important;box-shadow:0 12px 26px rgba(255,79,122,.34) !important;} .lhc-map-action--back span{font-size:20px !important;color:#fff !important;line-height:1 !important;} @media (max-width:640px){.lhc-map-actions{top:108px !important;right:10px !important;}.lhc-map-action{width:42px !important;height:42px !important;border-radius:14px !important;}} /* 6.9.13 fix: larger back arrow icon */ .lhc-map-action--back span{font-size:28px !important;font-weight:900 !important;transform:translateX(-1px) !important;} @media (max-width:640px){.lhc-map-action--back span{font-size:26px !important;}} /* v6.9.14 — flèches retour unifiées */ .lhc-back-ico{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:1.2em !important; font-size:1.65em !important; line-height:1 !important; font-weight:900 !important; transform:translateX(-1px) !important; } .lhc-back-label{ display:inline-flex !important; align-items:center !important; line-height:1.1 !important; } .lhc-back, .lhc-map-back, .lhc-detail__back{ gap:10px !important; } .lhc-back{ display:inline-flex !important; align-items:center !important; } .lhc-detail__back{ display:inline-flex !important; align-items:center !important; justify-content:flex-start !important; } .lhc-map-back{ display:inline-flex !important; align-items:center !important; justify-content:center !important; } .lhc-map-action--back .lhc-back-ico, .lhc-map-action--back span{ font-size:30px !important; line-height:1 !important; font-weight:900 !important; } @media (max-width:640px){ .lhc-back-ico{ font-size:1.55em !important; } .lhc-map-action--back .lhc-back-ico, .lhc-map-action--back span{ font-size:28px !important; } } .lhc-detail__cta--reserve{ margin-top:12px; background: linear-gradient(135deg,#ff5f86 0%, #e73c7e 100%); } /* 6.9.17 unified back arrows */ .lhc-back, .lhc-detail__back{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:10px 16px !important;border-radius:16px !important;background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important;color:#fff !important;text-decoration:none !important;font-weight:900 !important;box-shadow:0 10px 24px rgba(255,79,122,.28) !important;border:0 !important;} .lhc-detail__back{margin-top:14px !important;} .lhc-back:hover,.lhc-back:focus,.lhc-back:active,.lhc-detail__back:hover,.lhc-detail__back:focus,.lhc-detail__back:active{color:#fff !important;transform:none !important;} .lhc-back-ico{width:28px !important;height:28px !important;min-width:28px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:currentColor !important;flex:0 0 28px !important;transform:none !important;margin:0 !important;} .lhc-back-ico path{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;} .lhc-map-action--back .lhc-back-ico{width:30px !important;height:30px !important;min-width:30px !important;flex-basis:30px !important;} .lhc-map-action--back .lhc-back-ico path{stroke:#fff;stroke-width:3.4;} .lhc-map-action--back{display:flex !important;align-items:center !important;justify-content:center !important;} .lhc-map-action--back span{display:none !important;} .lhc-map-action--back .lhc-back-ico{margin:auto !important;} @media (max-width:640px){.lhc-back-ico{width:26px !important;height:26px !important;min-width:26px !important;flex-basis:26px !important;} .lhc-map-action--back .lhc-back-ico{width:28px !important;height:28px !important;min-width:28px !important;flex-basis:28px !important;}} .leaflet-control-attribution{display:none !important;} /* ===== Refresh boutons accueil + CTA détail ===== */ .lhc-minirow--2{ gap:12px; } .lhc-mini{ display:flex; align-items:center; justify-content:center; gap:12px; min-height:68px; padding:14px 18px; border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%); border:1px solid rgba(13,34,63,.08); box-shadow:0 10px 24px rgba(16,35,63,.08); text-decoration:none; color:#0f2b46; font-weight:800; font-size:15px; letter-spacing:.01em; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .lhc-mini:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(16,35,63,.12); } .lhc-icon-wrap{ width:40px; height:40px; min-width:40px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; } .lhc-mini.urgence .lhc-icon-wrap{ background:linear-gradient(180deg,#ffe8e8 0%,#ffdede 100%); color:#d63b57; } .lhc-mini.contact .lhc-icon-wrap{ background:linear-gradient(180deg,#eaf2ff 0%,#e2edff 100%); color:#2457a6; } .lhc-icon-svg{ width:20px; height:20px; display:block; } .lhc-mini span:last-child{ line-height:1.1; } /* CTA maps / réserver */ .lhc-detail__cta{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:60px; border-radius:18px; border:none; background:linear-gradient(135deg,#ff5d7c 0%,#df3f86 100%); box-shadow:0 10px 24px rgba(223,63,134,.22); color:#fff; font-weight:800; letter-spacing:.01em; transition:transform .2s ease, box-shadow .2s ease, filter .2s ease; } .lhc-detail__cta:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(223,63,134,.28); filter:saturate(1.03); } .lhc-detail__cta--reserve{ background:linear-gradient(135deg,#ff6b88 0%,#ec4c8c 100%); } .lhc-cta-icon{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:rgba(255,255,255,.16); flex:0 0 22px; } .lhc-cta-icon svg{ width:16px; height:16px; display:block; } /* ===== Tooltips partenaires ===== */ .leaflet-tooltip{ background:#0f2b46 !important; color:#fff !important; border:none !important; border-radius:10px !important; padding:6px 10px !important; font-weight:600 !important; box-shadow:0 6px 16px rgba(0,0,0,.2) !important; } .leaflet-tooltip-top:before{ border-top-color:#0f2b46 !important; } /* ===== Refonte visible des boutons détail Maps / Réserver ===== */ #lhcDetailMaps.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta{ display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:100% !important; min-height:64px !important; padding:16px 18px !important; border-radius:22px !important; text-decoration:none !important; font-weight:900 !important; font-size:20px !important; letter-spacing:.01em !important; box-shadow:0 14px 34px rgba(16,35,70,.12) !important; transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important; } #lhcDetailMaps.lhc-detail__cta{ background:linear-gradient(135deg,#1e88ff 0%,#0f62fe 100%) !important; color:#ffffff !important; } #lhcDetailReserve.lhc-detail__cta{ background:linear-gradient(135deg,#7b61ff 0%,#a855f7 100%) !important; color:#ffffff !important; } #lhcDetailMaps.lhc-detail__cta:hover, #lhcDetailReserve.lhc-detail__cta:hover{ transform:translateY(-2px) !important; box-shadow:0 18px 38px rgba(16,35,70,.18) !important; filter:saturate(1.05) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:30px !important; height:30px !important; min-width:30px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.18) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg{ width:17px !important; height:17px !important; display:block !important; } #lhcDetailMaps span:last-child, #lhcDetailReserve span:last-child{ color:#ffffff !important; } #lhcDetail .lhc-detail__meta + .lhc-detail__cta{ margin-top:8px !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } /* ===== CTA détail style cartes blanches comme Urgences / Contact ===== */ #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; width:100% !important; min-height:68px !important; padding:14px 18px !important; border-radius:20px !important; background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%) !important; border:1px solid rgba(13,34,63,.08) !important; box-shadow:0 10px 24px rgba(16,35,63,.08) !important; text-decoration:none !important; color:#0f2b46 !important; font-weight:800 !important; font-size:15px !important; letter-spacing:.01em !important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } #lhcDetailMaps.lhc-detail__cta--card:hover, #lhcDetailReserve.lhc-detail__cta--card:hover{ transform:translateY(-2px) !important; box-shadow:0 14px 28px rgba(16,35,63,.12) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:40px !important; height:40px !important; min-width:40px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon--maps{ background:linear-gradient(180deg,#e8f0ff 0%,#dfe9ff 100%) !important; color:#2457a6 !important; } #lhcDetailReserve .lhc-cta-icon--site{ background:linear-gradient(180deg,#efe8ff 0%,#e7deff 100%) !important; color:#6d4de2 !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg{ width:20px !important; height:20px !important; display:block !important; } #lhcDetailMaps span:last-child, #lhcDetailReserve span:last-child{ color:#0f2b46 !important; line-height:1.1 !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } /* tooltip navigateur pour cartes/liens avec site */ .lhc-item[title], #lhcDetailReserve[title]{ cursor:pointer; } /* ===== Détail partenaire propre sans casser la carte ===== */ body.lhc-detail-open #lhcList{ display:none !important; } body.lhc-detail-open .lhc-chipbar, body.lhc-detail-open .lhc-map-actions, body.lhc-detail-open .leaflet-control-container{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } body.lhc-detail-open #lhcDetail{ position:relative !important; z-index:50 !important; background:#f8f7fb !important; border-radius:28px !important; box-shadow:0 18px 40px rgba(16,35,70,.12) !important; } body.lhc-detail-open .lhc-sheet__detail{ background:#f8f7fb !important; } /* Adresse masquée si absente, puis affichée automatiquement si récupérée */ .lhc-detail__addr[hidden]{ display:none !important; } /* ===== Logement en bleu + icône maison centrée ===== */ .lhc-pin--home{ background:linear-gradient(180deg,#2f7df6 0%, #1f6ef0 100%) !important; border-color:#ffffff !important; box-shadow:0 10px 22px rgba(47,125,246,.30) !important; z-index:20; } .lhc-pin--home .lhc-pin__ico{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; position:absolute !important; inset:0 !important; left:auto !important; top:auto !important; transform:none !important; margin:0 !important; } .lhc-pin--home .lhc-pin__ico svg{ width:18px !important; height:18px !important; display:block !important; fill:#ffffff !important; } /* ===== Fix icône logement : maison au centre, pas de cible ===== */ .lhc-pin--home .lhc-pin__ico::before, .lhc-pin--home .lhc-pin__ico::after{ content:none !important; display:none !important; } .lhc-pin--home .lhc-pin__ico{ background:none !important; } .lhc-pin--home .lhc-pin__ico svg{ width:20px !important; height:20px !important; display:block !important; fill:#ffffff !important; stroke:none !important; } /* Replace crosshair with house icon */ .lhc-locate-icon, .leaflet-control-locate-location, .lhc-target{ background:#2f7df6!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; } .lhc-locate-icon::before, .leaflet-control-locate-location::before, .lhc-target::before{ content:''!important; background:url("data:image/svg+xml;utf8,") center/18px 18px no-repeat!important; width:100%; height:100%; display:block; } /* ===== Carte pro corrigée ===== */ .lhc-pin--pulse{ animation: lhcHomePulse 1.8s ease-in-out infinite; } @keyframes lhcHomePulse{ 0%{ box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 0 rgba(47,125,246,.28); } 70%{ box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 12px rgba(47,125,246,0); } 100%{ box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 0 rgba(47,125,246,0); } } .leaflet-marker-icon.is-selected{ z-index:999 !important; } .leaflet-marker-icon.is-selected .lhc-pin--cat{ transform:scale(1.18) !important; box-shadow:0 16px 28px rgba(255,77,109,.35) !important; border-color:#ffffff !important; } .leaflet-marker-icon.is-selected .lhc-pin--cat .lhc-pin__ico{ transform:scale(1.06) !important; } .leaflet-marker-icon, .lhc-pin--cat{ transition:transform .18s ease, box-shadow .18s ease !important; } /* ===== Corrections visibles carte pro ===== */ .lhc-center-home{ width:22px !important; height:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } .lhc-center-home svg{ width:20px !important; height:20px !important; fill:#ffffff !important; display:block !important; } .lhc-map-user--home{ width:28px !important; height:28px !important; border-radius:999px !important; background:#2f7df6 !important; border:3px solid #ffffff !important; box-shadow:0 10px 24px rgba(47,125,246,.35) !important; display:flex !important; align-items:center !important; justify-content:center !important; } .lhc-map-user__ico{ width:16px !important; height:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; } .lhc-map-user__ico svg{ width:16px !important; height:16px !important; fill:#ffffff !important; display:block !important; } .lhc-pin--pulse{ animation: lhcHomePulseStrong 1.35s ease-in-out infinite !important; } @keyframes lhcHomePulseStrong{ 0%{ transform:scale(1); box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 0 rgba(47,125,246,.35); } 50%{ transform:scale(1.12); box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 14px rgba(47,125,246,0); } 100%{ transform:scale(1); box-shadow:0 10px 22px rgba(47,125,246,.30), 0 0 0 0 rgba(47,125,246,0); } } .leaflet-marker-icon.is-selected{ z-index:999 !important; } .leaflet-marker-icon.is-selected .lhc-pin--cat{ transform:scale(1.32) !important; box-shadow:0 18px 34px rgba(255,77,109,.42) !important; border:4px solid #ffffff !important; outline:4px solid rgba(255,77,109,.22) !important; } .leaflet-marker-icon.is-selected .lhc-pin--cat .lhc-pin__ico{ transform:scale(1.10) !important; } /* ===== Maison visible sur le bouton centrer ===== */ .lhc-map-action--center{ background:rgba(255,255,255,.98) !important; } .lhc-map-action--center .lhc-center-home{ width:28px !important; height:28px !important; border-radius:999px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#2f7df6 !important; box-shadow:0 8px 18px rgba(47,125,246,.28) !important; } .lhc-map-action--center .lhc-center-home svg{ width:16px !important; height:16px !important; fill:#ffffff !important; display:block !important; } /* sécurité si le span général écrase l'icône */ .lhc-map-action--center span{ font-size:0 !important; line-height:0 !important; } /* bouton géolocalisation conservé */ .lhc-map-action--locate span{ font-size:18px !important; line-height:1 !important; } /* ===== Fiche détail : retirer le reste en arrière-plan ===== */ body.lhc-detail-open #lhcMap, body.lhc-detail-open .lhc-chipbar, body.lhc-detail-open .lhc-map-actions, body.lhc-detail-open .leaflet-control-container, body.lhc-detail-open .lhc-map-tabs, body.lhc-detail-open .lhc-map-back, body.lhc-detail-open .lhc-card--map .lhc-card__head{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } body.lhc-detail-open .lhc-card--map{ background:transparent !important; box-shadow:none !important; border-color:transparent !important; } body.lhc-detail-open #lhcDetail{ position:relative !important; z-index:50 !important; background:#f8f7fb !important; border-radius:28px !important; box-shadow:none !important; margin-top:0 !important; } body.lhc-detail-open .lhc-sheet, body.lhc-detail-open .lhc-sheet__body, body.lhc-detail-open .lhc-sheet__detail{ background:#f8f7fb !important; } body.lhc-detail-open #lhcList{ display:none !important; } /* ===== Fiche restaurant full width propre ===== */ body.lhc-detail-open #lhcMap, body.lhc-detail-open .lhc-chipbar, body.lhc-detail-open .lhc-map-actions, body.lhc-detail-open .leaflet-control-container, body.lhc-detail-open .lhc-map-tabs, body.lhc-detail-open .lhc-map-back, body.lhc-detail-open .lhc-card--map .lhc-card__head, body.lhc-detail-open #lhcList{ display:none !important; } body.lhc-detail-open .lhc-card--map{ background:transparent !important; box-shadow:none !important; border:none !important; padding:0 !important; margin:0 !important; min-height:0 !important; } body.lhc-detail-open .lhc-sheet, body.lhc-detail-open .lhc-sheet__body, body.lhc-detail-open .lhc-sheet__detail{ background:#f8f7fb !important; } body.lhc-detail-open #lhcDetail{ position:relative !important; z-index:50 !important; width:100% !important; max-width:none !important; min-height:calc(100vh - 120px) !important; margin:0 !important; padding:18px 18px calc(env(safe-area-inset-bottom, 0px) + 24px) 18px !important; border-radius:28px 28px 0 0 !important; box-shadow:none !important; } body.lhc-detail-open .lhc-detail__title{ font-size: clamp(36px, 7vw, 54px) !important; line-height:1.02 !important; margin-bottom:12px !important; } body.lhc-detail-open .lhc-detail__addr{ font-size: clamp(18px, 3.6vw, 24px) !important; margin-bottom:18px !important; } body.lhc-detail-open .lhc-detail__meta{ margin-bottom:20px !important; } body.lhc-detail-open .lhc-detail__dist{ min-height:72px !important; padding:16px 18px !important; border-radius:22px !important; font-size:18px !important; } body.lhc-detail-open #lhcDetailMaps.lhc-detail__cta, body.lhc-detail-open #lhcDetailReserve.lhc-detail__cta{ min-height:78px !important; border-radius:24px !important; font-size:18px !important; } /* ===== Fiches homogènes : restaurants / cafés / bars / activités ===== */ #lhcDetail{ width:100% !important; } #lhcDetailBadge{ display:inline-flex !important; align-items:center !important; gap:10px !important; min-height:44px !important; padding:10px 16px !important; border-radius:18px !important; font-weight:800 !important; font-size:15px !important; line-height:1 !important; background:#eef3ff !important; color:#2457a6 !important; } #lhcDetailBadge .lhc-pill-ico{ width:26px !important; height:26px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#ffe8ef !important; } /* teintes par catégorie */ #lhcDetailBadge:has(.lhc-cat--restaurants){ background:#eef3ff !important; color:#2457a6 !important; } #lhcDetailBadge:has(.lhc-cat--restaurants) .lhc-pill-ico{ background:#ffe8ef !important; } #lhcDetailBadge:has(.lhc-cat--cafes){ background:#fff3e8 !important; color:#9a5b16 !important; } #lhcDetailBadge:has(.lhc-cat--cafes) .lhc-pill-ico{ background:#fff0d9 !important; } #lhcDetailBadge:has(.lhc-cat--bars){ background:#f1ebff !important; color:#6d4de2 !important; } #lhcDetailBadge:has(.lhc-cat--bars) .lhc-pill-ico{ background:#ece2ff !important; } #lhcDetailBadge:has(.lhc-cat--activites), #lhcDetailBadge:has(.lhc-cat--activities){ background:#eaf8ef !important; color:#1f8a52 !important; } #lhcDetailBadge:has(.lhc-cat--activites) .lhc-pill-ico, #lhcDetailBadge:has(.lhc-cat--activities) .lhc-pill-ico{ background:#dcf5e4 !important; } /* carte fiche plus premium */ #lhcDetail .lhc-detail__title{ font-size:clamp(28px, 5vw, 44px) !important; line-height:1.06 !important; letter-spacing:-.02em !important; margin-top:18px !important; margin-bottom:14px !important; } #lhcDetail .lhc-detail__addr{ font-size:clamp(16px, 2.8vw, 22px) !important; line-height:1.35 !important; color:rgba(11,18,32,.62) !important; margin-bottom:18px !important; } #lhcDetail .lhc-detail__meta{ margin-bottom:22px !important; } #lhcDetail .lhc-detail__dist{ min-width:140px !important; justify-content:center !important; } #lhcDetail .lhc-detail__cta{ min-height:74px !important; } #lhcDetail .lhc-detail__back{ margin-top:16px !important; } /* ===== Avis + promo partenaires ===== */ .lhc-item__reviews{ margin-top:8px; font-weight:800; color:#172033; } .lhc-item__promo{ margin-top:8px; display:inline-flex; align-items:center; gap:6px; width:max-content; max-width:100%; padding:8px 12px; border-radius:14px; background:#fff1e8; color:#c25b13; font-weight:900; } .lhc-detail__reviews{ margin:0 0 14px 0; font-weight:900; color:#172033; font-size:16px; } .lhc-detail__promo{ margin:0 0 18px 0; display:inline-flex; align-items:center; gap:6px; padding:10px 14px; border-radius:16px; background:#fff1e8; color:#c25b13; font-weight:900; font-size:15px; } .lhc-pin-wrap{ position:relative; width:56px; height:44px; } .lhc-pin__promo{ position:absolute; left:50%; top:-10px; transform:translateX(-50%); min-width:40px; max-width:66px; padding:2px 6px; border-radius:999px; background:#fff1e8; color:#c25b13; border:1px solid rgba(194,91,19,.18); box-shadow:0 6px 14px rgba(17,24,39,.12); font-size:10px; font-weight:900; line-height:1.2; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Offres spéciales */ .lhc-tab[href*="cat=offres-speciales"], a[data-lhc-cat="offres-speciales"]{ position:relative; } .lhc-tab[href*="cat=offres-speciales"] .lhc-tab__lbl::before, a[data-lhc-cat="offres-speciales"] .lhc-tab__lbl::before{ content:"🎁 "; } /* ===== Fiche : avis + promo bien visibles ===== */ #lhcDetailExtras{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:2px 0 18px 0; } #lhcDetailReviews[hidden], #lhcDetailPromo[hidden]{ display:none !important; } #lhcDetailReviews{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:16px; background:#fff8e8 !important; color:#172033 !important; font-weight:900 !important; font-size:15px !important; line-height:1.2 !important; } #lhcDetailPromo{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:16px; background:#fff1e8 !important; color:#c25b13 !important; font-weight:900 !important; font-size:15px !important; line-height:1.2 !important; max-width:100%; word-break:break-word; } #lhcDetailReviews span, #lhcDetailPromo span{ display:inline !important; font-size:inherit !important; line-height:inherit !important; color:inherit !important; } #lhcDetail .lhc-detail__icon{ font-size:16px !important; line-height:1 !important; } /* ===== Bouton retour à côté de la distance ===== */ .lhc-detail__meta-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:6px 0 18px 0; } .lhc-detail__meta-row .lhc-detail__meta{ margin:0 !important; flex:1 1 auto; } .lhc-detail__back--inline{ margin-top:0 !important; padding:0 16px !important; min-height:56px !important; border-radius:18px !important; background:linear-gradient(135deg,#ff5d7c 0%,#df3f86 100%) !important; color:#fff !important; display:inline-flex !important; align-items:center !important; gap:8px !important; white-space:nowrap !important; flex:0 0 auto; } .lhc-detail__back--inline .lhc-back-ico{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; } .lhc-detail__back--inline .lhc-back-label{ color:inherit !important; } @media (max-width: 480px){ .lhc-detail__meta-row{ gap:10px; } .lhc-detail__back--inline{ padding:0 14px !important; min-height:54px !important; } .lhc-detail__dist{ min-width:120px !important; } } /* ===== Avis + promo partenaires corrigés ===== */ .lhc-item__reviews{ margin-top:8px; font-weight:800; color:#172033; } .lhc-item__promo{ margin-top:8px; display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:8px 12px; border-radius:14px; background:#fff1e8; color:#c25b13; font-weight:900; } #lhcDetailExtras{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:6px 0 18px 0; } #lhcDetailReviews[hidden], #lhcDetailPromo[hidden]{ display:none !important; } #lhcDetailReviews{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:16px; background:#fff8e8 !important; color:#172033 !important; font-weight:900 !important; font-size:15px !important; line-height:1.2 !important; } #lhcDetailPromo{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:16px; background:#fff1e8 !important; color:#c25b13 !important; font-weight:900 !important; font-size:15px !important; line-height:1.2 !important; max-width:100%; word-break:break-word; } #lhcDetailReviews span, #lhcDetailPromo span{ display:inline !important; color:inherit !important; font-size:inherit !important; line-height:inherit !important; } #lhcDetail .lhc-detail__icon{ font-size:16px !important; line-height:1 !important; } .lhc-pin-wrap{ position:relative; width:58px; height:46px; } .lhc-pin__promo{ position:absolute; left:50%; top:-10px; transform:translateX(-50%); min-width:40px; max-width:68px; padding:2px 6px; border-radius:999px; background:#fff1e8; color:#c25b13; border:1px solid rgba(194,91,19,.18); box-shadow:0 6px 14px rgba(17,24,39,.12); font-size:10px; font-weight:900; line-height:1.2; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* alignement plus propre distance / retour */ .lhc-detail__meta-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin:12px 0 20px 0; } .lhc-detail__dist{ display:flex; align-items:center; justify-content:center; min-height:56px; } .lhc-detail__back--inline{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:56px !important; } /* ===== Alignement parfait distance / retour ===== */ .lhc-detail__meta-row{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; margin:10px 0 18px 0 !important; } .lhc-detail__meta{ display:flex !important; align-items:center !important; margin:0 !important; } .lhc-detail__dist{ display:flex !important; align-items:center !important; justify-content:center !important; min-height:56px !important; height:56px !important; } .lhc-detail__back--inline{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:56px !important; height:56px !important; padding:0 18px !important; margin:0 !important; align-self:center !important; } /* ===== Alignement final distance / retour ===== */ .lhc-detail__meta-row{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; margin:14px 0 18px 0 !important; } .lhc-detail__meta{ display:flex !important; align-items:center !important; justify-content:center !important; height:56px !important; } .lhc-detail__dist{ display:flex !important; align-items:center !important; justify-content:center !important; height:56px !important; padding:0 18px !important; border-radius:16px !important; background:#ffffff !important; box-shadow:0 4px 12px rgba(0,0,0,0.06) !important; } .lhc-detail__back--inline{ display:flex !important; align-items:center !important; justify-content:center !important; height:56px !important; padding:0 22px !important; border-radius:16px !important; background:linear-gradient(135deg,#ff5d7c,#e24386) !important; color:#fff !important; font-weight:600 !important; } /* ===== Bouton contact refait, sans WhatsApp ===== */ .lhc-contact-icon-wrap{ background:#e8f0ff !important; color:#2f6bff !important; } .lhc-contact-phone{ width:20px !important; height:20px !important; display:block !important; } .lhc-mini.contact .lhc-icon-wrap{ background:#e8f0ff !important; color:#2f6bff !important; } /* ===== Promos visibles sur la carte + onglet Offres spéciales ===== */ .lhc-tab[href*="cat=offres-speciales"]{ order:-100 !important; } .lhc-tab[href*="cat=offres-speciales"] .lhc-pill-ico{ background:#fff1e8 !important; } .lhc-tab[href*="cat=offres-speciales"] .lhc-tab__lbl::before{ content:"🎁 " !important; } .lhc-divicon-wrap{ background:transparent !important; border:0 !important; } .lhc-pin-wrap{ position:relative !important; width:72px !important; height:62px !important; overflow:visible !important; } .lhc-pin-wrap.lhc-pin--haspromo{ overflow:visible !important; } .lhc-pin-wrap.lhc-pin--haspromo .lhc-pin{ margin-top:14px !important; } .lhc-pin__promo{ position:absolute !important; left:50% !important; top:0 !important; transform:translateX(-50%) !important; min-width:44px !important; max-width:82px !important; padding:3px 8px !important; border-radius:999px !important; background:#fff1e8 !important; color:#c25b13 !important; border:1px solid rgba(194,91,19,.22) !important; box-shadow:0 8px 16px rgba(17,24,39,.16) !important; font-size:10px !important; font-weight:900 !important; line-height:1.15 !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; z-index:40 !important; pointer-events:none !important; } /* Supprimer bouton retour fiche */ #lhcDetailBack, .lhc-detail__back, .lhc-detail__back--inline, .lhc-btn-retour, .lhc-back-btn{ display:none !important; } /* ===== Fiche partenaire : vidéo YouTube ===== */ .lhc-detail__video{ width:100%; margin:6px 0 18px 0; } .lhc-detail__video[hidden]{ display:none !important; } .lhc-detail__video-wrap{ position:relative; width:100%; padding-top:56.25%; overflow:hidden; border-radius:22px; background:#0f1720; box-shadow:0 12px 28px rgba(15,23,32,.18); } .lhc-detail__video-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } .lhc-detail__video-link{ margin-top:10px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; padding:10px 14px; border-radius:14px; background:#fff1f1; color:#c0392b; font-weight:800; } .lhc-detail__video-link[hidden]{ display:none !important; } /* ===== Correction hauteur vidéo partenaire ===== */ .lhc-detail__video{ margin-top:6px !important; } .lhc-detail__video-wrap{ position:relative; width:100%; aspect-ratio:16/9 !important; padding-top:0 !important; background:#000; border-radius:18px !important; overflow:hidden; } .lhc-detail__video-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } /* Supprime la marge noire au dessus */ .lhc-detail__video-wrap::before{ display:none !important; } /* Croix de fermeture toujours visible */ #lhcSheetCloseDetail, .lhc-sheet__close-detail{ position:fixed !important; top:12px !important; right:12px !important; z-index:99999 !important; width:44px !important; height:44px !important; background:#ffffff !important; border-radius:999px !important; font-size:28px !important; display:flex !important; align-items:center !important; justify-content:center !important; box-shadow:0 6px 18px rgba(0,0,0,.2) !important; } /* ===== Croix propre unique ===== */ #lhcFloatingClose.lhc-floating-close{ position: fixed !important; top: 118px !important; right: 12px !important; left: auto !important; bottom: auto !important; width: 48px !important; height: 48px !important; border: none !important; border-radius: 999px !important; background: #ff2d55 !important; color: #fff !important; font-size: 34px !important; line-height: 1 !important; display: none !important; align-items: center !important; justify-content: center !important; z-index: 2147483647 !important; box-shadow: 0 10px 24px rgba(0,0,0,.22) !important; cursor: pointer !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; } #lhcFloatingClose.lhc-floating-close.is-visible{ display: flex !important; } #lhcCloseDetail, .lhc-close-detail, #lhcDetailBack, .lhc-detail__back, .lhc-detail__back--inline{ display:none !important; } @media (max-width: 480px){ #lhcFloatingClose.lhc-floating-close{ top: 116px !important; right: 12px !important; } } /* ===== Une seule croix : masquer toutes les anciennes ===== */ #lhcSheetCloseDetail, .lhc-sheet__close, .lhc-sheet__close-detail, #lhcCloseDetail, .lhc-close-detail{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; } /* ===== Ne pas afficher les remises sur la carte ===== */ .lhc-pin__promo, .lhc-pin-wrap--promo .lhc-pin__promo, .lhc-pin--haspromo .lhc-pin__promo{ display:none !important; visibility:hidden !important; opacity:0 !important; } /* ===== Retour unifié partout ===== */ .lhc-back, .lhc-map-back, .lhc-detail__back, .lhc-map-action--back{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; min-height:56px !important; padding:0 18px !important; border-radius:18px !important; background:linear-gradient(135deg,#ff5d7c 0%,#df3f86 100%) !important; color:#fff !important; text-decoration:none !important; font-weight:900 !important; border:0 !important; box-shadow:0 10px 24px rgba(255,79,122,.26) !important; width:auto !important; } .lhc-back:hover, .lhc-map-back:hover, .lhc-detail__back:hover, .lhc-map-action--back:hover, .lhc-back:focus, .lhc-map-back:focus, .lhc-detail__back:focus, .lhc-map-action--back:focus, .lhc-back:active, .lhc-map-back:active, .lhc-detail__back:active, .lhc-map-action--back:active{ color:#fff !important; transform:none !important; } .lhc-back-ico{ width:18px !important; height:18px !important; min-width:18px !important; fill:none !important; stroke:currentColor !important; stroke-width:2.4 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .lhc-back-label{ display:inline-flex !important; align-items:center !important; line-height:1.1 !important; } .lhc-map-action--back{ min-width:132px !important; height:56px !important; padding:0 18px !important; border-radius:18px !important; } .lhc-map-action--back span{ font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; } .lhc-map-actions{ bottom:calc(env(safe-area-inset-bottom, 0px) + 128px) !important; gap:12px !important; } @media (max-width: 768px){ .lhc-map-actions{ right:10px !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 122px) !important; } .lhc-map-action--back{ min-width:122px !important; height:54px !important; padding:0 16px !important; } } /* ===== Flèche bas droite alignée sur le bord droit de la carte ===== */ .ast-scroll-to-top-right, .ast-scroll-to-top-left, #ast-scroll-top, .ast-scroll-top-icon, #scrollUp, .scroll-up, .scroll-to-top, .to-top{ bottom:130px !important; right:max(10px, calc((100vw - 560px) / 2 + 10px)) !important; z-index:999 !important; } @media (max-width: 768px){ .ast-scroll-to-top-right, .ast-scroll-to-top-left, #ast-scroll-top, .ast-scroll-top-icon, #scrollUp, .scroll-up, .scroll-to-top, .to-top{ bottom:128px !important; right:10px !important; z-index:999 !important; } } /* Supprime le gros bouton retour sur la carte */ .lhc-map-action--back{ display:none !important; } /* === UX overrides: no back on home/map, back only clean on wifi, no offers tab === */ .endpoint-home .lhc-back, .endpoint-home .lhc-map-back, .endpoint-home .lhc-map-action--back, .endpoint-explorer .lhc-map-back, .endpoint-explorer .lhc-map-action--back, .endpoint-resto .lhc-map-back, .endpoint-resto .lhc-map-action--back, .endpoint-activites .lhc-map-back, .endpoint-activites .lhc-map-action--back, .endpoint-bonsplans .lhc-map-back, .endpoint-bonsplans .lhc-map-action--back{display:none !important;} .endpoint-wifi .lhc-back{ position:fixed !important; top:118px !important; left:16px !important; width:44px !important; height:44px !important; min-width:44px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important; box-shadow:0 10px 24px rgba(255,79,122,.28) !important; z-index:1100 !important; } .endpoint-wifi .lhc-back .lhc-back-label{display:none !important;} .endpoint-wifi .lhc-back .lhc-back-ico{ width:24px !important; height:24px !important; min-width:24px !important; flex-basis:24px !important; margin:0 !important; } .endpoint-wifi .lhc-card{position:relative;} .endpoint-wifi .lhc-card > h2, .endpoint-wifi .lhc-card > .lhc-content{padding-left:28px;} @media (max-width:640px){ .endpoint-wifi .lhc-back{top:112px !important; left:14px !important;} } /* v6.9.11 section back button on right */ .lhc-card{position:relative;} .lhc-card > .lhc-back{ position:absolute !important; right:16px !important; left:auto !important; top:16px !important; margin:0 !important; z-index:20 !important; } .lhc-card > h2{padding-right:88px !important;} @media (max-width:640px){ .lhc-card > .lhc-back{right:14px !important; top:14px !important;} .lhc-card > h2{padding-right:82px !important;} } /* v6.9.12 hide blue scroll arrow in detail sheet + place wifi back button on right */ body.lhc-detail-open .ast-scroll-to-top-right, body.lhc-detail-open .ast-scroll-to-top-left, body.lhc-detail-open #ast-scroll-top, body.lhc-detail-open .ast-scroll-top-icon, body.lhc-detail-open #scrollUp, body.lhc-detail-open .scroll-up, body.lhc-detail-open .scroll-to-top, body.lhc-detail-open .to-top, body.lhc-detail-open .lhc-scroll-top{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } .endpoint-wifi .lhc-card > .lhc-back, .endpoint-wifi .lhc-back{ position:absolute !important; right:16px !important; left:auto !important; top:16px !important; margin:0 !important; z-index:25 !important; } .endpoint-wifi .lhc-card > h2{padding-right:92px !important; padding-left:0 !important;} .endpoint-wifi .lhc-card > .lhc-content{padding-left:0 !important;} @media (max-width:640px){ .endpoint-wifi .lhc-card > .lhc-back, .endpoint-wifi .lhc-back{ right:14px !important; left:auto !important; top:14px !important; } .endpoint-wifi .lhc-card > h2{padding-right:86px !important;} } /* v6.9.13 – detail sheet cleanup + hide overlapping controls */ body.lhc-detail-open .lhc-map-page{ overflow:hidden !important; } body.lhc-detail-open .lhc-map-page > *:not(.lhc-sheet){ display:none !important; } body.lhc-detail-open .lhc-sheet{ position:fixed !important; left:0 !important; right:0 !important; top:auto !important; bottom:0 !important; z-index:2147483000 !important; transform:none !important; padding-top:10px !important; max-height:88vh !important; } body.lhc-detail-open .lhc-sheet__title{ margin-bottom:12px !important; } body.lhc-detail-open .lhc-sheet__list, body.lhc-detail-open .lhc-sheet__handle, body.lhc-detail-open .lhc-sheet__title{ display:block !important; } body.lhc-detail-open #lhcList, body.lhc-detail-open .leaflet-top, body.lhc-detail-open .leaflet-bottom, body.lhc-detail-open .leaflet-control-container, body.lhc-detail-open .lhc-map-home, body.lhc-detail-open .lhc-tab-peek, body.lhc-detail-open .lhc-scroll-top, body.lhc-detail-open .ast-scroll-to-top-right, body.lhc-detail-open .ast-scroll-to-top-left, body.lhc-detail-open #ast-scroll-top, body.lhc-detail-open .ast-scroll-top-icon, body.lhc-detail-open #scrollUp, body.lhc-detail-open .scroll-up, body.lhc-detail-open .scroll-to-top, body.lhc-detail-open .to-top{ display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } body.lhc-detail-open #lhcDetail{ min-height:auto !important; max-height:calc(88vh - 46px) !important; overflow:auto !important; } /* v6.5 detail conversion upgrade */ #lhcDetail{ padding-bottom: 110px; } #lhcDetailHero{ margin: 0 0 14px; border-radius: 22px; overflow: hidden; background: #edf2f7; border: 1px solid rgba(11,18,32,.08); box-shadow: 0 14px 30px rgba(11,18,32,.08); } #lhcDetailHero img{ display:block; width:100%; height:190px; object-fit:cover; } #lhcDetail .lhc-detail__title{ margin-top: 2px; } #lhcDetail .lhc-detail__meta{ margin-bottom: 10px; } #lhcDetail .lhc-detail__dist{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:#fff; border:1px solid rgba(11,18,32,.08); box-shadow:0 10px 22px rgba(11,18,32,.06); color:#ff5a76; font-weight:900; } #lhcDetailActions{ position: sticky; bottom: 0; left: 0; right: 0; display: grid; gap: 10px; margin-top: 18px; padding: 14px 0 calc(8px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(244,247,251,0) 0%, rgba(244,247,251,.94) 18%, rgba(244,247,251,1) 100%); z-index: 4; } #lhcDetailActions > [hidden]{display:none !important;} #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card{ min-height: 64px; border-radius: 20px; justify-content:flex-start; padding: 16px 18px; font-size: 18px; font-weight: 900; box-shadow: 0 14px 28px rgba(11,18,32,.10); } #lhcDetailReserve.lhc-detail__cta--card{ background: linear-gradient(135deg,#ff5a76,#ef476f); color:#fff; } #lhcDetailCall.lhc-detail__cta--card{ background:#eaf7ef; color:#146c43; } #lhcDetailMaps.lhc-detail__cta--card{ background:#fff; color:#173b72; border:1px solid rgba(23,59,114,.10); } #lhcDetailReserve .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:44px; height:44px; border-radius:16px; flex:0 0 44px; } #lhcDetailReserve .lhc-cta-icon{background:rgba(255,255,255,.18); color:#fff;} #lhcDetailCall .lhc-cta-icon{background:rgba(20,108,67,.10); color:#146c43;} #lhcDetailMaps .lhc-cta-icon{background:#eef4ff; color:#2f80ed;} #lhcDetailReserve span:last-child, #lhcDetailCall span:last-child, #lhcDetailMaps span:last-child{flex:1 1 auto; text-align:left;} #lhcDetailExtras{ margin-top: 10px; margin-bottom: 8px; } #lhcDetailReviews, #lhcDetailPromo{ border-radius: 16px; } @media (min-width: 768px){ #lhcDetailHero img{height:220px;} } /* v7 force des changements visibles sur la fiche */ #lhcDetailHero{display:block !important;margin:0 0 16px 0 !important;border-radius:28px !important;overflow:hidden !important;box-shadow:0 18px 40px rgba(11,18,32,.14) !important;} #lhcDetailHeroImg{display:block !important;width:100% !important;height:220px !important;object-fit:cover !important;background:linear-gradient(135deg,#eef4ff,#ffdbe7) !important;} #lhcDetailActions{position:sticky !important;bottom:0 !important;left:0 !important;right:0 !important;padding:14px 0 calc(10px + env(safe-area-inset-bottom)) !important;background:linear-gradient(180deg,rgba(244,247,251,0) 0%, rgba(244,247,251,.92) 18%, rgba(244,247,251,1) 100%) !important;} #lhcDetailReserve.lhc-detail__cta--card{order:1 !important;min-height:72px !important;background:linear-gradient(135deg,#ff4d79 0%,#ff6a95 100%) !important;color:#fff !important;box-shadow:0 18px 34px rgba(255,77,121,.28) !important;} #lhcDetailCall.lhc-detail__cta--card{order:2 !important;} #lhcDetailMaps.lhc-detail__cta--card{order:3 !important;background:#fff !important;border:1px solid rgba(23,59,114,.12) !important;} #lhcDetailReserve .lhc-cta-icon{background:rgba(255,255,255,.22) !important;} #lhcDetail .lhc-detail__title{margin-top:8px !important;} /* ===== Ajustement doux CTA Réserver (v8) ===== */ #lhcDetailReserve.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--primary{ background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%) !important; color:#ff4d79 !important; border:1px solid rgba(255,77,121,.18) !important; box-shadow:0 10px 24px rgba(16,35,63,.08) !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site{ background:linear-gradient(180deg,#ffe7ef 0%,#ffdbe8 100%) !important; color:#ff4d79 !important; } #lhcDetailReserve span:last-child{ color:#ff4d79 !important; } #lhcDetailReserve:hover{ transform:translateY(-1px) !important; box-shadow:0 14px 26px rgba(16,35,63,.10) !important; } /* v6.9.14 – unify section back button across all tiles */ .endpoint-wifi .lhc-back, .endpoint-arrivee .lhc-back, .endpoint-depart .lhc-back, .endpoint-regles .lhc-back, .endpoint-urgences .lhc-back, .endpoint-video .lhc-back, .endpoint-contact .lhc-back, .lhc-card > .lhc-back{ position:absolute !important; right:16px !important; left:auto !important; top:16px !important; width:44px !important; height:44px !important; min-width:44px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:linear-gradient(180deg,#ffffff 0%,#f8faff 100%) !important; border:1px solid rgba(47,125,246,.14) !important; color:#2f7df6 !important; box-shadow:0 10px 24px rgba(17,24,39,.10) !important; z-index:25 !important; text-decoration:none !important; } .endpoint-wifi .lhc-back .lhc-back-label, .endpoint-arrivee .lhc-back .lhc-back-label, .endpoint-depart .lhc-back .lhc-back-label, .endpoint-regles .lhc-back .lhc-back-label, .endpoint-urgences .lhc-back .lhc-back-label, .endpoint-video .lhc-back .lhc-back-label, .endpoint-contact .lhc-back .lhc-back-label, .lhc-card > .lhc-back .lhc-back-label{ display:none !important; } .endpoint-wifi .lhc-back .lhc-back-ico, .endpoint-arrivee .lhc-back .lhc-back-ico, .endpoint-depart .lhc-back .lhc-back-ico, .endpoint-regles .lhc-back .lhc-back-ico, .endpoint-urgences .lhc-back .lhc-back-ico, .endpoint-video .lhc-back .lhc-back-ico, .endpoint-contact .lhc-back .lhc-back-ico, .lhc-card > .lhc-back .lhc-back-ico{ width:24px !important; height:24px !important; min-width:24px !important; flex-basis:24px !important; margin:0 !important; color:#2f7df6 !important; } .endpoint-wifi .lhc-card > h2, .endpoint-arrivee .lhc-card > h2, .endpoint-depart .lhc-card > h2, .endpoint-regles .lhc-card > h2, .endpoint-urgences .lhc-card > h2, .endpoint-video .lhc-card > h2, .endpoint-contact .lhc-card > h2, .lhc-card > h2{ padding-right:88px !important; } .endpoint-wifi .lhc-card > .lhc-content, .endpoint-arrivee .lhc-card > .lhc-content, .endpoint-depart .lhc-card > .lhc-content, .endpoint-regles .lhc-card > .lhc-content, .endpoint-urgences .lhc-card > .lhc-content, .endpoint-video .lhc-card > .lhc-content, .endpoint-contact .lhc-card > .lhc-content{ padding-left:0 !important; } @media (max-width:640px){ .endpoint-wifi .lhc-back, .endpoint-arrivee .lhc-back, .endpoint-depart .lhc-back, .endpoint-regles .lhc-back, .endpoint-urgences .lhc-back, .endpoint-video .lhc-back, .endpoint-contact .lhc-back, .lhc-card > .lhc-back{ right:14px !important; top:14px !important; width:42px !important; height:42px !important; min-width:42px !important; } .endpoint-wifi .lhc-card > h2, .endpoint-arrivee .lhc-card > h2, .endpoint-depart .lhc-card > h2, .endpoint-regles .lhc-card > h2, .endpoint-urgences .lhc-card > h2, .endpoint-video .lhc-card > h2, .endpoint-contact .lhc-card > h2, .lhc-card > h2{ padding-right:84px !important; } } /* v6.9.14 – force restaurant detail to full-screen overlay above the sheet */ body.lhc-detail-open{ overflow:hidden !important; } body.lhc-detail-open .lhc-map-page{ position:relative !important; overflow:hidden !important; } body.lhc-detail-open .lhc-sheet{ position:fixed !important; inset:0 !important; width:100% !important; max-width:none !important; max-height:none !important; height:100vh !important; border-radius:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; z-index:2147483000 !important; } body.lhc-detail-open .lhc-sheet__handle, body.lhc-detail-open .lhc-sheet__title, body.lhc-detail-open .lhc-sheet__list, body.lhc-detail-open #lhcList{ display:none !important; } body.lhc-detail-open #lhcDetail, body.lhc-detail-open .lhc-sheet__detail{ position:fixed !important; inset:0 !important; display:block !important; width:100vw !important; height:100vh !important; max-width:none !important; max-height:none !important; overflow:auto !important; -webkit-overflow-scrolling:touch !important; padding:18px 18px calc(120px + env(safe-area-inset-bottom)) !important; background:linear-gradient(180deg,#fffafb 0%,#f8f9fd 100%) !important; border-radius:0 !important; z-index:2147483640 !important; } body.lhc-detail-open #lhcDetailHero{ margin-top:48px !important; } body.lhc-detail-open #lhcFloatingClose.lhc-floating-close{ top:calc(18px + env(safe-area-inset-top)) !important; right:16px !important; width:56px !important; height:56px !important; font-size:38px !important; z-index:2147483647 !important; } /* ===== Overlay détail hors bottom sheet : fix mobile réel ===== */ #lhcDetailOverlay{ position:fixed !important; inset:0 !important; z-index:999999 !important; display:block !important; } #lhcDetailOverlay[hidden]{ display:none !important; } #lhcDetailOverlay .lhc-detail-overlay__backdrop{ position:absolute !important; inset:0 !important; background:rgba(20,26,40,.18) !important; } #lhcDetailOverlay #lhcDetail{ position:absolute !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; width:100% !important; max-width:none !important; min-height:100dvh !important; overflow:auto !important; -webkit-overflow-scrolling:touch !important; margin:0 !important; padding:18px 18px calc(env(safe-area-inset-bottom, 0px) + 28px) 18px !important; background:#f8f7fb !important; border-radius:0 !important; box-shadow:none !important; z-index:2 !important; } #lhcDetailOverlay #lhcDetail[hidden]{ display:none !important; } body.lhc-detail-open .lhc-sheet{ visibility:hidden !important; pointer-events:none !important; } body.lhc-detail-open #lhcDetailOverlay{ visibility:visible !important; } /* v12 marker usability */ .lhc-divicon-wrap, .leaflet-marker-icon.lhc-divicon-wrap, .leaflet-marker-icon .lhc-pin-wrap{ overflow:visible !important; } .leaflet-marker-icon.lhc-divicon-wrap{ width:84px !important; height:74px !important; margin-left:-42px !important; margin-top:-37px !important; } .leaflet-marker-icon .lhc-pin-wrap{ width:84px !important; height:74px !important; display:flex !important; align-items:center !important; justify-content:center !important; } .leaflet-marker-icon .lhc-pin-wrap::before{ content:""; position:absolute; inset:-10px; border-radius:999px; background:transparent; } .lhc-marker-tooltip{ background:rgba(31,42,68,.96) !important; color:#fff !important; border:0 !important; border-radius:999px !important; box-shadow:0 8px 20px rgba(15,23,42,.20) !important; font-weight:800 !important; padding:6px 10px !important; } .lhc-marker-tooltip:before{ border-top-color:rgba(31,42,68,.96) !important; } /* ===== V15 boutons détail style capture utilisateur ===== */ #lhcDetailActions{ display:grid !important; gap:18px !important; margin-top:18px !important; padding:18px 0 calc(14px + env(safe-area-inset-bottom)) !important; background:linear-gradient(180deg,rgba(246,248,252,0) 0%, rgba(246,248,252,.90) 20%, rgba(246,248,252,1) 100%) !important; } #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta--card{ min-height:94px !important; border-radius:28px !important; padding:20px 22px !important; justify-content:flex-start !important; align-items:center !important; font-size:18px !important; font-weight:900 !important; letter-spacing:-.01em !important; box-shadow:0 12px 28px rgba(31,42,68,.08) !important; border:1px solid rgba(18,37,63,.06) !important; } #lhcDetailReserve.lhc-detail__cta--card{ background:#fff !important; color:#f04f86 !important; border-color:rgba(240,79,134,.18) !important; } #lhcDetailCall.lhc-detail__cta--card{ background:#e8f5ec !important; color:#116d43 !important; border-color:rgba(17,109,67,.08) !important; } #lhcDetailMaps.lhc-detail__cta--card{ background:#fff !important; color:#17385f !important; border-color:rgba(23,56,95,.08) !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:62px !important; height:62px !important; min-width:62px !important; border-radius:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-shadow:none !important; margin-right:2px !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site{ background:#ffe8f0 !important; color:#f04f86 !important; } #lhcDetailCall .lhc-cta-icon{ background:#d8efe0 !important; color:#116d43 !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon--maps{ background:#e7efff !important; color:#2f63c9 !important; } #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailCall .lhc-cta-icon svg, #lhcDetailMaps .lhc-cta-icon svg{ width:24px !important; height:24px !important; } #lhcDetailReserve span:last-child, #lhcDetailCall span:last-child, #lhcDetailMaps span:last-child{ flex:1 1 auto !important; text-align:left !important; font-size:18px !important; line-height:1.2 !important; } #lhcDetailReserve span:last-child{color:#f04f86 !important;} #lhcDetailCall span:last-child{color:#116d43 !important;} #lhcDetailMaps span:last-child{color:#17385f !important;} #lhcDetailReserve:hover, #lhcDetailCall:hover, #lhcDetailMaps:hover{ transform:translateY(-1px) !important; box-shadow:0 16px 30px rgba(31,42,68,.10) !important; } @media (max-width: 480px){ #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta--card{ min-height:86px !important; border-radius:26px !important; padding:18px 18px !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:56px !important; height:56px !important; min-width:56px !important; border-radius:20px !important; } } /* ===== V16 retour uniforme sur la fiche détail ===== */ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ position:fixed !important; top:118px !important; right:16px !important; left:auto !important; bottom:auto !important; width:60px !important; height:60px !important; min-width:60px !important; border:none !important; border-radius:18px !important; background:linear-gradient(135deg,#ff6b8d 0%,#ff4f7a 100%) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:2147483647 !important; box-shadow:0 14px 30px rgba(255,79,122,.30) !important; cursor:pointer !important; padding:0 !important; opacity:1 !important; visibility:visible !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico{ width:28px !important; height:28px !important; min-width:28px !important; color:#fff !important; stroke:currentColor !important; stroke-width:3 !important; fill:none !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico path{ fill:none !important; stroke:currentColor !important; stroke-width:3.2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } @media (max-width:640px){ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top:112px !important; right:14px !important; width:58px !important; height:58px !important; min-width:58px !important; border-radius:18px !important; } } /* ===== V17 croix discrète + header accueil ===== */ .lhc-header__home{ display:block !important; color:inherit !important; text-decoration:none !important; flex:1 1 auto !important; min-width:0 !important; } .lhc-header__home:hover, .lhc-header__home:focus, .lhc-header__home:active{ color:inherit !important; text-decoration:none !important; } body:not(.lhc-detail-open) #lhcFloatingClose.lhc-floating-close{ display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ position:fixed !important; top:118px !important; right:16px !important; width:52px !important; height:52px !important; min-width:52px !important; border:none !important; border-radius:999px !important; background:rgba(255,45,85,.96) !important; color:#fff !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:30px !important; line-height:1 !important; box-shadow:0 10px 22px rgba(17,24,39,.16) !important; z-index:2147483647 !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico{display:none !important;} @media (max-width:640px){ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top:112px !important; right:14px !important; width:50px !important; height:50px !important; min-width:50px !important; font-size:28px !important; } } /* ===== V18 croix discrète + retour accueil pro en 1 clic ===== */ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top: calc(14px + env(safe-area-inset-top)) !important; right: 14px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; border-radius: 999px !important; background: rgba(255,255,255,.82) !important; color: rgba(17,24,39,.78) !important; border: 1px solid rgba(17,24,39,.06) !important; box-shadow: 0 8px 22px rgba(15,23,42,.10) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; font-size: 24px !important; font-weight: 500 !important; } #lhcFloatingClose.lhc-floating-close:hover, #lhcFloatingClose.lhc-floating-close:focus, #lhcFloatingClose.lhc-floating-close:active{ background: rgba(255,255,255,.92) !important; color: rgba(17,24,39,.92) !important; box-shadow: 0 10px 24px rgba(15,23,42,.14) !important; } @media (max-width:640px){ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top: calc(12px + env(safe-area-inset-top)) !important; right: 12px !important; width: 36px !important; height: 36px !important; min-width: 36px !important; font-size: 22px !important; } } #lhcDetailOverlay, #lhcDetailOverlay #lhcDetail, #lhcSheet, .lhc-sheet{ transition: transform .28s cubic-bezier(.22,.61,.36,1), opacity .24s ease, filter .24s ease !important; will-change: transform, opacity; } body.lhc-home-returning #lhcDetailOverlay #lhcDetail, #lhcDetailOverlay.lhc-overlay-returning #lhcDetail{ transform: translateY(100%) !important; opacity: .94 !important; } body.lhc-home-returning #lhcDetailOverlay .lhc-detail-overlay__backdrop, #lhcDetailOverlay.lhc-overlay-returning .lhc-detail-overlay__backdrop{ opacity: 0 !important; transition: opacity .22s ease !important; } body.lhc-home-returning #lhcSheet, body.lhc-home-returning .lhc-sheet, #lhcSheet.lhc-sheet-returning, .lhc-sheet.lhc-sheet-returning{ transform: translateY(calc(100% + 24px)) !important; opacity: .98 !important; } body.lhc-home-returning .lhc-scroll-top, body.lhc-home-returning .ast-scroll-to-top-right, body.lhc-home-returning .ast-scroll-to-top-left, body.lhc-home-returning #ast-scroll-top, body.lhc-home-returning #scrollUp, body.lhc-home-returning .scroll-up, body.lhc-home-returning .scroll-to-top, body.lhc-home-returning .to-top{ pointer-events: none !important; } /* Rich detail tiles */ .lhc-detail__rich{display:flex;flex-direction:column;gap:12px;margin-top:16px;} .lhc-rich-tile{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;border:1px solid rgba(11,18,32,.08);background:#fff;color:var(--text);font-weight:900;box-shadow:0 12px 28px rgba(11,18,32,.06);} .lhc-rich-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg, rgba(47,128,237,.12), rgba(255,77,109,.10));font-size:20px;} .lhc-rich-tile__arrow{margin-left:auto;font-size:24px;line-height:1;color:rgba(11,18,32,.35);transition:transform .18s ease;} .lhc-rich-tile.is-open .lhc-rich-tile__arrow{transform:rotate(90deg);} .lhc-rich-panel{background:rgba(255,255,255,.92);border:1px solid rgba(11,18,32,.07);border-radius:20px;padding:16px 18px;box-shadow:0 12px 24px rgba(11,18,32,.04);} .lhc-rich-copy p{margin:0 0 12px;color:rgba(11,18,32,.78);line-height:1.6;font-weight:600;} .lhc-rich-copy p:last-child{margin-bottom:0;} .lhc-rich-gallery{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:4px;} .lhc-rich-gallery img{flex:0 0 78%;max-width:78%;height:220px;object-fit:cover;border-radius:18px;scroll-snap-align:start;box-shadow:0 14px 28px rgba(11,18,32,.10);} .lhc-detail__video{margin-top:0;} @media (min-width: 768px){.lhc-rich-gallery img{flex-basis:46%;max-width:46%;}} .lhc-push-card{margin:0 0 18px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.18);overflow:hidden;transform-origin:top center;transition:max-height .62s cubic-bezier(.22,1,.36,1),opacity .36s ease,transform .62s cubic-bezier(.22,1,.36,1),margin .62s cubic-bezier(.22,1,.36,1),padding-top .62s cubic-bezier(.22,1,.36,1),padding-bottom .62s cubic-bezier(.22,1,.36,1)} .lhc-push-card.is-collapsing{pointer-events:none;will-change:max-height,opacity,transform,margin,padding} .lhc-push-card.is-hidden{max-height:0 !important;opacity:0;transform:translateY(-10px);margin-bottom:0;padding-top:0;padding-bottom:0;box-shadow:none} .lhc-push-card__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-bottom:8px} .lhc-push-card__title{font-size:20px;font-weight:800;line-height:1.2;margin:0 0 8px} .lhc-push-card__text{font-size:14px;line-height:1.5;opacity:.9;margin:0 0 14px} .lhc-push-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .lhc-push-btn{appearance:none;border:0;border-radius:999px;padding:12px 16px;font-weight:700;cursor:pointer;background:#fff;color:#111827;box-shadow:0 10px 20px rgba(255,255,255,.14)} .lhc-push-btn[data-lhc-push-state="subscribed"]{background:#86efac;color:#14532d} .lhc-push-card__meta{font-size:12px;opacity:.75} .lhc-route-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(31,42,68,.08);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(31,42,68,.06)} .lhc-route-mode--map{margin:0 0 12px} .lhc-route-mode__label{font-size:13px;font-weight:700;color:#42506b} .lhc-route-mode__group{display:inline-flex;gap:6px;flex-wrap:wrap} .lhc-route-mode__btn{appearance:none;border:1px solid rgba(31,42,68,.12);background:#f7f9fc;color:#1f2a44;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:.18s ease} .lhc-route-mode__btn:hover{transform:translateY(-1px)} .lhc-route-mode__btn.is-active{background:#1f2a44;color:#fff;border-color:#1f2a44;box-shadow:0 8px 18px rgba(31,42,68,.18)} html[data-lhc-route-mode='walking'] .lhc-route-mode__btn[data-mode='walking'],html[data-lhc-route-mode='driving'] .lhc-route-mode__btn[data-mode='driving'],html[data-lhc-route-mode='transit'] .lhc-route-mode__btn[data-mode='transit']{background:#1f2a44;color:#fff;border-color:#1f2a44} /* ===== v6.9.25 correctifs affichage ===== */ .lhc-rich-tile[hidden], .lhc-rich-panel[hidden], #lhcDetailVideo[hidden], #lhcDetailVideoLink[hidden], #lhcDetailDescToggle[hidden], #lhcDetailPhotosToggle[hidden], #lhcDetailVideoToggle[hidden], #lhcDetailDescPanel[hidden], #lhcDetailPhotosPanel[hidden]{ display:none !important; } .lhc-route-mode, .lhc-route-mode--map, .lhc-route-mode__label, .lhc-route-mode__group, .lhc-route-mode__btn{ display:none !important; } /* retire le bandeau rosé en haut */ .lhc-header, .lhc-header__top, .lhc-header__home{ background:#fff !important; background-image:none !important; box-shadow:none !important; filter:none !important; } /* neutralise certains aplats rosés résiduels sur mobile */ .lhc-header::before, .lhc-header::after, .lhc-header__home::before, .lhc-header__home::after{ display:none !important; content:none !important; } /* ===== v6.9.26 hard fixes ===== */ [hidden]{display:none !important;} #lhcDetailHero[hidden], #lhcDetailActions[hidden], #lhcDetailReserve[hidden], #lhcDetailCall[hidden], #lhcDetailMaps[hidden]{display:none !important;} .lhc-detail__hero{background:none !important;min-height:0 !important;padding:0 !important;} .lhc-detail__hero img{display:block;} /* ===== v6.9.27 image ambiance par catégorie ===== */ #lhcDetailHero{ position:relative !important; background:linear-gradient(135deg,#f6f8fc 0%,#eef2f8 100%) !important; } #lhcDetailHeroImg{ filter:saturate(.88) contrast(.98) brightness(1.02) !important; } /* Affiliate actions */ .lhc-detail__cta--affiliate .lhc-cta-icon svg{width:20px;height:20px;display:block}.lhc-detail__cta--thefork,.lhc-detail__cta--getyourguide,.lhc-detail__cta--tiqets,.lhc-detail__cta--uber{min-height:72px} /* ===== v6.9.30 automatic category visuals ===== */ #lhcList .lhc-item__img{position:relative;background:linear-gradient(135deg,#f6f8fc 0%,#eef2f8 100%) !important;isolation:isolate;} #lhcList .lhc-item__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;} #lhcList .lhc-item__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(17,24,39,.12) 100%);z-index:1;} #lhcList .lhc-item__ico{position:relative;z-index:2;backdrop-filter:blur(8px);background:rgba(255,255,255,.78) !important;border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 18px rgba(15,23,42,.12);} #lhcDetailHeroImg{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;background:linear-gradient(135deg,#f6f8fc 0%,#eef2f8 100%);} /* ===== v6.9.31 front polish: hero + CTA redesign ===== */ #lhcDetail{ --lhc-accent:#ef4b7a; --lhc-accent-2:#ff7b54; --lhc-ink:#21314d; } #lhcDetail.lhc-cat--cafes{--lhc-accent:#b86a2f;--lhc-accent-2:#df8a47;} #lhcDetail.lhc-cat--restaurants{--lhc-accent:#c56b3d;--lhc-accent-2:#e79a5e;} #lhcDetail.lhc-cat--bars{--lhc-accent:#5b63c9;--lhc-accent-2:#7f88ea;} #lhcDetail.lhc-cat--activites{--lhc-accent:#2f80a8;--lhc-accent-2:#45a6cb;} #lhcDetail.lhc-cat--parcs{--lhc-accent:#3d8b5a;--lhc-accent-2:#59ad77;} #lhcDetail.lhc-cat--musees{--lhc-accent:#8a62b8;--lhc-accent-2:#a37cd4;} #lhcDetail.lhc-cat--monuments{--lhc-accent:#6d7482;--lhc-accent-2:#8f96a3;} #lhcDetail.lhc-cat--transports{--lhc-accent:#3b74c5;--lhc-accent-2:#5d96ea;} #lhcDetail.lhc-cat--pharmacies{--lhc-accent:#1f9d72;--lhc-accent-2:#38bf90;} #lhcDetail.lhc-cat--superettes{--lhc-accent:#db7b56;--lhc-accent-2:#f59c79;} #lhcDetailHero{ border-radius:30px !important; overflow:hidden !important; box-shadow:0 22px 48px rgba(16,24,40,.16) !important; background:linear-gradient(135deg,#f7f3ee 0%,#efe3d6 100%) !important; isolation:isolate; } #lhcDetailHero::before{ content:''; position:absolute; inset:0; background: radial-gradient(circle at 88% 16%, rgba(255,255,255,.55) 0, rgba(255,255,255,.08) 18%, transparent 19%), radial-gradient(circle at 77% 10%, rgba(255,255,255,.35) 0, rgba(255,255,255,0) 14%), linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(18,26,43,.14) 100%); z-index:1; pointer-events:none; } #lhcDetailHero::after{ content:''; position:absolute; inset:auto 0 0 0; height:44%; background:linear-gradient(180deg, rgba(23,35,58,0) 0%, rgba(23,35,58,.14) 100%); z-index:1; pointer-events:none; } #lhcDetailHeroImg{ display:block; width:100%; aspect-ratio:5/3; object-fit:cover; transform:scale(1.01); filter:saturate(.96) contrast(1.02) brightness(.99) !important; } #lhcDetailBadge{ display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:999px; background:linear-gradient(135deg, rgba(255,248,240,.95), rgba(255,255,255,.88)); border:1px solid rgba(255,255,255,.78); box-shadow:0 10px 24px rgba(20,31,52,.08); color:var(--lhc-accent); font-weight:800; } #lhcDetailTitle{ color:#263754; letter-spacing:-.03em; } #lhcDetailAddr{ color:#5c6574; } #lhcDetailDist{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:140px; min-height:72px; padding:0 26px; border-radius:22px; background:linear-gradient(180deg, #fff 0%, #fbfcff 100%); border:1px solid rgba(33,49,77,.08); box-shadow:0 16px 32px rgba(27,39,66,.08); font-size:18px; font-weight:800; color:#f2537b; } #lhcDetailActions{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:18px; } #lhcDetailActions .lhc-detail__cta{ position:relative; display:flex !important; align-items:center; gap:16px; min-height:84px; padding:18px 22px; border-radius:26px !important; border:1px solid rgba(26,38,61,.08) !important; box-shadow:0 16px 34px rgba(16,24,40,.08); text-decoration:none !important; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } #lhcDetailActions .lhc-detail__cta:hover{ transform:translateY(-2px); box-shadow:0 20px 40px rgba(16,24,40,.12); } #lhcDetailActions .lhc-detail__cta::after{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0)); pointer-events:none; } #lhcDetailActions .lhc-cta-icon{ width:62px; height:62px; min-width:62px; border-radius:20px; display:inline-flex; align-items:center; justify-content:center; box-shadow:inset 0 1px 0 rgba(255,255,255,.45); } #lhcDetailActions .lhc-cta-icon svg{ width:24px; height:24px; } #lhcDetailActions .lhc-detail__cta > span:last-child{ position:relative; z-index:1; flex:1 1 auto; text-align:left; font-size:18px; line-height:1.25; font-weight:800; letter-spacing:-.02em; } #lhcDetailReserve, #lhcDetailAffiliateUber{ background:linear-gradient(135deg, #ff5a8d 0%, #d93d8d 100%) !important; color:#fff !important; border-color:transparent !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailAffiliateUber .lhc-cta-icon{ background:rgba(255,255,255,.16) !important; color:#fff !important; } #lhcDetailMaps{ background:linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%) !important; color:#18365c !important; } #lhcDetailMaps .lhc-cta-icon{ background:linear-gradient(135deg, #eaf2ff 0%, #d7e6ff 100%) !important; color:#2f68d8 !important; } #lhcDetailCall{ background:linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%) !important; color:#184e42 !important; } #lhcDetailCall .lhc-cta-icon{ background:linear-gradient(135deg, #def7ef 0%, #c8efdf 100%) !important; color:#13936a !important; } #lhcDetailActions .lhc-detail__cta--affiliate:not(#lhcDetailAffiliateUber), #lhcDetailReserve.lhc-detail__cta--site{ background:linear-gradient(180deg, #ffffff 0%, #fff8fb 100%) !important; color:#9f3760 !important; } #lhcDetailActions .lhc-detail__cta--affiliate:not(#lhcDetailAffiliateUber) .lhc-cta-icon, #lhcDetailReserve.lhc-detail__cta--site .lhc-cta-icon{ background:linear-gradient(135deg, #ffe9f1 0%, #f9dbe8 100%) !important; color:#f2537b !important; } #lhcDetailAffiliateThefork{ background:linear-gradient(180deg, #fff 0%, #f7fff9 100%) !important; color:#1b6c43 !important; } #lhcDetailAffiliateThefork .lhc-cta-icon{background:linear-gradient(135deg,#e4f8ea 0%,#cff1da 100%) !important;color:#1d9c5a !important;} #lhcDetailAffiliateGetyourguide{ background:linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important; color:#0f5e8f !important; } #lhcDetailAffiliateGetyourguide .lhc-cta-icon{background:linear-gradient(135deg,#e3f3ff 0%,#d2ebff 100%) !important;color:#1192d3 !important;} #lhcDetailAffiliateTiqets{ background:linear-gradient(180deg, #fff 0%, #fbf8ff 100%) !important; color:#6f49a5 !important; } #lhcDetailAffiliateTiqets .lhc-cta-icon{background:linear-gradient(135deg,#efe5ff 0%,#e4d8ff 100%) !important;color:#8c63d1 !important;} @media (min-width: 720px){ #lhcDetailActions{ grid-template-columns:repeat(2, minmax(0,1fr)); } #lhcDetailReserve, #lhcDetailAffiliateUber{ grid-column:1 / -1; } } @media (max-width: 640px){ #lhcDetailHero{border-radius:26px !important;} #lhcDetailActions .lhc-detail__cta{min-height:76px;padding:16px 18px;border-radius:22px !important;} #lhcDetailActions .lhc-cta-icon{width:54px;height:54px;min-width:54px;border-radius:18px;} #lhcDetailActions .lhc-detail__cta > span:last-child{font-size:17px;} #lhcDetailDist{min-height:68px;border-radius:20px;font-size:17px;} } /* ===== v6.9.33 actions collapsed by default ===== */ #lhcDetailActionsToggle.lhc-detail__actions-toggle{ display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%; margin:14px 0 10px;padding:14px 18px;border:1px solid rgba(23,59,114,.10);border-radius:18px; background:linear-gradient(180deg,#ffffff 0%,#fbf7f9 100%);color:#17385f;font-weight:900;font-size:16px; box-shadow:0 10px 24px rgba(24,39,75,.08); } #lhcDetailActionsToggle .lhc-detail__actions-toggle-icon{ display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px; border-radius:12px;background:#f3e5ed;color:#c5407b;font-size:24px;line-height:1;font-weight:700; } #lhcDetailActionsToggle.is-open .lhc-detail__actions-toggle-icon{background:#ffe3ee;} #lhcDetailActions[hidden]{display:none !important;} /* ===== v6.9.34 simplified detail card ===== */ #lhcDetailHero{display:none !important;} #lhcDetailRich, #lhcDetailDescToggle, #lhcDetailDescPanel, #lhcDetailPhotosToggle, #lhcDetailPhotosPanel, #lhcDetailVideoToggle, #lhcDetailVideo, #lhcDetailVideoLink, #lhcDetailActionsToggle, #lhcDetailCall, #lhcDetailAffiliateThefork, #lhcDetailAffiliateGetyourguide, #lhcDetailAffiliateTiqets, #lhcDetailAffiliateUber{display:none !important;} #lhcDetail{padding-top:8px !important;} #lhcDetailBadge{margin-top:0 !important;} #lhcDetailActions{margin-top:12px !important;grid-template-columns:1fr !important;} #lhcDetailReserve, #lhcDetailMaps{grid-column:auto !important;} #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{font-size:20px !important;} /* ===== v6.9.35 simple detail CTA: Voir / Réserver / Y aller ===== */ #lhcDetailHero, #lhcDetailRich, #lhcDetailDescToggle, #lhcDetailDescPanel, #lhcDetailPhotosToggle, #lhcDetailPhotosPanel, #lhcDetailVideoToggle, #lhcDetailVideo, #lhcDetailCall, #lhcDetailActionsToggle, #lhcDetailAffiliateThefork, #lhcDetailAffiliateGetyourguide, #lhcDetailAffiliateTiqets, #lhcDetailAffiliateUber{ display:none !important; } body.lhc-detail-open .lhc-sheet__detail, #lhcDetail.lhc-sheet__detail{ background:#f7f8fb !important; padding-top:8px !important; } #lhcDetail::before, #lhcDetail::after, .lhc-sheet__detail::before, .lhc-sheet__detail::after{ display:none !important; content:none !important; } #lhcDetailActions{ margin-top:18px !important; display:grid !important; grid-template-columns:1fr !important; gap:14px !important; position:static !important; padding:0 !important; background:transparent !important; } #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ min-height:78px !important; border-radius:24px !important; } #lhcDetailSee{ background:#ffffff !important; border:1px solid rgba(34,57,96,.10) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; color:#fff !important; } #lhcDetailMaps{ background:#ffffff !important; border:1px solid rgba(34,57,96,.10) !important; } #lhcDetailTitle{margin-top:4px !important;} #lhcDetailAddr{margin-top:6px !important;} /* ===== v6.10.2 CTA cards styled like WiFi tiles ===== */ #lhcDetailActions{ gap:16px !important; } #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ position:relative !important; overflow:hidden !important; min-height:112px !important; border-radius:24px !important; display:flex !important; align-items:flex-end !important; padding:20px 22px !important; box-shadow:0 14px 32px rgba(20,31,56,.08) !important; border:1px solid rgba(255,255,255,.5) !important; isolation:isolate !important; } #lhcDetailSee::before, #lhcDetailReserve::before, #lhcDetailMaps::before{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.04) 60%, rgba(255,255,255,0) 100%); z-index:0; } #lhcDetailSee::after, #lhcDetailReserve::after, #lhcDetailMaps::after{ content:''; position:absolute; width:140px; height:140px; right:-24px; top:-28px; border-radius:50%; background:rgba(255,255,255,.22); z-index:0; } #lhcDetailSee > span, #lhcDetailReserve > span, #lhcDetailMaps > span{ position:relative; z-index:1; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:56px !important; height:56px !important; border-radius:18px !important; flex:0 0 56px !important; margin-right:14px !important; box-shadow:none !important; } #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{ font-size:22px !important; line-height:1.1 !important; font-weight:900 !important; letter-spacing:-0.02em !important; } #lhcDetailSee{ background:linear-gradient(135deg,#f8eef4 0%, #fefbfc 100%) !important; color:#c7437d !important; } #lhcDetailSee .lhc-cta-icon{ background:#f8dbe7 !important; color:#e1528a !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; color:#fff !important; } #lhcDetailMaps{ background:linear-gradient(135deg,#eef4ff 0%, #fdfefe 100%) !important; color:#1f3c72 !important; } #lhcDetailMaps .lhc-cta-icon{ background:#dbe8ff !important; color:#4d7ef7 !important; } /* ===== v6.10.3 app-style CTA colors + centered labels ===== */ #lhcDetailActions{ gap:18px !important; } #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ min-height:118px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:22px 24px !important; border-radius:28px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; box-shadow: 0 14px 34px rgba(22,34,59,.10), inset 0 1px 0 rgba(255,255,255,.6) !important; transition: transform .18s ease, box-shadow .22s ease, filter .22s ease !important; } #lhcDetailSee:hover, #lhcDetailReserve:hover, #lhcDetailMaps:hover, #lhcDetailSee:focus-visible, #lhcDetailReserve:focus-visible, #lhcDetailMaps:focus-visible{ transform: translateY(-2px) scale(1.01) !important; box-shadow: 0 20px 40px rgba(22,34,59,.14), inset 0 1px 0 rgba(255,255,255,.72) !important; filter: saturate(1.04) !important; } #lhcDetailSee:active, #lhcDetailReserve:active, #lhcDetailMaps:active{ transform: translateY(0) scale(.992) !important; } #lhcDetailSee::before, #lhcDetailReserve::before, #lhcDetailMaps::before{ background:linear-gradient(135deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.08) 55%, rgba(255,255,255,0) 100%) !important; } #lhcDetailSee::after, #lhcDetailReserve::after, #lhcDetailMaps::after{ width:170px !important; height:170px !important; right:-34px !important; top:-42px !important; opacity:.55 !important; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:64px !important; height:64px !important; border-radius:20px !important; flex:0 0 64px !important; margin-right:18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(0,0,0,.06) !important; } #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:0 !important; font-size:24px !important; font-weight:900 !important; letter-spacing:-0.03em !important; } #lhcDetailSee{ background:linear-gradient(135deg,#fff3f7 0%, #ffe3ed 100%) !important; color:#cf417d !important; border:1px solid rgba(223,84,137,.20) !important; } #lhcDetailSee .lhc-cta-icon{ background:linear-gradient(135deg,#ffd6e6 0%, #ffc1da 100%) !important; color:#e14f8a !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:linear-gradient(135deg,rgba(255,255,255,.28) 0%, rgba(255,255,255,.18) 100%) !important; color:#fff !important; } #lhcDetailMaps{ background:linear-gradient(135deg,#eef6ff 0%, #dfeeff 100%) !important; color:#1e447d !important; border:1px solid rgba(77,126,247,.16) !important; } #lhcDetailMaps .lhc-cta-icon{ background:linear-gradient(135deg,#d8e8ff 0%, #c6ddff 100%) !important; color:#4d7ef7 !important; } @media (max-width: 640px){ #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ min-height:104px !important; border-radius:24px !important; padding:18px 18px !important; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:58px !important; height:58px !important; flex-basis:58px !important; margin-right:14px !important; } #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{ font-size:21px !important; } } /* ===== v6.10.4 toast + stronger app feel + close returns home ===== */ #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ cursor:pointer !important; transform:translateZ(0) !important; } #lhcDetailSee:hover, #lhcDetailReserve:hover, #lhcDetailMaps:hover, #lhcDetailSee:focus-visible, #lhcDetailReserve:focus-visible, #lhcDetailMaps:focus-visible{ transform:translateY(-3px) scale(1.012) !important; } #lhcDetailSee:active, #lhcDetailReserve:active, #lhcDetailMaps:active{ transform:translateY(1px) scale(.988) !important; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ box-shadow:0 10px 22px rgba(31,45,78,.12) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } .lhc-detail-leaving{ opacity:.88; transform:translateY(14px) scale(.992); transition:transform .18s ease, opacity .18s ease; } .lhc-redirect-toast{ position:fixed; left:50%; bottom:22px; transform:translateX(-50%) translateY(16px); display:flex; align-items:center; gap:10px; padding:14px 18px; border-radius:999px; background:rgba(27,33,51,.92); color:#fff; font-weight:700; font-size:14px; letter-spacing:.01em; box-shadow:0 18px 40px rgba(17,22,34,.28); opacity:0; pointer-events:none; transition:opacity .22s ease, transform .22s ease; z-index:999999; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .lhc-redirect-toast.is-visible{ opacity:1; transform:translateX(-50%) translateY(0); } .lhc-redirect-toast__dot{ width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,#ff7cab 0%, #5d8bff 100%); box-shadow:0 0 0 6px rgba(255,255,255,.08); animation:lhcToastPulse 1s ease-in-out infinite; } @keyframes lhcToastPulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.18); opacity:.75; } } /* ===== v6.10.5 reserve provider icon fix ===== */ #lhcDetailReserve[data-provider="thefork"] .lhc-cta-icon{ background:linear-gradient(135deg,#e4f8ea 0%,#cff1da 100%) !important; color:#1d9c5a !important; } #lhcDetailReserve[data-provider="getyourguide"] .lhc-cta-icon{ background:linear-gradient(135deg,#e3f3ff 0%,#d2ebff 100%) !important; color:#1192d3 !important; } #lhcDetailReserve[data-provider="tiqets"] .lhc-cta-icon{ background:linear-gradient(135deg,#efe5ff 0%,#e4d8ff 100%) !important; color:#8c63d1 !important; } #lhcDetailReserve[data-provider="uber"] .lhc-cta-icon{ background:linear-gradient(135deg,#eef4ff 0%,#dde8ff 100%) !important; color:#2f80ed !important; } #lhcDetailReserve .lhc-cta-icon svg{ width:24px !important; height:24px !important; display:block !important; } /* ===== v6.10.6 compact mobile detail + premium tile UX ===== */ body.lhc-detail-open .lhc-sheet__detail, #lhcDetail.lhc-sheet__detail{ background: radial-gradient(1200px 380px at 100% -10%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.32) 34%, rgba(255,255,255,0) 60%), linear-gradient(180deg,#f7f7fb 0%, #f2f4fb 100%) !important; } #lhcDetail{ padding:10px 14px 22px !important; } #lhcDetailTitle{ margin:2px 0 6px !important; line-height:1.05 !important; } #lhcDetailAddr{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; flex-wrap:wrap !important; margin-top:4px !important; font-size:15px !important; color:#5a6479 !important; } #lhcDetailAddr .lhc-detail__addr-text{ flex:1 1 220px; min-width:0; } #lhcDetailAddr .lhc-detail__addr-dist{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border-radius:999px; background:rgba(255,255,255,.9); color:#ff557d; font-weight:900; box-shadow:0 10px 24px rgba(26,38,68,.08), inset 0 1px 0 rgba(255,255,255,.8); } #lhcDetailAddr .lhc-detail__addr-dist .lhc-walk-ico{ font-size:14px; } #lhcDetailDist{ display:none !important; } #lhcDetailExtras{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; align-items:stretch !important; margin:14px 0 10px !important; } #lhcDetailReviews, #lhcDetailPromo{ margin:0 !important; min-width:0 !important; width:100% !important; justify-content:flex-start !important; padding:10px 12px !important; border-radius:16px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-shadow:0 8px 20px rgba(27,39,68,.06); } #lhcDetailReviews{ background:linear-gradient(135deg,#fff4d8 0%,#ffecc2 100%) !important; color:#7b4a00 !important; } #lhcDetailPromo{ background:linear-gradient(135deg,#fff0e4 0%,#ffe3ce 100%) !important; color:#bc5a0b !important; } #lhcDetailActions{ margin-top:12px !important; gap:12px !important; } #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ min-height:88px !important; display:grid !important; grid-template-columns:64px 1fr !important; align-items:center !important; justify-content:start !important; text-align:left !important; padding:14px 18px !important; border-radius:24px !important; box-shadow:0 16px 32px rgba(22,34,59,.08), inset 0 1px 0 rgba(255,255,255,.62) !important; } #lhcDetailSee::before, #lhcDetailReserve::before, #lhcDetailMaps::before{ background:linear-gradient(135deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.12) 50%, rgba(255,255,255,0) 100%) !important; } #lhcDetailSee::after, #lhcDetailReserve::after, #lhcDetailMaps::after{ width:110px !important; height:110px !important; right:-18px !important; top:-18px !important; opacity:.42 !important; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:56px !important; height:56px !important; flex-basis:56px !important; margin-right:0 !important; border-radius:18px !important; } #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; text-align:center !important; font-size:18px !important; letter-spacing:-.02em !important; } #lhcDetailSee{ background:linear-gradient(135deg,#fff0f6 0%, #ffe5ef 100%) !important; color:#cf417d !important; } #lhcDetailSee .lhc-cta-icon{ background:linear-gradient(135deg,#ffd8e7 0%, #ffc3da 100%) !important; color:#df508d !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:linear-gradient(135deg,#d5f2de 0%, #c5ebd2 100%) !important; color:#1aa461 !important; } #lhcDetailReserve[data-provider="getyourguide"]{ background:linear-gradient(135deg,#eaf7ff 0%,#def1ff 100%) !important; color:#0f7fc6 !important; } #lhcDetailReserve[data-provider="tiqets"]{ background:linear-gradient(135deg,#f3ecff 0%,#e8ddff 100%) !important; color:#7a57c7 !important; } #lhcDetailReserve[data-provider="uber"]{ background:linear-gradient(135deg,#eef4ff 0%,#e1ebff 100%) !important; color:#3169de !important; } #lhcDetailMaps{ background:linear-gradient(135deg,#eef4ff 0%, #e0eaff 100%) !important; color:#1f4278 !important; } #lhcDetailMaps .lhc-cta-icon{ background:linear-gradient(135deg,#d7e5ff 0%, #c5dbff 100%) !important; color:#4e7df7 !important; } @media (max-width: 640px){ #lhcDetail{ padding:8px 12px 18px !important; } #lhcDetailTitle{ font-size:clamp(26px, 8vw, 36px) !important; } #lhcDetailAddr{ font-size:14px !important; gap:8px !important; } #lhcDetailAddr .lhc-detail__addr-dist{ min-height:36px; padding:0 12px; font-size:13px; } #lhcDetailExtras{ grid-template-columns:1fr 1fr !important; gap:8px !important; margin:12px 0 8px !important; } #lhcDetailReviews, #lhcDetailPromo{ padding:9px 10px !important; font-size:12px !important; border-radius:14px !important; } #lhcDetailActions{ gap:10px !important; } #lhcDetailSee, #lhcDetailReserve, #lhcDetailMaps{ min-height:80px !important; grid-template-columns:54px 1fr !important; padding:13px 14px !important; border-radius:22px !important; } #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon{ width:48px !important; height:48px !important; flex-basis:48px !important; border-radius:16px !important; } #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailMaps > span:last-child{ font-size:17px !important; } } /* ===== v6.13.0 growth ===== */ .lhc-detail__desc-inline{ margin:10px 0 2px 0; color:#31415d; font-size:14px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; opacity:.92; } #lhcDetailHero{display:block !important;} #lhcDetailHeroImg{background:linear-gradient(135deg,#f6f8fc 0%,#eef2f8 100%) !important;} .lhc-rich-gallery{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(78%, 1fr); gap:12px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x mandatory; } .lhc-gallery-card{ margin:0; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 14px 30px rgba(15,23,42,.10); scroll-snap-align:start; } .lhc-gallery-card img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; } .lhc-gallery-card figcaption{ padding:10px 14px 14px; font-size:13px; font-weight:800; color:#26354f; } .lhc-detail__actions{ row-gap:10px !important; } .lhc-detail__cta--affiliate{ min-height:56px !important; border-radius:18px !important; font-weight:900 !important; flex:1 1 calc(50% - 8px); } .lhc-detail__cta--thefork{ background:linear-gradient(135deg,#0f9d58,#18b66a) !important; color:#fff !important; } .lhc-detail__cta--getyourguide{ background:linear-gradient(135deg,#ff4f5e,#ff7a59) !important; color:#fff !important; } .lhc-detail__cta--tiqets{ background:linear-gradient(135deg,#5a67d8,#7f56da) !important; color:#fff !important; } .lhc-detail__cta--uber{ background:linear-gradient(135deg,#111827,#2b3548) !important; color:#fff !important; } @media (max-width:480px){ .lhc-rich-gallery{grid-auto-columns:minmax(86%, 1fr);} .lhc-detail__cta--affiliate{flex-basis:100%;} } /* ===== v7.1 merged smart booking ===== */ .lhc-booking-panel{display:grid;gap:8px;margin:8px 0 12px;padding:10px;border:1px solid rgba(37,99,235,.14);background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);border-radius:18px;box-shadow:0 6px 18px rgba(37,99,235,.08)} .lhc-booking-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none;background:#fff;color:#111827;border:1px solid #e5e7eb;font-weight:700} .lhc-booking-option__main{font-size:14px} .lhc-booking-option__sub{font-size:12px;color:#6b7280;white-space:nowrap} .lhc-detail__actions{align-items:stretch} .lhc-detail__cta.is-multi{cursor:pointer} .lhc-detail__cta.is-multi span:last-child::after{content:' ▾';font-weight:800} .lhc-detail__cta--maps{order:1} .lhc-detail__cta--see{order:2} .lhc-detail__cta--reserve{order:3} #lhcBookingPanel[hidden]{display:none !important} @media (max-width: 640px){ .lhc-booking-panel{margin-top:8px} .lhc-booking-option{padding:11px 12px} } /* v7.1.2 fast open + premium animation */ #lhcDetailOverlay{ transition: opacity .18s ease, visibility .18s ease !important; } #lhcDetailOverlay .lhc-detail-overlay__backdrop{ transition: opacity .18s ease !important; } #lhcDetailOverlay #lhcDetail, #lhcDetail.lhc-sheet__detail{ will-change: transform, opacity; transition: transform .22s cubic-bezier(.22,.8,.22,1), opacity .18s ease, box-shadow .22s ease !important; transform: translateY(16px) scale(.985); opacity: 0; } #lhcDetailOverlay.is-open #lhcDetail, body.lhc-detail-open #lhcDetail, #lhcDetail.is-opening{ transform: translateY(0) scale(1) !important; opacity: 1 !important; } #lhcDetail.is-closing, body.lhc-home-returning #lhcDetailOverlay #lhcDetail, #lhcDetailOverlay.lhc-overlay-returning #lhcDetail{ transform: translateY(12px) scale(.99) !important; opacity: 0 !important; } body.lhc-opening-detail .lhc-item, body.lhc-opening-detail .lhc-cardlink{ pointer-events: none; } .lhc-item{ cursor: pointer; transition: transform .14s ease, box-shadow .16s ease, background-color .16s ease; } .lhc-item:hover{ transform: translateY(-1px); } .lhc-item.is-tapping{ transform: scale(.985); } #lhcDetailMaps.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta{ transition: transform .14s ease, box-shadow .16s ease, opacity .16s ease; } #lhcDetailMaps.lhc-detail__cta:hover, #lhcDetailReserve.lhc-detail__cta:hover{ transform: translateY(-1px); } @media (prefers-reduced-motion: reduce){ #lhcDetailOverlay, #lhcDetailOverlay .lhc-detail-overlay__backdrop, #lhcDetailOverlay #lhcDetail, #lhcDetail.lhc-sheet__detail, .lhc-item, #lhcDetailMaps.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta{ transition: none !important; } } /* ===== v7.2.0 OPTION A : Y aller + Réserver côte à côte, Voir en secondaire ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; align-items:stretch !important; margin-top:14px !important; } #lhcDetailMaps{ order:1 !important; grid-column:1 !important; min-height:58px !important; border-radius:18px !important; background:linear-gradient(135deg,#111827 0%, #1f2937 100%) !important; color:#ffffff !important; border:none !important; box-shadow:0 10px 22px rgba(17,24,39,.24) !important; align-items:center !important; justify-content:center !important; padding:14px 12px !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ order:3 !important; grid-column:1 / span 2 !important; min-height:46px !important; border-radius:16px !important; background:#f8fafc !important; color:#111827 !important; border:1px solid rgba(15,23,42,.10) !important; box-shadow:none !important; align-items:center !important; justify-content:center !important; padding:12px 12px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:34px !important; height:34px !important; border-radius:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.16) !important; color:#ffffff !important; box-shadow:none !important; margin-right:2px !important; } #lhcDetailSee .lhc-cta-icon{ width:28px !important; height:28px !important; border-radius:10px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:#ffffff !important; color:#111827 !important; border:1px solid rgba(15,23,42,.08) !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child{ font-size:16px !important; font-weight:900 !important; letter-spacing:-0.01em !important; } #lhcDetailSee > span:last-child{ font-size:14px !important; font-weight:800 !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps:active, #lhcDetailReserve:active, #lhcDetailSee:active{ transform:scale(.985) !important; } /* panneau de réservation harmonisé sous le duo */ #lhcBookingPanel{ margin-top:10px !important; border-radius:18px !important; background:#f8fbff !important; border:1px solid rgba(37,99,235,.12) !important; box-shadow:0 8px 18px rgba(15,23,42,.06) !important; } #lhcBookingPanel .lhc-booking-option{ border-radius:14px !important; } @media (max-width: 480px){ #lhcDetailActions{ gap:8px !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child{ font-size:15px !important; } #lhcDetailSee{ min-height:44px !important; border-radius:14px !important; } } /* ===== v7.2.1 elegant redesign ===== */ #lhcDetailActions{ background:transparent !important; padding:0 !important; margin-top:14px !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ position:relative !important; overflow:hidden !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; min-height:52px !important; border-radius:16px !important; text-decoration:none !important; transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease !important; } #lhcDetailMaps{ grid-column:1 !important; background:#ffffff !important; color:#111827 !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 6px 18px rgba(15,23,42,.06) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; min-height:44px !important; background:#f8fafc !important; color:#334155 !important; border:1px solid rgba(148,163,184,.18) !important; box-shadow:none !important; font-size:14px !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps:active, #lhcDetailReserve:active, #lhcDetailSee:active{ transform:scale(.985) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; margin:0 !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon{ width:30px !important; height:30px !important; border-radius:10px !important; background:#f1f5f9 !important; color:#111827 !important; border:1px solid rgba(15,23,42,.06) !important; } #lhcDetailReserve .lhc-cta-icon{ width:30px !important; height:30px !important; border-radius:10px !important; background:rgba(255,255,255,.18) !important; color:#ffffff !important; border:1px solid rgba(255,255,255,.18) !important; } #lhcDetailSee .lhc-cta-icon{ width:26px !important; height:26px !important; border-radius:9px !important; background:#ffffff !important; color:#334155 !important; border:1px solid rgba(148,163,184,.16) !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child{ font-size:15px !important; font-weight:800 !important; letter-spacing:-0.01em !important; } #lhcDetailSee > span:last-child{ font-size:14px !important; font-weight:700 !important; } #lhcBookingPanel{ margin-top:10px !important; padding:10px !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.08) !important; border-radius:16px !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcBookingPanel .lhc-booking-option{ background:#f8fafc !important; border:1px solid rgba(148,163,184,.12) !important; border-radius:14px !important; } #lhcBookingPanel .lhc-booking-option:hover{ background:#ffffff !important; } @media (max-width:480px){ #lhcDetailActions{ gap:8px !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ min-height:42px !important; border-radius:14px !important; } } /* ===== v8.0.0 PRO UX redesign ===== */ :root{ --lhc-pro-bg:#f5f7fb; --lhc-pro-card:#ffffff; --lhc-pro-ink:#182338; --lhc-pro-muted:#667085; --lhc-pro-line:rgba(15,23,42,.08); --lhc-pro-blue:#2563eb; --lhc-pro-blue-2:#1d4ed8; --lhc-pro-dark:#111827; --lhc-pro-soft:#f8fafc; --lhc-pro-pink:#ec4899; } /* Clean language switch with visible code fallback */ .lhc-langswitch__toggle{ gap:8px !important; min-width:auto !important; } .lhc-langswitch__flag{ font-size:18px !important; line-height:1 !important; } .lhc-langswitch__code{ display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:24px; padding:0 8px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } .lhc-langswitch__item{ gap:8px !important; } .lhc-langswitch__item.is-active .lhc-langswitch__code{ background:rgba(255,255,255,.16); color:#fff; } /* Detail shell */ #lhcDetail{ padding:0 0 18px 0 !important; background:transparent !important; color:var(--lhc-pro-ink) !important; } #lhcDetailHero{ display:block !important; position:relative !important; overflow:hidden !important; border-radius:24px !important; background:linear-gradient(135deg,#eef3fb 0%,#e6eef9 100%) !important; border:1px solid var(--lhc-pro-line) !important; box-shadow:0 18px 40px rgba(15,23,42,.10) !important; margin:4px 0 14px 0 !important; min-height:190px !important; } #lhcDetailHero::after{ content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient(180deg,rgba(255,255,255,.06) 0%, rgba(15,23,42,.06) 100%) !important; pointer-events:none !important; } #lhcDetailHeroImg{ display:block !important; width:100% !important; height:190px !important; object-fit:cover !important; border-radius:24px !important; filter:saturate(1.02) contrast(1.01) !important; } #lhcDetailBadge{ display:inline-flex !important; align-items:center !important; gap:8px !important; padding:7px 12px !important; border-radius:999px !important; background:#eef4ff !important; color:#1d4ed8 !important; border:1px solid rgba(37,99,235,.10) !important; font-size:12px !important; font-weight:900 !important; margin:0 0 10px 0 !important; box-shadow:none !important; } #lhcDetailTitle{ margin:0 0 8px 0 !important; font-size:clamp(28px, 7vw, 42px) !important; line-height:1.02 !important; letter-spacing:-.04em !important; font-weight:950 !important; color:#243657 !important; padding-right:76px !important; } #lhcDetailAddr{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; flex-wrap:wrap !important; margin:0 0 12px 0 !important; color:#5f6f86 !important; font-size:14px !important; font-weight:800 !important; } #lhcDetailAddr .lhc-detail__addr-text{ flex:1 1 220px !important; min-width:0 !important; } #lhcDetailAddr .lhc-detail__addr-dist{ display:inline-flex !important; align-items:center !important; gap:8px !important; white-space:nowrap !important; background:#ffffff !important; color:#ec4899 !important; border:1px solid rgba(236,72,153,.14) !important; border-radius:999px !important; padding:9px 12px !important; box-shadow:0 8px 20px rgba(15,23,42,.05) !important; font-weight:900 !important; } #lhcDetailDist, .lhc-detail__meta{ display:none !important; } #lhcDetailDescInline{ display:block !important; background:#ffffff !important; border:1px solid var(--lhc-pro-line) !important; border-radius:18px !important; padding:14px 15px !important; color:#45556f !important; box-shadow:0 12px 28px rgba(15,23,42,.05) !important; font-size:14px !important; line-height:1.55 !important; margin:0 0 14px 0 !important; } #lhcDetailDescInline[hidden]{ display:none !important; } /* Close button clean and smaller */ #lhcFloatingClose.lhc-floating-close{ top:18px !important; right:14px !important; width:52px !important; height:52px !important; border-radius:999px !important; background:rgba(255,255,255,.96) !important; color:#1f2c44 !important; font-size:32px !important; box-shadow:0 12px 28px rgba(15,23,42,.16) !important; border:1px solid rgba(15,23,42,.06) !important; } #lhcFloatingClose.lhc-floating-close:hover{ transform:translateY(-1px) !important; } #lhcCloseDetail, .lhc-close-detail, #lhcDetailBack, .lhc-detail__back, .lhc-detail__back--inline{ display:none !important; } /* Primary action hierarchy */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin:0 0 12px 0 !important; padding:0 !important; background:transparent !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; min-height:54px !important; border-radius:18px !important; text-decoration:none !important; overflow:hidden !important; transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease !important; font-weight:900 !important; } #lhcDetailMaps{ grid-column:1 !important; background:#111827 !important; color:#ffffff !important; border:1px solid rgba(17,24,39,.06) !important; box-shadow:0 12px 28px rgba(17,24,39,.20) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; min-height:46px !important; background:#ffffff !important; color:#22314d !important; border:1px solid var(--lhc-pro-line) !important; box-shadow:0 8px 20px rgba(15,23,42,.05) !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps:active, #lhcDetailReserve:active, #lhcDetailSee:active{ transform:scale(.985) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:30px !important; height:30px !important; min-width:30px !important; border-radius:11px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon{ background:rgba(255,255,255,.14) !important; color:#fff !important; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.14) !important; color:#fff !important; } #lhcDetailSee .lhc-cta-icon{ background:#f8fafc !important; color:#22314d !important; border:1px solid rgba(15,23,42,.06) !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child{ font-size:15px !important; font-weight:900 !important; letter-spacing:-.01em !important; } #lhcDetailSee > span:last-child{ font-size:14px !important; font-weight:800 !important; } /* Smart booking panel */ #lhcBookingPanel{ display:grid !important; gap:8px !important; margin:0 0 14px 0 !important; padding:10px !important; background:#f8fbff !important; border:1px solid rgba(37,99,235,.10) !important; border-radius:18px !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcBookingPanel[hidden]{ display:none !important; } #lhcBookingPanel .lhc-booking-option{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; min-height:52px !important; padding:12px 14px !important; border-radius:14px !important; background:#ffffff !important; border:1px solid rgba(15,23,42,.08) !important; color:#182338 !important; text-decoration:none !important; box-shadow:none !important; } #lhcBookingPanel .lhc-booking-option__main{ font-size:14px !important; font-weight:900 !important; } #lhcBookingPanel .lhc-booking-option__sub{ font-size:12px !important; color:#64748b !important; white-space:nowrap !important; } /* Rich content tiles */ #lhcDetailRich{ display:grid !important; gap:10px !important; margin-top:10px !important; } #lhcDetailRich .lhc-rich-tile{ min-height:54px !important; border-radius:18px !important; background:#ffffff !important; border:1px solid var(--lhc-pro-line) !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; color:#1f2c44 !important; font-weight:800 !important; } #lhcDetailRich .lhc-rich-panel{ background:#ffffff !important; border:1px solid var(--lhc-pro-line) !important; border-radius:18px !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcDetailPhotos{ display:flex !important; gap:10px !important; overflow-x:auto !important; padding:6px 2px 2px !important; } #lhcDetailPhotos .lhc-rich-gallery__item, #lhcDetailPhotos .lhc-rich-gallery img, #lhcDetailPhotos img{ border-radius:18px !important; } #lhcDetailVideoWrap{ border-radius:20px !important; } /* Compact overall sheet */ .lhc-sheet{ background:rgba(247,249,252,.98) !important; border-top-left-radius:28px !important; border-top-right-radius:28px !important; } .lhc-sheet__title{ margin-bottom:8px !important; } .lhc-sheet__title span{ color:#1f2c44 !important; font-weight:900 !important; } #lhcList .lhc-item{ border-radius:18px !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 22px rgba(15,23,42,.05) !important; } #lhcList .lhc-item__title{ color:#1f2c44 !important; } /* Hide any affiliate tiles injected into the action area */ #lhcDetailActions [id^="lhcDetailAffiliate"]{ display:none !important; } /* Mobile polish */ @media (max-width:480px){ #lhcDetailHero{ min-height:170px !important; border-radius:22px !important; } #lhcDetailHeroImg{ height:170px !important; border-radius:22px !important; } #lhcDetailTitle{ font-size:clamp(24px, 10vw, 34px) !important; padding-right:66px !important; } #lhcFloatingClose.lhc-floating-close{ top:14px !important; right:12px !important; width:48px !important; height:48px !important; font-size:28px !important; } #lhcDetailActions{ gap:8px !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ min-height:44px !important; border-radius:15px !important; } .lhc-langswitch__toggle{ height:40px !important; padding:0 12px !important; } } /* ===== v8.1.0 DETAIL REBUILD ===== */ .lhc-langswitch__code{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:28px !important;height:24px !important;padding:0 7px !important;border-radius:999px !important;background:#eef4ff !important;color:#2f6fd6 !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.04em !important} .lhc-langswitch__item.is-active .lhc-langswitch__code{background:rgba(255,255,255,.16) !important;color:#fff !important} .lhc-detail-rebuild{background:#f7f8fc !important;color:#1f2f46 !important;padding:0 0 18px 0 !important} .lhc-detail-rebuild__inner{display:flex;flex-direction:column;gap:0} #lhcDetailHero{display:block !important;overflow:hidden !important;border-radius:22px !important;margin:6px 0 14px 0 !important;min-height:182px !important;background:#e9eff8 !important;border:1px solid rgba(31,47,70,.07) !important;box-shadow:0 12px 28px rgba(18,28,45,.08) !important} #lhcDetailHero::before,#lhcDetailHero::after{display:none !important;content:none !important} #lhcDetailHeroImg{display:block !important;width:100% !important;height:182px !important;object-fit:cover !important;border-radius:22px !important;filter:none !important;aspect-ratio:auto !important} #lhcDetailBadge{display:inline-flex !important;align-items:center !important;gap:8px !important;margin:0 0 10px 0 !important;padding:7px 11px !important;border-radius:999px !important;background:#edf4ff !important;color:#2f6fd6 !important;border:1px solid rgba(47,111,214,.10) !important;box-shadow:none !important;font-size:12px !important;font-weight:800 !important} #lhcDetailTitle{margin:0 0 8px 0 !important;padding:0 68px 0 0 !important;color:#24395a !important;font-size:clamp(24px,9vw,38px) !important;line-height:1.04 !important;font-weight:950 !important;letter-spacing:-.035em !important} #lhcDetailAddr{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important;margin:0 0 14px 0 !important;color:#6a778b !important;font-size:14px !important;font-weight:700 !important} #lhcDetailAddr .lhc-detail__addr-text{flex:1 1 230px !important;min-width:0 !important} #lhcDetailAddr .lhc-detail__addr-dist{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:8px 12px !important;border-radius:999px !important;background:#fff !important;color:#ee4f86 !important;border:1px solid rgba(238,79,134,.12) !important;box-shadow:0 8px 20px rgba(18,28,45,.05) !important;font-weight:900 !important} #lhcDetailDist,.lhc-detail-rebuild .lhc-detail__meta{display:none !important} #lhcDetailDescInline{display:block !important;margin:0 0 14px 0 !important;padding:14px 15px !important;border-radius:18px !important;background:#fff !important;border:1px solid rgba(31,47,70,.08) !important;box-shadow:0 8px 22px rgba(18,28,45,.04) !important;color:#526278 !important;font-size:14px !important;line-height:1.55 !important} #lhcDetailDescInline[hidden]{display:none !important} #lhcFloatingClose.lhc-floating-close{top:16px !important;right:14px !important;width:48px !important;height:48px !important;border-radius:999px !important;background:#fff !important;color:#24395a !important;border:1px solid rgba(31,47,70,.08) !important;box-shadow:0 10px 24px rgba(18,28,45,.12) !important;font-size:30px !important} #lhcCloseDetail,.lhc-close-detail,#lhcDetailBack,.lhc-detail__back,.lhc-detail__back--inline,#lhcSheetCloseDetail{display:none !important} #lhcDetailActions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:0 0 12px 0 !important;padding:0 !important;background:transparent !important} #lhcDetailActions [id^="lhcDetailAffiliate"]{display:none !important} #lhcDetailMaps,#lhcDetailReserve,#lhcDetailSee{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;min-height:52px !important;padding:0 14px !important;border-radius:17px !important;text-decoration:none !important;font-weight:850 !important;overflow:hidden !important;transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease !important} #lhcDetailMaps:hover,#lhcDetailReserve:hover,#lhcDetailSee:hover{transform:translateY(-1px) !important} #lhcDetailMaps{grid-column:1 !important;background:#111827 !important;color:#fff !important;border:1px solid rgba(17,24,39,.08) !important;box-shadow:0 10px 24px rgba(17,24,39,.16) !important} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important;min-height:44px !important;background:#fff !important;color:#22324c !important;border:1px solid rgba(31,47,70,.08) !important;box-shadow:0 8px 18px rgba(18,28,45,.04) !important} #lhcDetailMaps .lhc-cta-icon,#lhcDetailReserve .lhc-cta-icon,#lhcDetailSee .lhc-cta-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:28px !important;height:28px !important;min-width:28px !important;margin:0 !important;border-radius:10px !important;box-shadow:none !important} #lhcDetailMaps .lhc-cta-icon,#lhcDetailReserve .lhc-cta-icon{background:rgba(255,255,255,.15) !important;color:#fff !important} #lhcDetailSee .lhc-cta-icon{background:#f5f8fc !important;color:#22324c !important;border:1px solid rgba(31,47,70,.06) !important} #lhcDetailMaps > span:last-child,#lhcDetailReserve > span:last-child{font-size:15px !important;font-weight:900 !important} #lhcDetailSee > span:last-child{font-size:14px !important;font-weight:800 !important} #lhcBookingPanel{display:grid !important;gap:8px !important;margin:0 0 14px 0 !important;padding:10px !important;border-radius:18px !important;background:#f8fbff !important;border:1px solid rgba(47,124,246,.10) !important;box-shadow:0 8px 20px rgba(18,28,45,.04) !important} #lhcBookingPanel[hidden]{display:none !important} #lhcBookingPanel .lhc-booking-option{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;min-height:50px !important;padding:12px 14px !important;border-radius:14px !important;text-decoration:none !important;background:#fff !important;color:#1f2f46 !important;border:1px solid rgba(31,47,70,.08) !important} #lhcBookingPanel .lhc-booking-option__main{font-size:14px !important;font-weight:850 !important} #lhcBookingPanel .lhc-booking-option__sub{font-size:12px !important;color:#6a778b !important;white-space:nowrap !important} #lhcDetailExtras{display:grid;gap:10px;margin:0 0 12px 0} #lhcDetailReviews[hidden],#lhcDetailPromo[hidden]{display:none !important} #lhcDetailRich{display:grid !important;gap:10px !important;margin-top:10px !important} #lhcDetailRich .lhc-rich-tile{min-height:52px !important;border-radius:17px !important;background:#fff !important;border:1px solid rgba(31,47,70,.08) !important;box-shadow:0 8px 18px rgba(18,28,45,.04) !important;color:#1f2f46 !important;font-weight:800 !important} #lhcDetailRich .lhc-rich-panel{background:#fff !important;border:1px solid rgba(31,47,70,.08) !important;border-radius:18px !important;box-shadow:0 8px 18px rgba(18,28,45,.04) !important} #lhcDetailPhotos{display:flex !important;gap:10px !important;overflow-x:auto !important;padding:6px 2px 2px !important} #lhcDetailPhotos img,#lhcDetailPhotos .lhc-rich-gallery__item{border-radius:16px !important} #lhcDetailVideoWrap{border-radius:18px !important} @media (max-width:480px){#lhcDetailHero{min-height:165px !important;border-radius:20px !important}#lhcDetailHeroImg{height:165px !important;border-radius:20px !important}#lhcDetailTitle{padding-right:60px !important;font-size:clamp(22px,10vw,32px) !important}#lhcFloatingClose.lhc-floating-close{width:46px !important;height:46px !important;top:14px !important;right:12px !important;font-size:28px !important}#lhcDetailActions{gap:8px !important}#lhcDetailMaps,#lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; }#lhcDetailSee{min-height:42px !important;border-radius:15px !important}} /* SMART GUIDE */ .lhc-smart-guide{ margin-top:14px; padding:14px; border-radius:16px; background:#ffffff; box-shadow:0 6px 16px rgba(0,0,0,0.06); } .lhc-smart-title{ font-weight:700; margin-bottom:10px; } .lhc-smart-item{ display:flex; gap:10px; padding:10px; border-radius:12px; cursor:pointer; } .lhc-smart-item:hover{ background:#f5f7fb; } .lhc-smart-icon{ font-size:18px; } /* v8.3 host picks + share */ .lhc-header-share{ display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 14px; border-radius:999px; border:1px solid rgba(15,23,42,.08); background:#fff; color:#1f2f46; font-weight:800; font-size:13px; box-shadow:0 8px 20px rgba(18,28,45,.06); } .lhc-header-share[hidden]{display:none !important;} .lhc-smart-guide{ margin:0 0 14px 0; padding:12px; border-radius:18px; background:#fff; border:1px solid rgba(31,47,70,.08); box-shadow:0 8px 18px rgba(18,28,45,.04); } .lhc-smart-guide[hidden]{display:none !important;} .lhc-smart-title{ font-size:14px; font-weight:900; color:#24395a; margin-bottom:10px; } .lhc-smart-list{ display:grid; gap:8px; } .lhc-smart-item{ width:100%; display:flex; align-items:center; gap:10px; padding:12px; border-radius:14px; border:1px solid rgba(31,47,70,.08); background:#f8fbff; color:#1f2f46; text-align:left; cursor:pointer; } .lhc-smart-icon{ width:34px; height:34px; min-width:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px; background:#fff; border:1px solid rgba(31,47,70,.06); font-size:16px; } .lhc-smart-copy{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 auto; } .lhc-smart-copy__title{ font-weight:850; font-size:14px; color:#1f2f46; } .lhc-smart-copy__sub{ font-size:12px; color:#6a778b; } .lhc-smart-arrow{ font-size:20px; color:#8a94a6; line-height:1; } @media (max-width:480px){ .lhc-header-share{height:38px;padding:0 12px;font-size:12px} .lhc-smart-item{padding:11px} } /* ===== v8.4 actions + badges pro ===== */ /* Keep badges exactly as a strong visual highlight */ #lhcDetailExtras{ order: 4 !important; display:flex !important; gap:14px !important; margin:0 0 16px 0 !important; flex-wrap:nowrap !important; } #lhcDetailReviews, #lhcDetailPromo{ flex:1 1 0 !important; min-width:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:58px !important; padding:0 14px !important; border-radius:20px !important; box-shadow:none !important; font-weight:900 !important; font-size:14px !important; } #lhcDetailReviews{ background:#fde9a9 !important; color:#6c4b08 !important; border:1px solid rgba(231,179,48,.20) !important; } #lhcDetailPromo{ background:#ffe2d1 !important; color:#9a5211 !important; border:1px solid rgba(235,143,74,.18) !important; } #lhcDetailReviews[hidden], #lhcDetailPromo[hidden]{ display:none !important; } /* Action order: badges first, then actions */ .lhc-detail-rebuild__inner, #lhcDetail{ display:flex !important; flex-direction:column !important; } #lhcDetailHero{ order:1 !important; } .lhc-detail-rebuild__head{ order:2 !important; } #lhcDetailExtras{ order:3 !important; } #lhcDetailActions{ order:4 !important; } #lhcBookingPanel{ order:5 !important; } #lhcSmartGuide{ order:6 !important; } #lhcDetailRich{ order:7 !important; } /* Cleaner action layout */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin:0 0 14px 0 !important; padding:0 !important; background:transparent !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ width:100% !important; min-height:56px !important; border-radius:18px !important; padding:0 16px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(15,23,42,.06) !important; transition:transform .14s ease, box-shadow .14s ease !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps{ grid-column:1 !important; background:#ffffff !important; color:#1f2f46 !important; border:1px solid rgba(31,47,70,.08) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; min-height:52px !important; background:#ffffff !important; color:#1f2f46 !important; border:1px solid rgba(31,47,70,.08) !important; } /* Fix the missing Y aller icon */ #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:34px !important; height:34px !important; min-width:34px !important; border-radius:12px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(31,47,70,.08) !important; color:#1f2f46 !important; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.14) !important; color:#ffffff !important; } #lhcDetailSee .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(31,47,70,.08) !important; color:#1f2f46 !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; stroke:currentColor !important; opacity:1 !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child{ font-size:15px !important; font-weight:900 !important; } #lhcDetailSee > span:last-child{ font-size:14px !important; font-weight:850 !important; } /* Subtle dropdown marker only when multiple booking options exist */ #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:" ▾"; font-weight:900; } /* Make smart guide breathe a bit more below actions */ #lhcSmartGuide{ margin-top:2px !important; } /* Mobile fine tuning */ @media (max-width:480px){ #lhcDetailExtras{ gap:10px !important; } #lhcDetailReviews, #lhcDetailPromo{ min-height:54px !important; font-size:13px !important; border-radius:18px !important; padding:0 12px !important; } #lhcDetailActions{ gap:10px !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ min-height:50px !important; border-radius:17px !important; } } /* ===== v8.4.1 visual corrections ===== */ /* Header controls: no overlap between language and share */ .lhc-header__top{ position:relative !important; display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:8px !important; } .lhc-header__top > .lhc-header__home{ flex:1 1 auto !important; min-width:0 !important; } .lhc-langswitch{ position:relative !important; z-index:30 !important; margin-left:auto !important; } .lhc-header-share{ position:relative !important; right:auto !important; top:auto !important; margin-left:8px !important; z-index:20 !important; white-space:nowrap !important; } @media (max-width:480px){ .lhc-header__top{ gap:6px !important; } .lhc-header-share{ padding:0 10px !important; font-size:12px !important; } } /* Prevent cookie button/layer from sitting over app content */ #cookie-law-info-bar, .cli-modal, #cookie-notice, .cookie-notice-container{ z-index:1 !important; } .lhc-sheet, #lhcDetailOverlay, .lhc-nav, .lhc-map-page, .lhc-card{ position:relative; z-index:10; } /* Keep badges exactly as requested */ #lhcDetailExtras{ order:3 !important; display:flex !important; gap:14px !important; margin:0 0 16px 0 !important; flex-wrap:nowrap !important; } #lhcDetailReviews, #lhcDetailPromo{ flex:1 1 0 !important; min-width:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:58px !important; padding:0 14px !important; border-radius:20px !important; font-weight:900 !important; font-size:14px !important; box-shadow:none !important; } #lhcDetailReviews{ background:#fde9a9 !important; color:#6c4b08 !important; border:1px solid rgba(231,179,48,.20) !important; } #lhcDetailPromo{ background:#ffe2d1 !important; color:#9a5211 !important; border:1px solid rgba(235,143,74,.18) !important; } #lhcDetailReviews[hidden], #lhcDetailPromo[hidden]{ display:none !important; } /* Robust order in detail panel */ #lhcDetail, .lhc-detail-rebuild, .lhc-detail-rebuild__inner{ display:flex !important; flex-direction:column !important; } #lhcDetailHero{order:1 !important} .lhc-detail-rebuild__head{order:2 !important} #lhcDetailExtras{order:3 !important} #lhcDetailActions{order:4 !important} #lhcBookingPanel{order:5 !important} #lhcSmartGuide{order:6 !important} #lhcDetailRich{order:7 !important} /* Buttons */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin:0 0 14px 0 !important; padding:0 !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; order:1 !important;} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important; order:3 !important;} #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ position:relative !important; width:100% !important; min-height:56px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; padding:0 16px !important; border-radius:18px !important; text-decoration:none !important; font-weight:900 !important; overflow:hidden !important; } #lhcDetailMaps{ background:#ffffff !important; color:#1f2f46 !important; border:1px solid rgba(31,47,70,.08) !important; box-shadow:0 8px 20px rgba(15,23,42,.06) !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ min-height:52px !important; background:#ffffff !important; color:#1f2f46 !important; border:1px solid rgba(31,47,70,.08) !important; box-shadow:0 8px 20px rgba(15,23,42,.04) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:34px !important; height:34px !important; min-width:34px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:12px !important; margin:0 !important; } #lhcDetailMaps .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(31,47,70,.08) !important; color:#1f2f46 !important; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.14) !important; color:#ffffff !important; } #lhcDetailSee .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(31,47,70,.08) !important; color:#1f2f46 !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; stroke:currentColor !important; opacity:1 !important; } #lhcDetailReserve > span:last-child::after{content:none !important;} #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:" ▾" !important; font-weight:900 !important; } @media (max-width:480px){ #lhcDetailExtras{ gap:10px !important; } #lhcDetailReviews, #lhcDetailPromo{ min-height:54px !important; font-size:13px !important; border-radius:18px !important; padding:0 12px !important; } #lhcDetailActions{ gap:10px !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ min-height:50px !important; border-radius:17px !important; } } /* ===== v8.4.2 scroll indicator ===== */ #lhcDetail, .lhc-detail-rebuild, .lhc-detail-rebuild__inner{ position:relative !important; } #lhcDetail::after, .lhc-detail-rebuild::after{ content:'' !important; position:fixed !important; right:10px !important; top:50% !important; transform:translateY(-50%) !important; width:5px !important; height:96px !important; border-radius:999px !important; background:linear-gradient(180deg, rgba(31,47,70,.10) 0%, rgba(31,47,70,.22) 50%, rgba(31,47,70,.10) 100%) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) !important; opacity:.9 !important; z-index:9999 !important; pointer-events:none !important; } body.lhc-detail-open #lhcDetail::before, body.lhc-detail-open .lhc-detail-rebuild::before{ content:'' !important; position:fixed !important; right:10px !important; top:calc(50% - 48px) !important; width:5px !important; height:34px !important; border-radius:999px !important; background:linear-gradient(180deg,#ff6b9f 0%, #eb4f8e 100%) !important; z-index:10000 !important; pointer-events:none !important; animation:lhcScrollNudge 1.8s ease-in-out infinite !important; box-shadow:0 4px 12px rgba(235,79,142,.22) !important; } @keyframes lhcScrollNudge{ 0%{ transform:translateY(0); opacity:.9; } 50%{ transform:translateY(28px); opacity:1; } 100%{ transform:translateY(0); opacity:.9; } } @media (max-width:480px){ #lhcDetail::after, .lhc-detail-rebuild::after{ right:8px !important; width:4px !important; height:86px !important; } body.lhc-detail-open #lhcDetail::before, body.lhc-detail-open .lhc-detail-rebuild::before{ right:8px !important; width:4px !important; height:30px !important; top:calc(50% - 43px) !important; } } /* hide indicator when returning to list */ body:not(.lhc-detail-open) #lhcDetail::after, body:not(.lhc-detail-open) .lhc-detail-rebuild::after, body:not(.lhc-detail-open) #lhcDetail::before, body:not(.lhc-detail-open) .lhc-detail-rebuild::before{ opacity:0 !important; } /* v8.4.3 distance next to address */ .lhc-detail-rebuild__head .lhc-address{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; } #lhcDetailDistance, .lhc-distance{ display:inline-flex !important; margin-left:6px !important; padding:4px 10px !important; border-radius:14px !important; background:#fff3f7 !important; font-weight:700 !important; color:#ff5b93 !important; } /* align buttons */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; height:64px !important; display:flex !important; align-items:center !important; justify-content:center !important; } #lhcDetailMaps span:last-child, #lhcDetailReserve span:last-child, #lhcDetailSee span:last-child{ font-size:16px !important; font-weight:800 !important; } /* v8.4.4 marchés locaux */ .lhc-cat--marches_locaux .lhc-pill-ico{background:linear-gradient(135deg,#f4e6c6,#ead29b)!important;} /* ===== v8.4.5 fixes ===== */ /* remove share completely */ .lhc-header-share{ display:none !important; } /* explorer pills / tabs: make long label slide more to the left and fit */ .lhc-explore-pill, .lhc-tab{ justify-content:flex-start !important; text-align:left !important; padding-left:18px !important; padding-right:14px !important; gap:10px !important; } .lhc-explore-pill span:last-child, .lhc-tab span:last-child{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .lhc-explore-pill[data-lhc-cat="marches_locaux"], .lhc-tab[href*="marches_locaux"], .lhc-tab--active[href*="marches_locaux"]{ padding-left:12px !important; } @media (max-width:480px){ .lhc-explore-pill[data-lhc-cat="marches_locaux"], .lhc-tab[href*="marches_locaux"], .lhc-tab--active[href*="marches_locaux"]{ padding-left:8px !important; } } /* detail address row: distance next to address */ #lhcDetailAddr{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; } #lhcDetailAddr .lhc-detail__addr-text{ flex:0 1 auto !important; } #lhcDetailAddr .lhc-detail__addr-dist{ margin-left:0 !important; } /* buttons aligned in a strict grid */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; width:100% !important; min-height:64px !important; height:64px !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ margin:0 !important; flex:0 0 34px !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailSee > span:last-child{ line-height:1 !important; } /* ===== v8.4.6 align + right arrow hint ===== */ #lhcDetailAddr{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; margin-bottom:16px !important; } #lhcDetailAddr .lhc-detail__addr-text{ flex:0 1 auto !important; } #lhcDetailAddr .lhc-detail__addr-dist{ margin-left:0 !important; display:inline-flex !important; align-items:center !important; } #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; width:100% !important; min-height:64px !important; height:64px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; box-sizing:border-box !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ flex:0 0 34px !important; margin:0 !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailSee > span:last-child{ line-height:1 !important; } body.lhc-detail-open #lhcDetail::after, body.lhc-detail-open .lhc-detail-rebuild::after{ content:'⌄' !important; position:fixed !important; right:8px !important; top:50% !important; transform:translateY(-50%) !important; width:32px !important; height:56px !important; border-radius:16px 0 0 16px !important; background:linear-gradient(180deg,#2f7cf6 0%, #1f6eea 100%) !important; color:#ffffff !important; font-size:28px !important; font-weight:900 !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:99999 !important; box-shadow:0 10px 24px rgba(47,124,246,.22) !important; pointer-events:none !important; animation:lhcArrowDrop 1.5s ease-in-out infinite !important; } @keyframes lhcArrowDrop{ 0%{transform:translateY(-50%);} 50%{transform:translateY(-40%);} 100%{transform:translateY(-50%);} } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:60px !important; height:60px !important; } body.lhc-detail-open #lhcDetail::after, body.lhc-detail-open .lhc-detail-rebuild::after{ right:6px !important; width:28px !important; height:52px !important; font-size:24px !important; } } /* ===== v8.4.7 scroll button + align fix ===== */ /* hide previous decorative arrow if present */ body.lhc-detail-open #lhcDetail::after, body.lhc-detail-open .lhc-detail-rebuild::after{ content:none !important; display:none !important; } /* real clickable scroll button */ .lhc-scroll-hint-btn{ position:fixed !important; right:8px !important; top:50% !important; transform:translateY(-50%) !important; width:34px !important; height:58px !important; border:0 !important; border-radius:16px 0 0 16px !important; background:linear-gradient(180deg,#2f7cf6 0%, #1f6eea 100%) !important; color:#fff !important; font-size:28px !important; font-weight:900 !important; display:none !important; align-items:center !important; justify-content:center !important; z-index:2147483647 !important; box-shadow:0 10px 24px rgba(47,124,246,.22) !important; cursor:pointer !important; } .lhc-scroll-hint-btn.is-visible{ display:flex !important; } .lhc-scroll-hint-btn:active{ transform:translateY(-50%) scale(.98) !important; } /* strict button alignment */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ margin:0 !important; width:100% !important; box-sizing:border-box !important; align-self:stretch !important; } #lhcDetailMaps, #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; min-height:64px !important; height:64px !important; } @media (max-width:480px){ .lhc-scroll-hint-btn{ right:6px !important; width:30px !important; height:52px !important; font-size:24px !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:60px !important; height:60px !important; } } /* ===== v8.5.0 aligned buttons + scroll fade ===== */ /* remove old side arrow/button hints */ .lhc-scroll-hint-btn, body.lhc-detail-open #lhcDetail::after, body.lhc-detail-open .lhc-detail-rebuild::after{ display:none !important; content:none !important; } /* strict aligned button layout */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{ grid-column:1 !important; grid-row:1 !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{ grid-column:1 / span 2 !important; grid-row:2 !important; } #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ width:100% !important; min-height:64px !important; height:64px !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; align-self:stretch !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ flex:0 0 34px !important; margin:0 !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailSee > span:last-child{ line-height:1 !important; } /* fade at bottom to show more content */ #lhcDetail{ position:relative !important; } #lhcDetail.lhc-can-scroll::before{ content:"" !important; position:sticky !important; left:0 !important; right:0 !important; bottom:0 !important; display:block !important; width:100% !important; height:48px !important; margin-top:-48px !important; background:linear-gradient(to bottom, rgba(245,245,250,0), rgba(245,245,250,.92) 65%, rgba(245,245,250,1)) !important; pointer-events:none !important; z-index:8 !important; } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:60px !important; height:60px !important; } #lhcDetail.lhc-can-scroll::before{ height:42px !important; margin-top:-42px !important; } } /* markets icon */ .lhc-cat-marches_locaux::before{ content:"🧺"; margin-right:6px; } /* nicer buttons */ .lhc-btn, .lhc-action-btn{ border-radius:18px!important; font-weight:600!important; padding:14px 20px!important; box-shadow:0 6px 20px rgba(0,0,0,.08); } .lhc-btn-primary{ background:linear-gradient(135deg,#22c55e,#16a34a)!important; color:#fff!important; } .lhc-btn-secondary{ background:#f3f4f6!important; } /* ===== v8.5.3 market icon + generic reserve icon ===== */ .lhc-market-pill{ display:flex !important; align-items:center !important; gap:10px !important; } .lhc-market-pill .lhc-pill-ico{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:38px !important; height:38px !important; min-width:38px !important; border-radius:12px !important; background:linear-gradient(135deg,#f4e6c6,#ead29b) !important; } .lhc-market-emoji{ display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:18px !important; line-height:1 !important; } .lhc-market-label{ white-space:nowrap !important; } /* no fork icon for reserve */ #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; } #lhcDetailReserve .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } /* ===== v8.5.4 unified reserve button ===== */ #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-unified{ background:#ffffff !important; color:#ef4f8c !important; border:1px solid rgba(31,47,70,.08) !important; box-shadow:0 8px 20px rgba(15,23,42,.06) !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve.lhc-reserve-unified .lhc-cta-icon{ background:#dff6e8 !important; border:1px solid rgba(34,197,94,.10) !important; color:#16a34a !important; } #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailReserve.lhc-reserve-unified .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } #lhcDetailReserve > span:last-child::after, #lhcDetailReserve[data-multi="1"] > span:last-child::after, #lhcDetailReserve.lhc-reserve-unified > span:last-child::after{ content:none !important; } /* ===== v8.5.5 pro buttons unified ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; grid-row:1 !important;} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important; grid-row:2 !important;} #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee, .lhc-btn-pro{ width:100% !important; min-height:66px !important; height:66px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; margin:0 !important; padding:0 18px !important; border-radius:20px !important; box-sizing:border-box !important; text-decoration:none !important; font-weight:800 !important; letter-spacing:-0.01em !important; transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:36px !important; height:36px !important; min-width:36px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:13px !important; margin:0 !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } #lhcDetailMaps{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(24,35,56,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.06) !important; } #lhcDetailMaps .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(24,35,56,.08) !important; color:#20304e !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.18) !important; color:#ffffff !important; } #lhcDetailReserve > span:last-child{ color:#ffffff !important; } #lhcDetailSee{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(24,35,56,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcDetailSee .lhc-cta-icon{ background:#f6f8fc !important; border:1px solid rgba(24,35,56,.08) !important; color:#20304e !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailSee > span:last-child{ font-size:16px !important; line-height:1 !important; font-weight:850 !important; } #lhcDetailReserve > span:last-child::after, #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:none !important; } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee, .lhc-btn-pro{ min-height:62px !important; height:62px !important; border-radius:18px !important; padding:0 16px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:34px !important; height:34px !important; min-width:34px !important; } #lhcDetailMaps > span:last-child, #lhcDetailReserve > span:last-child, #lhcDetailSee > span:last-child{ font-size:15px !important; } } /* ===== v8.5.6 airbnb buttons fix ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; grid-row:1 !important;} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important; grid-row:2 !important;} #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ width:100% !important; min-height:66px !important; height:66px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; margin:0 !important; padding:0 18px !important; border-radius:20px !important; box-sizing:border-box !important; text-decoration:none !important; font-weight:800 !important; font-size:16px !important; letter-spacing:-0.01em !important; transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important; overflow:hidden !important; } #lhcDetailMaps:hover, #lhcDetailReserve:hover, #lhcDetailSee:hover{ transform:translateY(-1px) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:36px !important; height:36px !important; min-width:36px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:12px !important; margin:0 !important; flex:0 0 36px !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } #lhcDetailMaps .lhc-btn-label, #lhcDetailReserve .lhc-btn-label, #lhcDetailSee .lhc-btn-label{ display:inline-flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; line-height:1 !important; white-space:nowrap !important; } #lhcDetailMaps{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.06) !important; } #lhcDetailMaps .lhc-cta-icon{ background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; color:#20304e !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.18) !important; color:#ffffff !important; } #lhcDetailReserve .lhc-btn-label{ color:#ffffff !important; } #lhcDetailReserve > span:last-child::after, #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:none !important; } #lhcDetailSee{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; justify-content:center !important; } #lhcDetailSee .lhc-cta-icon{ background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; color:#20304e !important; } #lhcDetailSee .lhc-btn-label{ flex:1 1 auto !important; text-align:center !important; margin-right:36px !important; /* optical centering */ } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:62px !important; height:62px !important; border-radius:18px !important; padding:0 16px !important; font-size:15px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:34px !important; height:34px !important; min-width:34px !important; flex:0 0 34px !important; } #lhcDetailSee .lhc-btn-label{ margin-right:34px !important; } } /* v8.5.7 clean buttons */ #lhcDetailMaps,#lhcDetailReserve,#lhcDetailSee{ display:flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; font-weight:700!important; font-size:16px!important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-btn-label{ color:#fff!important; } #lhcDetailSee .lhc-btn-label{ text-align:center!important; flex:1!important; } /* v8.5.8 buttons visual fix */ #lhcDetailMaps,#lhcDetailReserve,#lhcDetailSee{ display:flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; font-size:16px!important; font-weight:700!important; } .lhc-btn-label{ display:inline-block!important; white-space:nowrap!important; } #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-btn-label{ color:#fff!important; } /* ===== v8.5.9 final premium buttons ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; grid-row:1 !important;} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important; grid-row:2 !important;} #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee, .lhc-btn-premium{ width:100% !important; min-height:68px !important; height:68px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; margin:0 !important; padding:0 18px !important; border-radius:22px !important; box-sizing:border-box !important; text-decoration:none !important; font-weight:800 !important; font-size:16px !important; letter-spacing:-0.01em !important; transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important; overflow:hidden !important; -webkit-tap-highlight-color: transparent !important; } #lhcDetailMaps:active, #lhcDetailReserve:active, #lhcDetailSee:active{ transform:scale(.985) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:38px !important; height:38px !important; min-width:38px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; margin:0 !important; flex:0 0 38px !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } #lhcDetailMaps .lhc-btn-label, #lhcDetailReserve .lhc-btn-label, #lhcDetailSee .lhc-btn-label{ display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:1 !important; white-space:nowrap !important; text-align:center !important; } /* Y aller */ #lhcDetailMaps{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.06) !important; } #lhcDetailMaps .lhc-cta-icon{ background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; color:#20304e !important; } /* Réserver - Airbnb inspired */ #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.18) !important; color:#ffffff !important; } #lhcDetailReserve .lhc-btn-label{ color:#ffffff !important; font-weight:900 !important; } #lhcDetailReserve > span:last-child::after, #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:none !important; } /* Voir */ #lhcDetailSee{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcDetailSee .lhc-cta-icon{ background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; color:#20304e !important; } #lhcDetailSee .lhc-btn-label{ flex:1 1 auto !important; margin-right:38px !important; } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee, .lhc-btn-premium{ min-height:64px !important; height:64px !important; border-radius:20px !important; padding:0 16px !important; font-size:15px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ width:36px !important; height:36px !important; min-width:36px !important; flex:0 0 36px !important; border-radius:13px !important; } #lhcDetailSee .lhc-btn-label{ margin-right:36px !important; } } /* ===== v9.0.1 final reserve text fix ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; grid-row:1 !important;} #lhcDetailReserve{ background:linear-gradient(135deg,#FF7A8A 0%,#FF385C 70%); color:#ffffff; display:flex; align-items:center; justify-content:center; gap:12px; height:72px; border-radius:22px; font-weight:700; font-size:17px; border:none; box-shadow:0 16px 32px rgba(255,56,92,0.28); transition:all .25s ease; } #lhcDetailSee{grid-column:1 / span 2 !important; grid-row:2 !important;} #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ width:100% !important; min-height:66px !important; height:66px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:12px !important; margin:0 !important; padding:0 18px !important; border-radius:20px !important; box-sizing:border-box !important; text-decoration:none !important; font-weight:800 !important; font-size:16px !important; overflow:hidden !important; } #lhcDetailMaps{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.06) !important; } #lhcDetailMaps .lhc-cta-icon{ width:38px !important; height:38px !important; min-width:38px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; } #lhcDetailMaps .lhc-btn-label{ color:#20304e !important; display:inline-flex !important; white-space:nowrap !important; } #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-force{ background:linear-gradient(135deg,#FF5A5F 0%, #FF385C 45%, #E61E4D 100%) !important; color:#ffffff !important; border:0 !important; box-shadow:0 16px 30px rgba(230,30,77,.24) !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve.lhc-reserve-force .lhc-cta-icon{ width:38px !important; height:38px !important; min-width:38px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.18) !important; } #lhcDetailReserve .lhc-btn-label, #lhcDetailReserve.lhc-reserve-force .lhc-btn-label{ display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#ffffff !important; white-space:nowrap !important; font-weight:900 !important; font-size:16px !important; opacity:1 !important; visibility:visible !important; } #lhcDetailReserve > span:last-child::after, #lhcDetailReserve[data-multi="1"] > span:last-child::after{ content:none !important; } #lhcDetailSee{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,.08) !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } #lhcDetailSee .lhc-cta-icon{ width:38px !important; height:38px !important; min-width:38px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:#f7f9fc !important; border:1px solid rgba(15,23,42,.08) !important; } #lhcDetailSee .lhc-btn-label{ display:inline-flex !important; flex:1 1 auto !important; justify-content:center !important; text-align:center !important; color:#20304e !important; white-space:nowrap !important; margin-right:38px !important; } #lhcDetailMaps .lhc-cta-icon svg, #lhcDetailReserve .lhc-cta-icon svg, #lhcDetailSee .lhc-cta-icon svg{ width:18px !important; height:18px !important; display:block !important; } @media (max-width:480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:62px !important; height:62px !important; border-radius:18px !important; padding:0 16px !important; } #lhcDetailReserve .lhc-btn-label{ font-size:15px !important; } #lhcDetailSee .lhc-btn-label{ margin-right:36px !important; } } /* ===== v9.0.3 reserve promo badge + softer color ===== */ #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-premium{ background:linear-gradient(135deg,#FF9A84 0%, #FF7A8A 48%, #FF5A7A 100%) !important; color:#ffffff !important; border:0 !important; box-shadow:0 16px 30px rgba(255,106,122,.24) !important; min-height:78px !important; height:78px !important; border-radius:22px !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve.lhc-reserve-premium .lhc-cta-icon{ width:40px !important; height:40px !important; min-width:40px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border-radius:14px !important; background:rgba(255,255,255,.22) !important; border:1px solid rgba(255,255,255,.26) !important; color:#ffffff !important; } #lhcDetailReserve .lhc-btn-copy{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; line-height:1 !important; gap:6px !important; } #lhcDetailReserve .lhc-btn-label{ color:#ffffff !important; font-weight:900 !important; font-size:17px !important; white-space:nowrap !important; } #lhcDetailReserve .lhc-btn-subpromo{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:22px !important; padding:0 8px !important; border-radius:999px !important; background:rgba(255,255,255,.2) !important; border:1px solid rgba(255,255,255,.24) !important; color:#ffffff !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.01em !important; white-space:nowrap !important; } #lhcDetailReserve:active{ transform:scale(.97) !important; } #lhcDetailReserve.lhc-reserve-pulse{ animation:lhcReservePulse .5s ease-out 1 !important; } @keyframes lhcReservePulse{ 0%{ box-shadow:0 0 0 0 rgba(255,106,122,.00), 0 16px 30px rgba(255,106,122,.24);} 40%{ box-shadow:0 0 0 10px rgba(255,106,122,.10), 0 18px 34px rgba(255,106,122,.28);} 100%{ box-shadow:0 0 0 0 rgba(255,106,122,.00), 0 16px 30px rgba(255,106,122,.24);} } @media (max-width:480px){ #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-premium{ min-height:74px !important; height:74px !important; border-radius:20px !important; } #lhcDetailReserve .lhc-btn-label{ font-size:16px !important; } #lhcDetailReserve .lhc-btn-subpromo{ font-size:10px !important; min-height:20px !important; } } /* ===== v9.0.4 tripadvisor detail style ===== */ #lhcDetailActions{ margin-bottom:12px !important; } #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-trip{ background:linear-gradient(135deg,#FF8C8F 0%, #FF6B7D 48%, #F8486F 100%) !important; color:#fff !important; min-height:78px !important; height:78px !important; border-radius:22px !important; box-shadow:0 14px 28px rgba(248,72,111,.18) !important; } #lhcDetailReserve .lhc-cta-icon{ width:40px !important; height:40px !important; min-width:40px !important; border-radius:14px !important; background:rgba(255,255,255,.22) !important; border:1px solid rgba(255,255,255,.24) !important; } #lhcDetailReserve .lhc-btn-copy{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:6px !important; } #lhcDetailReserve .lhc-btn-label{ color:#fff !important; font-size:17px !important; font-weight:900 !important; white-space:nowrap !important; } #lhcDetailReserve .lhc-btn-subpromo{ display:inline-flex !important; align-items:center !important; min-height:22px !important; padding:0 8px !important; border-radius:999px !important; background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.22) !important; color:#fff !important; font-size:11px !important; font-weight:800 !important; white-space:nowrap !important; } #lhcDetailReserve.lhc-soft-pulse{ animation:lhcSoftPulse .8s ease-out 1 !important; } @keyframes lhcSoftPulse{ 0%{ box-shadow:0 0 0 0 rgba(248,72,111,0), 0 14px 28px rgba(248,72,111,.18); } 40%{ box-shadow:0 0 0 10px rgba(248,72,111,.08), 0 16px 32px rgba(248,72,111,.22); } 100%{ box-shadow:0 0 0 0 rgba(248,72,111,0), 0 14px 28px rgba(248,72,111,.18); } } /* quick row */ #lhcDetailQuickRow{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin:0 0 14px 0 !important; } #lhcDetailQuickRow[hidden]{ display:none !important; } .lhc-quick-btn{ min-height:54px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; padding:0 14px !important; border-radius:18px !important; text-decoration:none !important; border:1px solid rgba(15,23,42,.08) !important; background:#fff !important; color:#20304e !important; box-shadow:0 10px 24px rgba(15,23,42,.05) !important; } .lhc-quick-btn__ico{ font-size:18px !important; } .lhc-quick-btn__text{ font-weight:800 !important; white-space:nowrap !important; } .lhc-quick-btn--uber{ background:linear-gradient(135deg,#101827 0%, #1f2937 100%) !important; color:#fff !important; border:0 !important; } .lhc-quick-btn--menu{ background:#fff !important; color:#20304e !important; } /* tripadvisor-like title/copy polish */ .lhc-trip-title{ letter-spacing:-0.03em !important; } .lhc-trip-copy{ box-shadow:0 8px 22px rgba(15,23,42,.04) !important; border:1px solid rgba(15,23,42,.06) !important; } @media (max-width:480px){ #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-trip{ min-height:74px !important; height:74px !important; border-radius:20px !important; } #lhcDetailReserve .lhc-btn-label{ font-size:16px !important; } #lhcDetailReserve .lhc-btn-subpromo{ font-size:10px !important; } #lhcDetailQuickRow{ gap:8px !important; } .lhc-quick-btn{ min-height:50px !important; border-radius:16px !important; } } /* ===== v10.0.0 premium button colors ===== */ #lhcDetailReserve, #lhcDetailReserve.lhc-reserve-trip, #lhcDetailReserve.lhc-reserve-premium, #lhcDetailReserve.lhc-reserve-force{ background:linear-gradient(135deg,#FF7E79 0%, #FF4F70 60%, #FF385C 100%) !important; color:#ffffff !important; box-shadow:0 14px 30px rgba(255,72,92,0.25) !important; border:0 !important; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,0.22) !important; border:1px solid rgba(255,255,255,0.28) !important; color:#ffffff !important; } #lhcDetailReserve .lhc-btn-label, #lhcDetailReserve .lhc-btn-subpromo{ color:#ffffff !important; } #lhcDetailMaps{ background:#ffffff !important; color:#20304e !important; border:1px solid rgba(15,23,42,0.06) !important; box-shadow:0 10px 22px rgba(0,0,0,0.05) !important; } #lhcDetailMaps .lhc-cta-icon{ background:#F8FAFC !important; border:1px solid rgba(15,23,42,0.08) !important; color:#20304e !important; } #lhcDetailSee{ background:#FFFFFF !important; color:#20304e !important; border:1px solid rgba(15,23,42,0.06) !important; box-shadow:0 8px 20px rgba(0,0,0,0.045) !important; } #lhcDetailSee .lhc-cta-icon{ background:#F8FAFC !important; border:1px solid rgba(15,23,42,0.08) !important; color:#20304e !important; } .lhc-quick-btn--uber{ background:#000000 !important; color:#ffffff !important; border:0 !important; box-shadow:0 8px 20px rgba(0,0,0,0.25) !important; } .lhc-quick-btn--uber .lhc-quick-btn__ico, .lhc-quick-btn--uber .lhc-quick-btn__text{ color:#ffffff !important; } .lhc-quick-btn--menu{ background:#FFF7ED !important; color:#92400E !important; border:1px solid rgba(146,64,14,0.15) !important; box-shadow:0 8px 18px rgba(146,64,14,0.08) !important; } .lhc-quick-btn--menu .lhc-quick-btn__ico, .lhc-quick-btn--menu .lhc-quick-btn__text{ color:#92400E !important; } .lhc-quick-btn:active, #lhcDetailReserve:active, #lhcDetailMaps:active, #lhcDetailSee:active{ transform:scale(0.96) !important; } /* MYLOCALEXPLORE map branding + faster map UX */ .lhc-map-page{height:calc(100dvh - 24px);min-height:720px;} #lhcMap{position:absolute;inset:0;transform:translateZ(0);backface-visibility:hidden;} .lhc-map-brand{position:absolute;left:50%;bottom:max(10px, env(safe-area-inset-bottom, 0px));transform:translateX(-50%);z-index:701;display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.96);color:#111827;font-size:11px;font-weight:900;letter-spacing:1.2px;line-height:1;box-shadow:0 8px 20px rgba(11,18,32,.16);pointer-events:none;white-space:nowrap;} .lhc-sheet{padding-bottom:14px;} .lhc-sheet,.lhc-sheet.is-anim,.lhc-home-returning .lhc-sheet,#lhcSheet.lhc-sheet-returning,.lhc-sheet.lhc-sheet-returning{transition-duration:.12s !important;} /* v10.2.0 – MYLOCALEXPLORE immersive map */ body.lhc-map-immersive .lhc-map-page{ height:100svh !important; min-height:100svh !important; border-radius:0 !important; background:#e9eef5; } body.lhc-map-immersive .lhc-card, body.lhc-map-immersive .lhc-card__head{ padding:0 !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; } body.lhc-map-immersive .lhc-card__head h2{display:none !important;} body.lhc-map-immersive .lhc-map-top{top:10px !important;left:10px !important;right:10px !important;} body.lhc-map-immersive .lhc-map-brand{ position:absolute !important; left:50% !important; bottom:max(8px, env(safe-area-inset-bottom, 0px)) !important; transform:translateX(-50%) !important; z-index:850 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:5px 14px !important; border-radius:999px !important; background:rgba(255,255,255,.96) !important; color:#111827 !important; font-size:11px !important; font-weight:900 !important; letter-spacing:1.2px !important; line-height:1 !important; box-shadow:0 8px 20px rgba(11,18,32,.16) !important; pointer-events:none !important; white-space:nowrap !important; } body.lhc-map-immersive:not(.lhc-detail-open) .lhc-sheet{ background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; min-height:0 !important; height:0 !important; overflow:visible !important; pointer-events:none !important; } body.lhc-map-immersive:not(.lhc-detail-open) .lhc-sheet__handle, body.lhc-map-immersive:not(.lhc-detail-open) .lhc-sheet__title, body.lhc-map-immersive:not(.lhc-detail-open) .lhc-sheet__list{ display:none !important; } body.lhc-map-immersive .lhc-map-actions{ bottom:max(72px, calc(env(safe-area-inset-bottom, 0px) + 72px)) !important; } body.lhc-map-immersive .leaflet-control-container .leaflet-top.leaflet-left{ top:64px; } /* v10.2.1 - visible horizontal bar under category pills */ .lhc-map-top{ align-items:flex-start !important; } .lhc-map-tabs{ padding-bottom:10px !important; scrollbar-width:thin !important; scrollbar-color:rgba(120,120,120,.65) rgba(0,0,0,0) !important; } .lhc-map-tabs::-webkit-scrollbar{ display:block !important; height:6px !important; } .lhc-map-tabs::-webkit-scrollbar-track{ background:rgba(0,0,0,.08) !important; border-radius:999px !important; } .lhc-map-tabs::-webkit-scrollbar-thumb{ background:rgba(120,120,120,.70) !important; border-radius:999px !important; } .lhc-map-tabs::-webkit-scrollbar-thumb:hover{ background:rgba(95,95,95,.82) !important; } @media (max-width:640px){ .lhc-map-tabs{ padding-bottom:8px !important; } .lhc-map-tabs::-webkit-scrollbar{ height:5px !important; } } /* v10.2.2 - same visible horizontal scrollbar for top explorer bar */ .lhc-explorer-scroll{ padding-bottom:10px !important; scrollbar-width:thin !important; scrollbar-color:rgba(120,120,120,.65) rgba(0,0,0,0) !important; } .lhc-explorer-scroll::-webkit-scrollbar{ display:block !important; height:6px !important; } .lhc-explorer-scroll::-webkit-scrollbar-track{ background:rgba(0,0,0,.08) !important; border-radius:999px !important; } .lhc-explorer-scroll::-webkit-scrollbar-thumb{ background:rgba(120,120,120,.70) !important; border-radius:999px !important; } .lhc-explorer-scroll::-webkit-scrollbar-thumb:hover{ background:rgba(95,95,95,.82) !important; } @media (max-width:640px){ .lhc-explorer-scroll{ padding-bottom:8px !important; } .lhc-explorer-scroll::-webkit-scrollbar{ height:5px !important; } } .lhc-brand-logo{max-width:82px;max-height:82px;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#fff;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.08);flex:0 0 auto;} .lhc-header__home{display:flex;align-items:center;gap:12px;} .lhc-print__brand-logo{max-width:180px;max-height:72px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;} .lhc-pill-ico--img{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.08);} .lhc-pill-ico--img img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;} .lhc-pill-ico--mask{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.08);position:relative;} .lhc-pill-ico--mask::before{content:"";width:72%;height:72%;background:currentColor;-webkit-mask-image:var(--lhc-pill-mask);mask-image:var(--lhc-pill-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;display:block;opacity:.92;} .lhc-explore-pill.is-active .lhc-pill-ico--mask{background:rgba(255,255,255,.18)!important;} .lhc-explore-pill.is-active .lhc-pill-ico--mask::before{background:#fff!important;} /* ===== v10.6.3 - Premium mobile buttons ===== */ /* Home explorer pills */ .lhc-explorer-scroll{ gap:14px; padding:8px 56px 10px 8px; } .lhc-pill{ min-width:156px; min-height:74px; padding:16px 22px; border-radius:28px; border:1px solid rgba(15,23,42,.08); background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%); color:#0f172a; font-size:18px; font-weight:800; letter-spacing:-.02em; box-shadow:0 10px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95); transition:transform .22s ease, box-shadow .22s ease, background .22s ease; } .lhc-pill:active{transform:scale(.985);} .lhc-pill:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,1); } .lhc-pill--active{ background:linear-gradient(135deg,#0f172a 0%, #1f2937 100%) !important; color:#fff !important; border:none !important; box-shadow:0 14px 28px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.08) !important; } .lhc-pill--active .lhc-pill-ico{ background:rgba(255,255,255,.14); } .lhc-pill--active .lhc-pill-ico::before, .lhc-pill--active .lhc-pill-ico--img img, .lhc-pill--active .lhc-pill-ico--mask::before{filter:brightness(0) invert(1);} .lhc-pill-ico{ width:32px; height:32px; border-radius:12px; margin-right:2px; } .lhc-pill-ico::before{width:16px;height:16px;} /* Home feature cards and CTA button */ .lhc-cardlink{ min-height:268px; height:268px; border-radius:34px; border:0; box-shadow:0 16px 34px rgba(15,23,42,.10); } .lhc-cardlink__shade{ background:linear-gradient(180deg, rgba(15,23,42,.04) 0%, rgba(15,23,42,.08) 38%, rgba(15,23,42,.30) 100%); } .lhc-cardlink__title{ left:20px; bottom:22px; max-width:58%; font-size:28px; line-height:1.05; font-weight:900; letter-spacing:-.03em; text-shadow:0 3px 14px rgba(0,0,0,.22); } .lhc-cardlink__cta{ right:16px; bottom:16px; min-width:122px; height:66px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; font-size:16px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.18); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.20); box-shadow:0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); transition:transform .22s ease, box-shadow .22s ease, background .22s ease; } .lhc-cardlink:hover .lhc-cardlink__cta, .lhc-cardlink:focus .lhc-cardlink__cta{ transform:translateY(-2px) scale(1.02); background:rgba(255,255,255,.22); box-shadow:0 16px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.28); } .lhc-cardlink:active .lhc-cardlink__cta{transform:scale(.98);} .lhc-chevron{ font-size:24px; line-height:1; transform:translateY(-1px); } /* warm button on second home card, like mockup */ .lhc-cards .lhc-cardlink:nth-child(2) .lhc-cardlink__cta{ background:linear-gradient(135deg, rgba(201,151,126,.92), rgba(178,122,93,.92)); border-color:rgba(255,255,255,.16); } @media (max-width:420px){ .lhc-pill{min-width:146px; min-height:68px; padding:15px 20px; font-size:17px;} .lhc-cardlink{min-height:246px; height:246px; border-radius:30px;} .lhc-cardlink__title{font-size:24px; max-width:56%;} .lhc-cardlink__cta{min-width:110px; height:58px; padding:0 18px; font-size:15px;} } /* v10.6.6 - labels de carte premium plus élégants */ .lhc-marker-tooltip{ display:flex !important; align-items:center !important; gap:9px !important; max-width:228px !important; margin-left:14px !important; padding:8px 12px 8px 10px !important; background:rgba(255,255,255,.97) !important; color:#172033 !important; border:1px solid rgba(255,255,255,.7) !important; border-radius:16px !important; box-shadow:0 12px 28px rgba(15,23,42,.18), 0 2px 8px rgba(15,23,42,.08) !important; font-weight:800 !important; font-size:13px !important; letter-spacing:-.01em !important; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } .lhc-marker-tooltip:before{ border-top-color:rgba(255,255,255,.97) !important; } .lhc-marker-tooltip__label{ display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2; } .lhc-marker-tooltip__gift{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; min-width:24px; border-radius:999px; background:linear-gradient(180deg,#fff6d8 0%,#ffe7a3 100%); color:#9a6700; box-shadow:inset 0 0 0 1px rgba(154,103,0,.12), 0 3px 8px rgba(154,103,0,.12); font-size:13px; line-height:1; } @media (max-width:640px){ .lhc-marker-tooltip{ max-width:186px !important; margin-left:10px !important; padding:7px 10px 7px 9px !important; font-size:12px !important; border-radius:14px !important; box-shadow:0 10px 22px rgba(15,23,42,.18), 0 2px 6px rgba(15,23,42,.08) !important; } .lhc-marker-tooltip__gift{ width:22px; height:22px; min-width:22px; font-size:12px; } } /* ===== v10.6.7 - Explorer buttons redesign + hide floating logo ===== */ .lhc-explorer-scroll{ gap:16px !important; padding:10px 14px 12px 0 !important; overflow-x:auto; } .lhc-pill{ position:relative; min-width:172px !important; min-height:88px !important; padding:14px 24px !important; border-radius:32px !important; border:1px solid rgba(15,23,42,.08) !important; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important; color:#0f172a !important; font-size:17px !important; font-weight:800 !important; letter-spacing:-.02em !important; box-shadow:0 12px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95) !important; transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important; } .lhc-pill:hover{ transform:translateY(-2px); box-shadow:0 18px 34px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,1) !important; } .lhc-pill:active{transform:scale(.985);} .lhc-pill--active{ border:none !important; color:#fff !important; background:linear-gradient(135deg,#ff4f8b 0%, #ff6fa3 52%, #ff8bb6 100%) !important; box-shadow:0 18px 36px rgba(255,79,139,.28), inset 0 1px 0 rgba(255,255,255,.22) !important; } .lhc-pill::after{ content:""; position:absolute; inset:1px; border-radius:31px; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)); opacity:0; transition:opacity .22s ease; } .lhc-pill--active::after{opacity:1;} .lhc-pill-ico{ width:42px !important; height:42px !important; min-width:42px !important; border-radius:14px !important; margin-right:10px !important; background:#f3f4f6 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 6px 16px rgba(15,23,42,.08) !important; } .lhc-pill-ico::before{ width:18px !important; height:18px !important; } .lhc-pill--active .lhc-pill-ico{ background:rgba(255,255,255,.22) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 10px 22px rgba(190,24,93,.24) !important; } .lhc-pill__lbl, .lhc-pill .lhc-tab__lbl, .lhc-pill span:last-child{ position:relative; z-index:1; font-weight:800 !important; } @media (max-width:640px){ .lhc-explorer-scroll{ gap:12px !important; padding:8px 10px 12px 0 !important; } .lhc-pill{ min-width:154px !important; min-height:80px !important; padding:12px 20px !important; border-radius:28px !important; font-size:16px !important; } .lhc-pill::after{border-radius:27px;} .lhc-pill-ico{ width:38px !important; height:38px !important; min-width:38px !important; border-radius:13px !important; margin-right:8px !important; } } /* Hide floating round logo / cookie revisit bubble */ .lhc-brand-logo, .cky-btn-revisit-wrapper, .cky-revisit-bottom-left, .cky-revisit-bottom-right, .cky-consent-container, .cky-preference-btn-wrapper, .cli_settings_button, .cli-style-v2, #moove_gdpr_save_popup_settings_button, #moove_gdpr_cookie_info_bar, .cmplz-manage-consent, .cmplz-btn.cmplz-manage-consent, #cookie_action_close_header, #cookie-law-info-bar, .cookie-notice-container, #cookie-notice, .cn-button.bootstrap, #wt-cli-cookie-banner, #wt-cli-cookie-banner + .wt-cli-revisit-btn, .wt-cli-revisit-btn, #cookie-law-info-again { display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } /* v10.6.8 - home/explorer pills without side icons + centered labels */ .lhc-explorer-scroll{ gap:14px !important; } .lhc-pill, .lhc-explore-pill, .lhc-tab{ justify-content:center !important; text-align:center !important; } .lhc-pill .lhc-pill-ico, .lhc-explore-pill .lhc-pill-ico, .lhc-tab .lhc-pill-ico, .lhc-pill .lhc-ico, .lhc-explore-pill .lhc-ico, .lhc-tab .lhc-ico, .lhc-pill .lhc-tab__ico, .lhc-explore-pill .lhc-tab__ico, .lhc-tab .lhc-tab__ico{ display:none !important; } .lhc-pill .lhc-pill__lbl, .lhc-pill .lhc-tab__lbl, .lhc-pill span:last-child, .lhc-explore-pill .lhc-pill__lbl, .lhc-explore-pill .lhc-tab__lbl, .lhc-explore-pill span:last-child, .lhc-tab .lhc-pill__lbl, .lhc-tab .lhc-tab__lbl, .lhc-tab span:last-child{ display:block !important; width:100% !important; margin:0 auto !important; text-align:center !important; } .lhc-pill, .lhc-explore-pill{ padding-left:22px !important; padding-right:22px !important; } @media (max-width: 768px){ .lhc-pill, .lhc-explore-pill, .lhc-tab{ min-width:150px !important; } } /* v10.6.9 – unify all tile "Voir" buttons to the same size */ .lhc-cardlink__cta{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:180px !important; height:84px !important; padding:0 26px !important; border-radius:999px !important; font-size:16px !important; font-weight:900 !important; letter-spacing:.10em !important; text-transform:uppercase !important; text-align:center !important; box-sizing:border-box !important; } .lhc-cardlink__cta .lhc-chevron{ margin-left:10px !important; font-size:24px !important; transform:none !important; } @media (max-width: 768px){ .lhc-cardlink__cta{ min-width:176px !important; height:82px !important; padding:0 24px !important; right:16px !important; bottom:16px !important; } } /* v10.6.10 – make all tile "Voir" buttons match explorer pills size */ .lhc-cardlink__cta{ min-width:172px !important; width:172px !important; height:88px !important; padding:0 22px !important; border-radius:28px !important; letter-spacing:.08em !important; } @media (max-width: 768px){ .lhc-cardlink__cta{ min-width:150px !important; width:150px !important; height:80px !important; padding:0 20px !important; border-radius:24px !important; } } /* v10.6.11b – keep tile "VOIR" visible while matching premium pills */ .lhc-cardlink__cta{ color:#fff !important; background:linear-gradient(135deg,#ff4f8b 0%, #ff6fa3 52%, #ff8bb6 100%) !important; border:1px solid rgba(255,255,255,.18) !important; box-shadow:0 18px 36px rgba(255,79,139,.28), inset 0 1px 0 rgba(255,255,255,.22) !important; position:absolute; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; text-decoration:none !important; white-space:nowrap !important; } .lhc-cardlink__cta:hover, .lhc-cardlink:hover .lhc-cardlink__cta, .lhc-cardlink:focus .lhc-cardlink__cta{ background:linear-gradient(135deg,#ff4f8b 0%, #ff6fa3 52%, #ff8bb6 100%) !important; box-shadow:0 22px 40px rgba(255,79,139,.34), inset 0 1px 0 rgba(255,255,255,.24) !important; } .lhc-cardlink__cta .lhc-chevron{ color:#fff !important; } /* v10.6.12 – hide all tile CTA buttons "VOIR" */ .lhc-cardlink__cta{display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important;} /* v10.6.13 - redesign map top category buttons */ .lhc-map-top{ gap:12px !important; align-items:center !important; } .lhc-map-tabs{ gap:12px !important; padding:6px 8px 6px 0 !important; overflow-x:auto !important; scrollbar-width:none !important; } .lhc-map-tabs::-webkit-scrollbar{display:none !important;} .lhc-tab{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:158px !important; height:56px !important; padding:0 22px !important; border-radius:999px !important; border:1px solid rgba(15,23,42,.08) !important; background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,248,251,.96) 100%) !important; color:#1f2937 !important; box-shadow:0 10px 28px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.95) !important; backdrop-filter:blur(10px) !important; -webkit-backdrop-filter:blur(10px) !important; font-size:17px !important; font-weight:800 !important; letter-spacing:-0.02em !important; text-align:center !important; transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease !important; } .lhc-tab:hover{ transform:translateY(-1px) !important; box-shadow:0 14px 32px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,1) !important; } .lhc-tab:active{transform:scale(.985) !important;} .lhc-tab__lbl, .lhc-tab span:last-child{ width:100% !important; display:block !important; text-align:center !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .lhc-tab--active{ border-color:transparent !important; background:linear-gradient(135deg,#ff4f8b 0%, #ff6fa3 52%, #ff8bb6 100%) !important; color:#ffffff !important; box-shadow:0 18px 36px rgba(255,79,139,.28), inset 0 1px 0 rgba(255,255,255,.22) !important; } @media (max-width:640px){ .lhc-map-top{gap:10px !important;} .lhc-map-tabs{gap:10px !important; padding:4px 6px 4px 0 !important;} .lhc-tab{ min-width:148px !important; height:52px !important; padding:0 18px !important; font-size:16px !important; } } /* ===== v10.6.17 compact tiles test ===== */ .lhc-cardlink{ height:104px !important; min-height:104px !important; border-radius:18px !important; } .lhc-cardlink__title{ left:14px !important; bottom:14px !important; font-size:18px !important; line-height:1.02 !important; max-width:68% !important; } .lhc-cardlink__shade{ background:linear-gradient(90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.08) 100%) !important; } @media (max-width: 640px){ .lhc-cardlink{ height:96px !important; min-height:96px !important; border-radius:17px !important; } .lhc-cardlink__title{ left:13px !important; bottom:13px !important; font-size:17px !important; max-width:70% !important; } } /* v10.6.18 – bouton remonter toujours visible sur la carte */ .lhc-map-action--top{ background:#1976f3 !important; color:#fff !important; box-shadow:0 12px 28px rgba(25,118,243,.32) !important; } .lhc-map-action--top .lhc-map-top-ico{ width:22px !important; height:22px !important; display:flex !important; align-items:center !important; justify-content:center !important; } .lhc-map-action--top .lhc-map-top-ico svg{ width:22px !important; height:22px !important; display:block !important; } .lhc-map-action--top .lhc-map-top-ico path{ stroke:#fff !important; stroke-width:2.6 !important; stroke-linecap:round !important; stroke-linejoin:round !important; fill:none !important; } .lhc-map-action--top span{ font-size:0 !important; line-height:0 !important; } body.lhc-detail-open .lhc-map-action--top{ display:flex !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } /* v10.6.19 – barre flottante droite pour remonter */ .lhc-map-action--top, .lhc-scroll-top, #ast-scroll-top, .ast-scroll-top-icon{ display:none !important; } .lhc-map-scrollbar{ position:absolute !important; right:14px !important; top:50% !important; transform:translateY(-50%) !important; width:48px !important; height:72px !important; border:0 !important; border-radius:20px !important; background:rgba(255,255,255,.94) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; box-shadow:0 14px 32px rgba(13,26,61,.16) !important; z-index:999 !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; cursor:pointer !important; pointer-events:auto !important; touch-action:manipulation !important; } .lhc-map-scrollbar__inner{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:0 !important; width:100% !important; height:100% !important; } .lhc-map-scrollbar__text{ display:none !important; } .lhc-map-scrollbar__ico, .lhc-map-scrollbar__ico svg{ width:24px !important; height:24px !important; display:block !important; } .lhc-map-scrollbar__ico path{ stroke:#1976f3 !important; stroke-width:2.6 !important; stroke-linecap:round !important; stroke-linejoin:round !important; fill:none !important; } .lhc-map-scrollbar:active{ transform:translateY(-50%) scale(.98) !important; } body.lhc-detail-open .lhc-map-scrollbar{ display:flex !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } @media (max-width:640px){ .lhc-map-scrollbar{ right:10px !important; width:44px !important; height:64px !important; border-radius:18px !important; } } /* v10.6.24 — unify partner fiche back arrow with WiFi page */ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible, #lhcCloseDetail, #lhcDetailBack, #lhcSheetCloseDetail, .lhc-close-detail, .lhc-unified-back{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important; border-radius:999px !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#2f7df6 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; text-decoration:none !important; } #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top:18px !important; right:18px !important; } #lhcFloatingClose.lhc-floating-close:hover, #lhcFloatingClose.lhc-floating-close:focus, #lhcFloatingClose.lhc-floating-close:active, #lhcCloseDetail:hover, #lhcDetailBack:hover, #lhcSheetCloseDetail:hover, .lhc-close-detail:hover, .lhc-unified-back:hover{ transform:none !important; color:#2f7df6 !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico, #lhcCloseDetail .lhc-back-ico, #lhcDetailBack .lhc-back-ico, #lhcSheetCloseDetail .lhc-back-ico, .lhc-close-detail .lhc-back-ico, .lhc-unified-back .lhc-back-ico{ display:block !important; width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; margin:0 !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico path, #lhcCloseDetail .lhc-back-ico path, #lhcDetailBack .lhc-back-ico path, #lhcSheetCloseDetail .lhc-back-ico path, .lhc-close-detail .lhc-back-ico path, .lhc-unified-back .lhc-back-ico path{ fill:none !important; stroke:#2f7df6 !important; stroke-width:3.2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } @media (max-width:640px){ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible, #lhcCloseDetail, #lhcDetailBack, #lhcSheetCloseDetail, .lhc-close-detail, .lhc-unified-back{ width:40px !important; height:40px !important; min-width:40px !important; min-height:40px !important; border-radius:999px !important; } #lhcFloatingClose.lhc-floating-close .lhc-back-ico, #lhcCloseDetail .lhc-back-ico, #lhcDetailBack .lhc-back-ico, #lhcSheetCloseDetail .lhc-back-ico, .lhc-close-detail .lhc-back-ico, .lhc-unified-back .lhc-back-ico{ width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important; } } /* v10.6.25 unified partner controls: close cross + down hint */ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{ top:18px !important; right:18px !important; width:64px !important; height:64px !important; border-radius:20px !important; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important; border:1px solid rgba(43,124,255,.14) !important; color:#2b7cff !important; box-shadow:0 14px 30px rgba(15,23,42,.12) !important; display:none !important; align-items:center !important; justify-content:center !important; font-size:0 !important; } body.lhc-detail-open #lhcFloatingClose.lhc-floating-close.is-visible{display:flex !important;} #lhcFloatingClose.lhc-floating-close:hover, #lhcFloatingClose.lhc-floating-close:focus, #lhcFloatingClose.lhc-floating-close:active{ color:#2b7cff !important; transform:none !important; } #lhcFloatingClose.lhc-floating-close .lhc-close-ico{ width:26px !important; height:26px !important; display:block !important; } #lhcFloatingClose.lhc-floating-close .lhc-close-ico path{ fill:none; stroke:currentColor; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; } .lhc-scroll-hint-btn, .lhc-scroll-hint-btn.is-visible{ right:18px !important; top:auto !important; bottom:96px !important; transform:none !important; width:64px !important; height:64px !important; border-radius:20px !important; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important; border:1px solid rgba(43,124,255,.14) !important; color:#2b7cff !important; box-shadow:0 14px 30px rgba(15,23,42,.12) !important; font-size:0 !important; } .lhc-scroll-hint-btn:active{transform:scale(.98) !important;} .lhc-scroll-hint-btn .lhc-scroll-down-ico{ width:26px !important; height:26px !important; display:block !important; } .lhc-scroll-hint-btn .lhc-scroll-down-ico path{ fill:none; stroke:currentColor; stroke-width:2.8; stroke-linecap:round; stroke-linejoin:round; } @media (max-width:640px){ #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible, .lhc-scroll-hint-btn, .lhc-scroll-hint-btn.is-visible{ width:60px !important; height:60px !important; border-radius:18px !important; right:14px !important; } #lhcFloatingClose.lhc-floating-close, #lhcFloatingClose.lhc-floating-close.is-visible{top:14px !important;} .lhc-scroll-hint-btn, .lhc-scroll-hint-btn.is-visible{bottom:88px !important;} } /* v10.6.26 remove partner detail hero photo */ #lhcDetailHero, .lhc-detail__hero, #lhcDetailHeroImg{ display:none !important; } .lhc-detail-rebuild__head{ padding-top: 0 !important; } /* Bottom category photo on partner detail */ .lhc-detail__footer-photo{ margin: 24px 0 8px; border-radius: 28px; overflow: hidden; background: #f3f4f8; box-shadow: 0 14px 34px rgba(17, 24, 39, 0.10); } .lhc-detail__footer-photo img{ display:block; width:100%; height:180px; object-fit:cover; } @media (max-width: 767px){ .lhc-detail__footer-photo{ margin: 20px 0 6px; border-radius: 24px; } .lhc-detail__footer-photo img{ height: 160px; } } .lhc-detail__footer-copy{ padding: 16px 18px 18px; background: #ffffff; } .lhc-detail__footer-title{ font-size: 18px; line-height: 1.25; font-weight: 800; color: #183153; margin: 0 0 6px; } .lhc-detail__footer-text{ font-size: 15px; line-height: 1.55; color: #6b7280; } @media (max-width: 767px){ .lhc-detail__footer-copy{ padding: 14px 16px 16px; } .lhc-detail__footer-title{ font-size: 17px; } .lhc-detail__footer-text{ font-size: 14px; } } /* v10.6.31 — photo + description at bottom of detail */ .lhc-detail__desc-inline--bottom{ margin:16px 0 0 0 !important; padding:18px 20px !important; background:#fff !important; border:1px solid rgba(15,23,42,.06) !important; border-radius:22px !important; box-shadow:0 12px 28px rgba(15,23,42,.06) !important; display:block !important; -webkit-line-clamp:unset !important; overflow:visible !important; font-size:16px !important; line-height:1.65 !important; } .lhc-detail__footer-photo + .lhc-detail__desc-inline--bottom{ margin-top:14px !important; } /* v10.6.32: force footer media + bottom description to the end of partner sheets */ .lhc-detail-rebuild__inner{display:flex !important;flex-direction:column !important;} #lhcDetailHero{order:1 !important;} .lhc-detail-rebuild__head{order:2 !important;} #lhcDetailExtras{order:3 !important;} #lhcDetailActions{order:4 !important;} #lhcBookingPanel{order:5 !important;} #lhcSmartGuide{order:6 !important;} #lhcDetailRich{order:7 !important;} #lhcDetailFooterPhoto{order:98 !important;margin-top:16px !important;} #lhcDetailDescInline{order:99 !important;margin-top:12px !important;margin-bottom:0 !important;} #lhcDetailFooterPhoto[hidden], #lhcDetailDescInline[hidden]{display:none !important;} .lhc-section-label--map{margin:8px 2px 10px !important;} /* ===== v10.6.45 buttons text sizing mobile fix ===== */ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ gap:10px !important; padding:0 16px !important; } #lhcDetailMaps .lhc-btn-label, #lhcDetailReserve .lhc-btn-label, #lhcDetailSee .lhc-btn-label{ display:flex !important; align-items:center !important; justify-content:center !important; flex:1 1 auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; text-align:center !important; line-height:1.12 !important; font-size:15px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon{ flex:0 0 38px !important; } #lhcDetailMaps .lhc-btn-label{ color:#20304e !important; } #lhcDetailReserve .lhc-btn-label{ color:#ffffff !important; } #lhcDetailSee .lhc-btn-label{ color:#20304e !important; } @media (max-width: 480px){ #lhcDetailMaps, #lhcDetailReserve, #lhcDetailSee{ min-height:64px !important; height:64px !important; padding:0 14px !important; gap:8px !important; } #lhcDetailMaps .lhc-btn-label, #lhcDetailReserve .lhc-btn-label, #lhcDetailSee .lhc-btn-label{ font-size:14px !important; } } /* v10.6.46 stable detail button layout */ #lhcDetailActions.lhc-actions-stable{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; align-items:stretch !important; } #lhcDetailActions.lhc-actions-stable #lhcDetailMaps, #lhcDetailActions.lhc-actions-stable #lhcDetailReserve, #lhcDetailActions.lhc-actions-stable #lhcDetailSee{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; min-height:64px !important; height:64px !important; padding:0 16px !important; box-sizing:border-box !important; overflow:hidden !important; } #lhcDetailActions.lhc-actions-stable #lhcDetailMaps{ grid-column:1 !important; grid-row:1 !important; } #lhcDetailActions.lhc-actions-stable #lhcDetailSee{ grid-column:2 !important; grid-row:1 !important; } #lhcDetailActions.lhc-actions-stable #lhcDetailReserve{ grid-column:1 / span 2 !important; grid-row:2 !important; } #lhcDetailActions.lhc-actions-stable .lhc-cta-icon{ flex:0 0 38px !important; width:38px !important; min-width:38px !important; height:38px !important; display:flex !important; align-items:center !important; justify-content:center !important; } #lhcDetailActions.lhc-actions-stable .lhc-btn-label{ flex:1 1 auto !important; min-width:0 !important; display:block !important; text-align:center !important; line-height:1.15 !important; font-size:15px !important; font-weight:800 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } @media (max-width:480px){ #lhcDetailActions.lhc-actions-stable #lhcDetailMaps, #lhcDetailActions.lhc-actions-stable #lhcDetailReserve, #lhcDetailActions.lhc-actions-stable #lhcDetailSee{ min-height:62px !important; height:62px !important; padding:0 14px !important; gap:8px !important; } #lhcDetailActions.lhc-actions-stable .lhc-btn-label{ font-size:14px !important; } } /* v10.6.46d remove partner detail bottom-right scroll arrow */ #lhcScrollHintBtn, .lhc-scroll-hint-btn, .lhc-scroll-hint-btn.is-visible{ display:none !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } /* ===== v10.6.51 button order + premium color refresh ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; align-items:stretch !important; } #lhcDetailMaps{grid-column:1 !important; grid-row:1 !important;} #lhcDetailSee{grid-column:2 !important; grid-row:1 !important;} #lhcDetailReserve{grid-column:1 / span 2 !important; grid-row:2 !important;} #lhcDetailMaps, #lhcDetailSee, #lhcDetailReserve, .lhc-btn-pro{ position:relative !important; overflow:hidden !important; border:none !important; box-shadow:0 14px 34px rgba(15,23,42,.10) !important; } #lhcDetailMaps::before, #lhcDetailSee::before, #lhcDetailReserve::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)); pointer-events:none; } #lhcDetailMaps{ background:linear-gradient(135deg,#ffffff 0%,#f4f7fb 100%) !important; color:#1f2f4a !important; border:1px solid rgba(34,52,84,.07) !important; } #lhcDetailMaps .lhc-cta-icon{ background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 100%) !important; border:1px solid rgba(59,130,246,.14) !important; color:#2457c5 !important; } #lhcDetailSee{ background:linear-gradient(135deg,#1f6bff 0%,#5aa3ff 100%) !important; color:#fff !important; } #lhcDetailSee .lhc-cta-icon{ background:rgba(255,255,255,.16) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; } #lhcDetailReserve{ background:linear-gradient(135deg,#ff7b8f 0%,#ff385c 72%,#ff2d55 100%) !important; color:#fff !important; box-shadow:0 18px 40px rgba(255,56,92,.28) !important; } #lhcDetailReserve .lhc-cta-icon{ background:rgba(255,255,255,.18) !important; border:1px solid rgba(255,255,255,.18) !important; color:#fff !important; } #lhcDetailMaps > span:last-child, #lhcDetailSee > span:last-child, #lhcDetailReserve > span:last-child{ position:relative; z-index:1; } #lhcDetailMaps:hover, #lhcDetailSee:hover, #lhcDetailReserve:hover{ transform:translateY(-1px) scale(1.01) !important; } @media (max-width:480px){ #lhcDetailActions{gap:12px !important;} #lhcDetailMaps, #lhcDetailSee, #lhcDetailReserve, .lhc-btn-pro{ min-height:60px !important; height:60px !important; border-radius:18px !important; padding:0 14px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:32px !important; height:32px !important; min-width:32px !important; } } /* ===== v10.6.53 allégé + CTA plus sobres ===== */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:16px !important; padding:12px 0 calc(10px + env(safe-area-inset-bottom)) !important; background:linear-gradient(180deg,rgba(247,249,252,0) 0%, rgba(247,249,252,.94) 18%, rgba(247,249,252,1) 100%) !important; } #lhcDetailActions > [hidden]{display:none !important;} #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ min-height:64px !important; border-radius:18px !important; padding:14px 16px !important; justify-content:flex-start !important; align-items:center !important; font-size:16px !important; font-weight:800 !important; letter-spacing:-.01em !important; box-shadow:0 8px 18px rgba(15,23,42,.06) !important; border:1px solid rgba(15,23,42,.08) !important; transform:none !important; } #lhcDetailMaps.lhc-detail__cta--card{ order:1 !important; grid-column:1 !important; background:#ffffff !important; color:#24364b !important; } #lhcDetailCall.lhc-detail__cta--card{ order:2 !important; grid-column:2 !important; background:#ffffff !important; color:#24364b !important; } #lhcDetailReserve.lhc-detail__cta--card{ order:3 !important; grid-column:1 / -1 !important; background:linear-gradient(180deg,#5f7ea3 0%, #496582 100%) !important; color:#ffffff !important; border-color:rgba(73,101,130,.38) !important; box-shadow:0 12px 24px rgba(73,101,130,.20) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:42px !important; height:42px !important; min-width:42px !important; border-radius:14px !important; margin-right:2px !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon--maps{ background:#eef2f6 !important; color:#38506b !important; } #lhcDetailCall .lhc-cta-icon{ background:#eef2f6 !important; color:#38506b !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site{ background:rgba(255,255,255,.16) !important; color:#ffffff !important; } #lhcDetailMaps span:last-child, #lhcDetailCall span:last-child, #lhcDetailReserve span:last-child{ flex:1 1 auto !important; text-align:left !important; line-height:1.2 !important; } #lhcDetailMaps span:last-child, #lhcDetailCall span:last-child{color:#24364b !important;} #lhcDetailReserve span:last-child{color:#ffffff !important;} #lhcDetailMaps:hover, #lhcDetailCall:hover, #lhcDetailReserve:hover{ box-shadow:0 10px 20px rgba(15,23,42,.08) !important; } @media (max-width:640px){ #lhcDetailActions{gap:10px !important;} #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ min-height:60px !important; padding:13px 14px !important; font-size:15px !important; } } /* ===== Luxe discret : surcouche finale boutons ===== */ :root{ --lhc-luxe-ink:#172033; --lhc-luxe-muted:#6f7a8c; --lhc-luxe-line:rgba(23,32,51,.10); --lhc-luxe-card-top:#ffffff; --lhc-luxe-card-bottom:#f7f7f5; --lhc-luxe-gold-top:#c8ab72; --lhc-luxe-gold-bottom:#b79358; --lhc-luxe-navy-top:#22324a; --lhc-luxe-navy-bottom:#182436; } #lhcDetailMaps.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta, #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ border-radius:20px !important; box-shadow:0 10px 24px rgba(19,28,43,.08) !important; font-size:15px !important; min-height:62px !important; padding:15px 18px !important; letter-spacing:.01em !important; } #lhcDetailMaps.lhc-detail__cta, #lhcDetailMaps.lhc-detail__cta--card{ background:linear-gradient(180deg,var(--lhc-luxe-card-top) 0%,var(--lhc-luxe-card-bottom) 100%) !important; border:1px solid var(--lhc-luxe-line) !important; color:var(--lhc-luxe-ink) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon--maps{ background:linear-gradient(180deg,#f4efe6 0%,#ede4d4 100%) !important; color:#8a6a36 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important; } #lhcDetailMaps span:last-child{ color:var(--lhc-luxe-ink) !important; } #lhcDetailReserve, #lhcDetailReserve.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta--card, .lhc-detail__cta--reserve{ background:linear-gradient(180deg,var(--lhc-luxe-navy-top) 0%,var(--lhc-luxe-navy-bottom) 100%) !important; border:1px solid rgba(18,26,39,.12) !important; color:#fff !important; box-shadow:0 14px 30px rgba(24,36,54,.16) !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site, .lhc-detail__cta--reserve .lhc-cta-icon{ background:linear-gradient(180deg,var(--lhc-luxe-gold-top) 0%,var(--lhc-luxe-gold-bottom) 100%) !important; color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important; } #lhcDetailReserve span:last-child, .lhc-detail__cta--reserve span:last-child{ color:#fff !important; } #lhcDetailMaps.lhc-detail__cta:hover, #lhcDetailReserve.lhc-detail__cta:hover, #lhcDetailMaps.lhc-detail__cta--card:hover, #lhcDetailReserve.lhc-detail__cta--card:hover{ transform:translateY(-1px) !important; filter:none !important; } @media (max-width:640px){ #lhcDetailMaps.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta, #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ min-height:58px !important; border-radius:18px !important; font-size:14px !important; padding:14px 16px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:36px !important; height:36px !important; min-width:36px !important; } } /* ===== Ultra sobre : surcouche finale ===== */ :root{ --lhc-min-ink:#1f2937; --lhc-min-muted:#6b7280; --lhc-min-line:rgba(31,41,55,.10); --lhc-min-card:#ffffff; --lhc-min-card-2:#fbfbfa; --lhc-min-dark:#334155; --lhc-min-dark-2:#293548; } #lhcDetailActions{ background:linear-gradient(180deg,rgba(250,250,249,0) 0%, rgba(250,250,249,.96) 16%, rgba(250,250,249,1) 100%) !important; gap:10px !important; } #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta, #lhcDetailCall.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta{ border-radius:16px !important; min-height:58px !important; padding:14px 16px !important; font-size:15px !important; font-weight:700 !important; letter-spacing:0 !important; box-shadow:0 3px 10px rgba(15,23,42,.04) !important; transform:none !important; } #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta, #lhcDetailCall.lhc-detail__cta{ background:var(--lhc-min-card) !important; border:1px solid var(--lhc-min-line) !important; color:var(--lhc-min-ink) !important; } #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta, .lhc-detail__cta--reserve{ background:linear-gradient(180deg,var(--lhc-min-dark) 0%,var(--lhc-min-dark-2) 100%) !important; border:1px solid rgba(31,41,55,.12) !important; color:#fff !important; box-shadow:0 4px 12px rgba(31,41,55,.10) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon--maps, #lhcDetailReserve .lhc-cta-icon--site{ width:36px !important; height:36px !important; min-width:36px !important; border-radius:12px !important; box-shadow:none !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailCall .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon--maps{ background:#f3f4f6 !important; color:#4b5563 !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site, .lhc-detail__cta--reserve .lhc-cta-icon{ background:rgba(255,255,255,.10) !important; color:#ffffff !important; } #lhcDetailMaps span:last-child, #lhcDetailCall span:last-child{ color:var(--lhc-min-ink) !important; } #lhcDetailReserve span:last-child, .lhc-detail__cta--reserve span:last-child{ color:#ffffff !important; } #lhcDetailMaps:hover, #lhcDetailCall:hover, #lhcDetailReserve:hover, #lhcDetailMaps.lhc-detail__cta:hover, #lhcDetailCall.lhc-detail__cta:hover, #lhcDetailReserve.lhc-detail__cta:hover, #lhcDetailMaps.lhc-detail__cta--card:hover, #lhcDetailCall.lhc-detail__cta--card:hover, #lhcDetailReserve.lhc-detail__cta--card:hover{ box-shadow:0 4px 12px rgba(15,23,42,.06) !important; transform:none !important; } @media (max-width:640px){ #lhcDetailActions{gap:8px !important;} #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailCall.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta, #lhcDetailCall.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta{ min-height:54px !important; padding:12px 14px !important; font-size:14px !important; border-radius:14px !important; } } /* ===== v10.6.56 — boutons nacrés minimalistes ===== */ #lhcDetailActions{ gap:10px !important; } #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ min-height:60px !important; border-radius:18px !important; border:1px solid rgba(96,108,128,.12) !important; background:linear-gradient(180deg,#fdfdfd 0%,#f5f6f8 52%,#eef1f4 100%) !important; box-shadow:0 6px 18px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#243041 !important; font-weight:700 !important; font-size:15px !important; letter-spacing:0 !important; } #lhcDetailMaps.lhc-detail__cta--card:hover, #lhcDetailReserve.lhc-detail__cta--card:hover{ transform:none !important; filter:none !important; box-shadow:0 8px 20px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.94) !important; border-color:rgba(96,108,128,.16) !important; } #lhcDetailMaps.lhc-detail__cta--card:active, #lhcDetailReserve.lhc-detail__cta--card:active{ transform:translateY(1px) !important; box-shadow:0 4px 12px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9) !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:34px !important; height:34px !important; min-width:34px !important; background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(237,241,246,.96) 100%) !important; border:1px solid rgba(96,108,128,.10) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 2px 6px rgba(15,23,42,.04) !important; } #lhcDetailMaps .lhc-cta-icon--maps, #lhcDetailReserve .lhc-cta-icon--site, #lhcDetailReserve .lhc-cta-icon--reserve{ color:#556274 !important; } #lhcDetailMaps span:last-child, #lhcDetailReserve span:last-child{ color:#243041 !important; font-weight:700 !important; } #lhcDetailReserve.lhc-detail__cta--card{ background:linear-gradient(180deg,#fcfcfd 0%,#f4f5f7 48%,#eceff3 100%) !important; } @media (max-width:640px){ #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ min-height:56px !important; padding:13px 14px !important; border-radius:16px !important; font-size:14px !important; } #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ width:32px !important; height:32px !important; min-width:32px !important; } } /* ===== v10.6.56b — reserve contrast fix ===== */ #lhcDetailReserve, #lhcDetailReserve.lhc-detail__cta, #lhcDetailReserve.lhc-detail__cta--card{ background:linear-gradient(180deg,#f7f8fa 0%,#eef1f4 100%) !important; border:1px solid rgba(96,108,128,.16) !important; box-shadow:0 6px 16px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#243041 !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon--site, #lhcDetailReserve .lhc-cta-icon--reserve{ background:linear-gradient(180deg,#ffffff 0%,#edf1f5 100%) !important; border:1px solid rgba(96,108,128,.12) !important; color:#4f5d70 !important; } #lhcDetailReserve .lhc-cta-icon svg{ color:#4f5d70 !important; fill:currentColor !important; stroke:currentColor !important; opacity:1 !important; } #lhcDetailReserve > span:last-child, #lhcDetailReserve span:last-child, .lhc-detail__cta--reserve > span:last-child, .lhc-detail__cta--reserve span:last-child{ color:#243041 !important; text-shadow:none !important; opacity:1 !important; font-weight:800 !important; } /* v10.6.56c reserve text contrast fix */ #lhcDetailReserve, #lhcDetailReserve > span:last-child, #lhcDetailReserve .lhc-label, #lhcDetailReserve .lhc-cta-label{ color:#25324a !important; -webkit-text-fill-color:#25324a !important; opacity:1 !important; text-shadow:none !important; } #lhcDetailReserve .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon svg{ color:#25324a !important; fill:#25324a !important; stroke:#25324a !important; } /* ===== v10.6.57 button depth + press feedback ===== */ #lhcDetailActions .lhc-detail__cta, #lhcDetailSee.lhc-detail__cta--card, #lhcDetailMaps.lhc-detail__cta--card, #lhcDetailReserve.lhc-detail__cta--card{ position:relative !important; overflow:hidden !important; transform:translateY(0) scale(1) !important; transition:transform .16s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, filter .22s ease !important; box-shadow: 0 10px 24px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.88) !important; } #lhcDetailActions .lhc-detail__cta::before, #lhcDetailSee.lhc-detail__cta--card::before, #lhcDetailMaps.lhc-detail__cta--card::before, #lhcDetailReserve.lhc-detail__cta--card::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 48%); opacity:.9; } #lhcDetailActions .lhc-detail__cta:hover, #lhcDetailSee.lhc-detail__cta--card:hover, #lhcDetailMaps.lhc-detail__cta--card:hover, #lhcDetailReserve.lhc-detail__cta--card:hover{ transform:translateY(-1px) !important; box-shadow: 0 14px 30px rgba(15,23,42,.10), 0 4px 10px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92) !important; } #lhcDetailActions .lhc-detail__cta:active, #lhcDetailActions .lhc-detail__cta.is-pressed, #lhcDetailSee.lhc-detail__cta--card:active, #lhcDetailMaps.lhc-detail__cta--card:active, #lhcDetailReserve.lhc-detail__cta--card:active{ transform:translateY(2px) scale(.985) !important; box-shadow: 0 4px 10px rgba(15,23,42,.10), inset 0 2px 8px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.65) !important; filter:saturate(.98) brightness(.985) !important; } #lhcDetailActions .lhc-cta-icon, #lhcDetailSee .lhc-cta-icon, #lhcDetailMaps .lhc-cta-icon, #lhcDetailReserve .lhc-cta-icon{ box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 6px 14px rgba(15,23,42,.08) !important; transition:transform .16s ease, box-shadow .22s ease, background-color .22s ease !important; } #lhcDetailActions .lhc-detail__cta:active .lhc-cta-icon, #lhcDetailActions .lhc-detail__cta.is-pressed .lhc-cta-icon, #lhcDetailSee.lhc-detail__cta--card:active .lhc-cta-icon, #lhcDetailMaps.lhc-detail__cta--card:active .lhc-cta-icon, #lhcDetailReserve.lhc-detail__cta--card:active .lhc-cta-icon{ transform:translateY(1px) scale(.97) !important; box-shadow: inset 0 2px 6px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05) !important; } /* ===== v10.6.58 — embellissement global discret ===== */ :root{ --lhc-ui-bg:#f6f7fb; --lhc-ui-card:#ffffff; --lhc-ui-card-2:#fbfcfe; --lhc-ui-ink:#22314a; --lhc-ui-muted:#6c7688; --lhc-ui-line:rgba(53,72,102,.10); --lhc-ui-shadow:0 14px 32px rgba(24,39,75,.06), 0 3px 10px rgba(24,39,75,.04); --lhc-ui-shadow-soft:0 10px 24px rgba(24,39,75,.05), 0 2px 6px rgba(24,39,75,.035); } body.lhc-detail-open, #lhcDetail, .lhc-app, .lhc-sheet, .lhc-explorer, .lhc-view, .lhc-shell{ background:linear-gradient(180deg,#f7f8fc 0%,#f5f6fb 100%) !important; } /* Pills / onglets */ .lhc-explore-pill, .lhc-pill, .lhc-tab{ background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,253,.98) 100%) !important; border:1px solid var(--lhc-ui-line) !important; box-shadow:var(--lhc-ui-shadow-soft) !important; color:var(--lhc-ui-ink) !important; } .lhc-explore-pill .lhc-pill-ico, .lhc-pill .lhc-pill__icon, .lhc-tab .lhc-pill-ico{ background:linear-gradient(180deg,#fffdf7 0%,#f4ead5 100%) !important; border:1px solid rgba(177,146,82,.12) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 4px 10px rgba(24,39,75,.05) !important; } .lhc-explore-pill.is-active, .lhc-pill--active, .lhc-tab--active{ background:linear-gradient(180deg,#ffffff 0%,#f4f6fb 100%) !important; border-color:rgba(77,111,166,.18) !important; box-shadow:0 16px 34px rgba(31,52,91,.08), inset 0 1px 0 rgba(255,255,255,.92) !important; color:#1f3152 !important; } .lhc-explore-pill.is-active .lhc-pill-ico, .lhc-pill--active .lhc-pill__icon, .lhc-tab--active .lhc-pill-ico{ background:linear-gradient(180deg,#fffdf8 0%,#efe2c0 100%) !important; } /* Cartes générales */ .lhc-card, .lhc-print__card, .lhc-card--map, #lhcDetailReviews, #lhcDetailPromo, #lhcDetailHero, .lhc-sheet__panel, .lhc-panel{ background:linear-gradient(180deg,var(--lhc-ui-card) 0%,var(--lhc-ui-card-2) 100%) !important; border:1px solid var(--lhc-ui-line) !important; box-shadow:var(--lhc-ui-shadow) !important; } .lhc-card, .lhc-print__card, .lhc-card--map, #lhcDetailReviews, #lhcDetailPromo{ border-radius:26px !important; } /* Cartes partenaires visuellement plus premium mais sobres */ .lhc-cardlink{ border:1px solid rgba(37,53,84,.10) !important; box-shadow:0 16px 34px rgba(20,31,56,.10) !important; } .lhc-cardlink__shade{ background:linear-gradient(90deg, rgba(16,24,40,.50) 0%, rgba(16,24,40,.18) 58%, rgba(16,24,40,.08) 100%) !important; } .lhc-cardlink__title{ text-shadow:0 12px 24px rgba(0,0,0,.28) !important; } .lhc-cardlink__cta{ background:rgba(255,255,255,.15) !important; border:1px solid rgba(255,255,255,.18) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; } /* En-tête détail */ #lhcDetail .lhc-detail__title{ letter-spacing:-0.03em !important; color:#20314f !important; } #lhcDetail .lhc-detail__addr{ color:#6a7385 !important; } #lhcDetail .lhc-detail__dist, #lhcDetailBadge, .lhc-detail__badge{ background:linear-gradient(180deg,#fffefe 0%,#fbf5f7 100%) !important; border:1px solid rgba(223,130,166,.12) !important; box-shadow:0 8px 18px rgba(225,117,157,.08) !important; } /* Bouton retour */ #lhcDetailBack, #lhcDetail .lhc-detail__back, .lhc-back{ background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%) !important; border:1px solid rgba(88,117,167,.12) !important; box-shadow:var(--lhc-ui-shadow-soft) !important; } #lhcDetailBack:hover, #lhcDetail .lhc-detail__back:hover, .lhc-back:hover{ transform:translateY(-1px) !important; box-shadow:0 14px 28px rgba(24,39,75,.08), 0 3px 8px rgba(24,39,75,.05) !important; } /* Sélecteur de langue plus propre */ .lhc-langswitch__toggle, .lhc-langswitch__menu, .lhc-langswitch__item{ border:1px solid var(--lhc-ui-line) !important; } .lhc-langswitch__toggle, .lhc-langswitch__menu{ background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%) !important; box-shadow:var(--lhc-ui-shadow-soft) !important; } .lhc-langswitch__item:hover{ background:#f4f7fb !important; } .lhc-langswitch__item.is-active{ background:linear-gradient(180deg,#2d3d5a 0%,#26344b 100%) !important; color:#fff !important; } /* Images / hero plus nettes */ #lhcDetailHero, #lhcDetailHeroImg{ border-radius:30px !important; } #lhcDetailHero img, #lhcDetailHeroImg{ filter:saturate(1.03) contrast(1.02) !important; } /* Actions flottantes : fond plus propre */ #lhcDetailActions{ background:linear-gradient(180deg,rgba(247,248,252,0) 0%, rgba(247,248,252,.90) 18%, rgba(247,248,252,.98) 48%, rgba(247,248,252,1) 100%) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; } /* Tuiles et blocs du livret */ .lhc-tile, .lhc-box, .lhc-section, .endpoint-wifi .lhc-card, .endpoint-infos .lhc-card, .endpoint-arrivee .lhc-card, .endpoint-depart .lhc-card, .endpoint-regles .lhc-card{ background:linear-gradient(180deg,#ffffff 0%,#fafbfd 100%) !important; border:1px solid var(--lhc-ui-line) !important; box-shadow:var(--lhc-ui-shadow-soft) !important; } /* Lisibilité générale */ .lhc-card h2, .lhc-card__title, .lhc-section h2, .lhc-box h2{ color:#22314a !important; } .lhc-card p, .lhc-card li, .lhc-content, .lhc-section p, .lhc-box p{ color:#5f697b !important; } /* Mobile un peu plus respirant */ @media (max-width: 768px){ .lhc-card, .lhc-print__card, .lhc-card--map, #lhcDetailReviews, #lhcDetailPromo, .lhc-tile{ border-radius:24px !important; } .lhc-explore-pill, .lhc-pill, .lhc-tab{ box-shadow:0 8px 18px rgba(24,39,75,.05), 0 2px 5px rgba(24,39,75,.03) !important; } } /* Clickable marker labels */ .lhc-marker-tooltip--clickable, .lhc-marker-tooltip[role="button"]{ cursor:pointer; pointer-events:auto; } .lhc-marker-tooltip--clickable .lhc-marker-tooltip__label{ text-decoration:none; } .lhc-marker-tooltip--clickable:active{ transform:translateY(1px); } /* v10.6.60 – premium pills top & bottom */ .lhc-tabs, #lhcMapTabs, .lhc-explorer-scroll, .lhc-chipbar{ gap:12px !important; padding-top:4px !important; padding-bottom:6px !important; } .lhc-explore-pill, .lhc-pill, .lhc-tab{ position:relative !important; overflow:hidden !important; min-height:54px !important; padding:12px 20px !important; border-radius:22px !important; background:linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%) !important; border:1px solid rgba(165,179,204,.28) !important; box-shadow: 0 10px 24px rgba(25,40,72,.06), inset 0 1px 0 rgba(255,255,255,.96) !important; color:#21314f !important; font-weight:850 !important; letter-spacing:-.01em !important; transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important; } .lhc-explore-pill::before, .lhc-pill::before, .lhc-tab::before{ content:""; position:absolute; inset:1px 1px auto 1px; height:42%; border-radius:inherit; background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0)); pointer-events:none; } .lhc-explore-pill:hover, .lhc-pill:hover, .lhc-tab:hover{ transform:translateY(-1px) !important; border-color:rgba(115,136,170,.34) !important; box-shadow: 0 14px 28px rgba(25,40,72,.08), inset 0 1px 0 rgba(255,255,255,.98) !important; } .lhc-explore-pill:active, .lhc-pill:active, .lhc-tab:active{ transform:translateY(1px) scale(.992) !important; box-shadow: 0 6px 14px rgba(25,40,72,.05), inset 0 2px 6px rgba(25,40,72,.05) !important; } .lhc-explore-pill .lhc-pill-ico, .lhc-pill .lhc-pill__icon, .lhc-pill .lhc-pill-ico, .lhc-tab .lhc-pill-ico{ width:34px !important; height:34px !important; border-radius:12px !important; background:linear-gradient(180deg,#fffdf8 0%,#f6efe0 100%) !important; border:1px solid rgba(188,167,123,.18) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 4px 10px rgba(25,40,72,.05) !important; } .lhc-tab__lbl, .lhc-pill__lbl, .lhc-explore-pill span:last-child, .lhc-pill span:last-child, .lhc-tab span:last-child{ position:relative; z-index:1; } .lhc-explore-pill.is-active, .lhc-pill--active, .lhc-tab--active{ background:linear-gradient(180deg,#fefefe 0%,#eef3fb 100%) !important; border-color:rgba(95,122,168,.34) !important; box-shadow: 0 16px 30px rgba(39,58,99,.10), inset 0 1px 0 rgba(255,255,255,.98) !important; color:#162948 !important; } .lhc-explore-pill.is-active::after, .lhc-pill--active::after, .lhc-tab--active::after{ content:""; position:absolute; left:16px; right:16px; bottom:8px; height:3px; border-radius:999px; background:linear-gradient(90deg,#8fa8d8 0%,#5f7ab0 100%); opacity:.9; } .lhc-explore-pill.is-active .lhc-pill-ico, .lhc-pill--active .lhc-pill__icon, .lhc-pill--active .lhc-pill-ico, .lhc-tab--active .lhc-pill-ico{ background:linear-gradient(180deg,#ffffff 0%,#edf2fb 100%) !important; border-color:rgba(95,122,168,.22) !important; } @media (max-width: 640px){ .lhc-explore-pill, .lhc-pill, .lhc-tab{ min-height:50px !important; padding:11px 18px !important; border-radius:20px !important; } .lhc-explore-pill .lhc-pill-ico, .lhc-pill .lhc-pill__icon, .lhc-pill .lhc-pill-ico, .lhc-tab .lhc-pill-ico{ width:30px !important; height:30px !important; border-radius:11px !important; } } /* v10.6.61 - active pills by color, no underline */ .lhc-tab, .lhc-explore-pill, .lhc-pill{ transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .lhc-tab, .lhc-explore-pill{ background:rgba(255,255,255,.94) !important; border:1px solid rgba(24,44,76,.08) !important; color:#23324f !important; box-shadow:0 8px 22px rgba(15,23,42,.06) !important; } .lhc-tab .lhc-pill-ico, .lhc-explore-pill .lhc-pill-ico{ background:rgba(245,247,251,.95) !important; } .lhc-tab--active, .lhc-tab.is-active, .lhc-explore-pill.is-active, .lhc-pill--active{ background:#eaf1ff !important; color:#1f4fa3 !important; border:1px solid rgba(85,126,196,.18) !important; box-shadow:0 10px 24px rgba(31,79,163,.10) !important; } .lhc-tab--active .lhc-pill-ico, .lhc-tab.is-active .lhc-pill-ico, .lhc-explore-pill.is-active .lhc-pill-ico, .lhc-pill--active .lhc-pill__icon, .lhc-pill--active .lhc-pill-ico{ background:rgba(255,255,255,.78) !important; } .lhc-tab--active .lhc-pill-ico::before, .lhc-tab.is-active .lhc-pill-ico::before, .lhc-explore-pill.is-active .lhc-pill-ico::before, .lhc-pill--active .lhc-pill__icon::before, .lhc-pill--active .lhc-pill-ico::before{ background:#1f4fa3 !important; } .lhc-tab::before, .lhc-tab::after, .lhc-explore-pill::before, .lhc-explore-pill::after, .lhc-pill::before, .lhc-pill::after{ box-shadow:none !important; } /* v10.6.61b fix: active pills without underline bar */ .lhc-explore-pill.is-active, .lhc-pill--active, .lhc-tab--active{ background:linear-gradient(180deg,#eef4ff 0%,#dfeafc 100%) !important; color:#183153 !important; border-color:rgba(127,156,205,.42) !important; box-shadow:0 12px 28px rgba(39,58,99,.10), inset 0 1px 0 rgba(255,255,255,.96) !important; } .lhc-explore-pill.is-active::after, .lhc-pill--active::after, .lhc-tab--active::after{ display:none !important; content:none !important; background:none !important; height:0 !important; opacity:0 !important; } /* v10.6.61c tighten space between distance and primary actions */ #lhcDetail .lhc-detail__meta, #lhcDetail .lhc-detail__meta-row, #lhcDetailDist{ margin-bottom:8px !important; } #lhcDetailActions{ margin-top:4px !important; } @media (max-width:640px){ #lhcDetail .lhc-detail__meta, #lhcDetail .lhc-detail__meta-row, #lhcDetailDist{ margin-bottom:6px !important; } #lhcDetailActions{ margin-top:2px !important; } } /* ===== v10.6.61d espace encore réduit distance -> actions ===== */ #lhcDetail .lhc-detail__meta{ margin-bottom:12px !important; } #lhcDetail .lhc-detail__dist{ margin-bottom:6px !important; } #lhcDetailActions{ margin-top:10px !important; padding-top:8px !important; } @media (max-width:640px){ #lhcDetail .lhc-detail__meta{margin-bottom:10px !important;} #lhcDetail .lhc-detail__dist{margin-bottom:4px !important;} #lhcDetailActions{margin-top:8px !important;padding-top:6px !important;} } /* ===== v10.6.61e espace ultra resserre distance -> actions ===== */ #lhcDetail .lhc-detail__meta, #lhcDetail .lhc-detail__meta-row{ margin-bottom:4px !important; } #lhcDetail .lhc-detail__dist, #lhcDetailDist{ margin-bottom:2px !important; } #lhcDetailActions{ margin-top:0 !important; padding-top:0 !important; } @media (max-width:640px){ #lhcDetail .lhc-detail__meta, #lhcDetail .lhc-detail__meta-row{margin-bottom:2px !important;} #lhcDetail .lhc-detail__dist, #lhcDetailDist{margin-bottom:0 !important;} #lhcDetailActions{margin-top:-2px !important;padding-top:0 !important;} } /* ===== v10.6.62 premium soft background ===== */ :root{ --bg:#f3f5f9 !important; --card:#fcfdff !important; } html,body, body.lhc-body, .lhc-body, .lhc-app, .lhc-wrap, #lhcApp, #lhcDetail, #lhcExplore, .lhc-detail, .lhc-detail__panel, .lhc-detail__content, .lhc-view, .lhc-page{ background:#f3f5f9 !important; } .lhc-header, .lhc-detail__hero, .lhc-top, .lhc-sheet, .lhc-modal__panel{ background:linear-gradient(180deg, #f6f7fb 0%, #f2f4f8 100%) !important; } .lhc-card, .lhc-item, .lhc-tile, .lhc-mini, .lhc-call, .lhc-print__card, #lhcList .lhc-item, #lhcDetail .lhc-detail__box, #lhcDetail .lhc-detail__section, #lhcDetail .lhc-detail__panel, #lhcDetail .lhc-detail__actions, #lhcDetail .lhc-detail__meta, #lhcDetail .lhc-detail__dist, #lhcDetail .lhc-detail__rating, #lhcDetail .lhc-detail__offer{ background:rgba(252,253,255,.94) !important; border-color:rgba(23,32,51,.07) !important; box-shadow:0 10px 28px rgba(17,24,39,.06) !important; } .lhc-pill, .lhc-tab, .lhc-explore-pill{ background:rgba(252,253,255,.92) !important; border-color:rgba(23,32,51,.08) !important; box-shadow:0 8px 20px rgba(17,24,39,.05), inset 0 1px 0 rgba(255,255,255,.95) !important; } .lhc-detail__dist, #lhcDetailDist{ background:rgba(255,255,255,.78) !important; backdrop-filter:blur(6px) !important; } /* subtly separate the page from pure white buttons/cards */ .lhc-detail__image, .lhc-video__embed, .lhc-item__img, .lhc-cardlink{ box-shadow:0 12px 30px rgba(17,24,39,.09) !important; } /* v10.6.62b - restore colored active pills on premium page background */ .lhc-tab--active, .lhc-explore-pill.is-active, .lhc-pill--active{ background:linear-gradient(135deg,#e9f1ff 0%, #dce8ff 100%) !important; border-color:#c9d9ff !important; color:#2752a3 !important; box-shadow:0 10px 22px rgba(39,82,163,.12), inset 0 1px 0 rgba(255,255,255,.9) !important; } .lhc-tab--active .lhc-pill-ico, .lhc-explore-pill.is-active .lhc-pill-ico, .lhc-pill--active .lhc-pill-ico, .lhc-tab--active .lhc-pill-ico--img, .lhc-explore-pill.is-active .lhc-pill-ico--img, .lhc-pill--active .lhc-pill-ico--img, .lhc-tab--active .lhc-pill-ico--mask, .lhc-explore-pill.is-active .lhc-pill-ico--mask, .lhc-pill--active .lhc-pill-ico--mask{ background:rgba(255,255,255,.72) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 4px 10px rgba(39,82,163,.10) !important; } .lhc-tab--active .lhc-pill__lbl, .lhc-tab--active .lhc-tab__lbl, .lhc-tab--active span:last-child, .lhc-explore-pill.is-active .lhc-pill__lbl, .lhc-explore-pill.is-active .lhc-tab__lbl, .lhc-explore-pill.is-active span:last-child, .lhc-pill--active .lhc-pill__lbl, .lhc-pill--active .lhc-tab__lbl, .lhc-pill--active span:last-child{ color:#2752a3 !important; } /* v10.6.62c - remove frame around action group + softer alternate color */ #lhcDetailActions, .lhc-detail__actions, .lhc-detail-actions, .lhc-detail-actions-wrap, #lhcDetailActionsWrap{ background:transparent !important; border:none !important; box-shadow:none !important; outline:none !important; padding:0 !important; } /* Keep layout: Y aller + Voir on first row, Réserver full width below */ #lhcDetailActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin:0 0 14px 0 !important; } #lhcDetailMaps{grid-column:1 !important;} #lhcDetailSee{grid-column:2 !important; min-height:72px !important;} #lhcDetailReserve{grid-column:1 / span 2 !important; min-height:64px !important;} /* No surrounding card visuals on action group children wrappers */ #lhcDetailActions > *{ background-clip:padding-box !important; } /* Softer alternate color for Voir */ #lhcDetailSee{ background:linear-gradient(135deg,#dcefea 0%, #c6e1db 100%) !important; color:#243b43 !important; border:1px solid rgba(85,122,118,.18) !important; box-shadow:0 12px 24px rgba(73,114,109,.12) !important; } #lhcDetailSee .lhc-cta-icon{ background:rgba(255,255,255,.45) !important; border:1px solid rgba(255,255,255,.38) !important; color:#243b43 !important; } #lhcDetailSee .lhc-cta-icon svg{stroke:currentColor !important;} #lhcDetailSee span:last-child{color:#243b43 !important;} /* Keep reserve and maps clean */ #lhcDetailMaps, #lhcDetailReserve{ margin:0 !important; } /* ===== v10.6.62d truly remove actions group frame ===== */ #lhcDetail #lhcDetailActions, #lhcDetail .lhc-detail__actions, #lhcDetail .lhc-detail-actions, #lhcDetail .lhc-detail-actions-wrap, #lhcDetail #lhcDetailActionsWrap{ background:transparent !important; border:0 !important; box-shadow:none !important; outline:0 !important; padding:0 !important; border-radius:0 !important; } #lhcDetail .lhc-detail__actions::before, #lhcDetail .lhc-detail__actions::after, #lhcDetail #lhcDetailActions::before, #lhcDetail #lhcDetailActions::after{ content:none !important; display:none !important; } /* v10.6.62e harmonisation douce des 3 boutons */ #lhcDetailMaps, #lhcDetailSee, #lhcDetailReserve{ border-radius:24px !important; } #lhcDetailMaps{ background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%) !important; color:#2c3b4d !important; border:1px solid rgba(99,122,148,.16) !important; box-shadow:0 10px 22px rgba(77,95,122,.10) !important; } #lhcDetailMaps .lhc-cta-icon{ background:linear-gradient(180deg,#ffffff 0%,#f3f6fa 100%) !important; border:1px solid rgba(99,122,148,.12) !important; color:#2c3b4d !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 6px 12px rgba(77,95,122,.08) !important; } #lhcDetailMaps .lhc-cta-icon svg{stroke:currentColor !important;} #lhcDetailMaps span:last-child, #lhcDetailMaps .lhc-btn-label{color:#2c3b4d !important;} #lhcDetailSee{ background:linear-gradient(180deg,#dff0ea 0%,#cfe7df 100%) !important; color:#27433f !important; border:1px solid rgba(84,125,118,.18) !important; box-shadow:0 10px 22px rgba(74,117,109,.12) !important; } #lhcDetailSee .lhc-cta-icon{ background:linear-gradient(180deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.52) 100%) !important; border:1px solid rgba(255,255,255,.42) !important; color:#27433f !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 6px 12px rgba(74,117,109,.08) !important; } #lhcDetailSee .lhc-cta-icon svg{stroke:currentColor !important;} #lhcDetailSee span:last-child, #lhcDetailSee .lhc-btn-label{color:#27433f !important;} #lhcDetailReserve{ background:linear-gradient(180deg,#f5efeb 0%,#ede3dc 100%) !important; color:#5a433f !important; border:1px solid rgba(155,125,118,.16) !important; box-shadow:0 10px 22px rgba(122,95,90,.10) !important; } #lhcDetailReserve .lhc-cta-icon{ background:linear-gradient(180deg,#ffffff 0%,#f7f1ed 100%) !important; border:1px solid rgba(155,125,118,.12) !important; color:#5a433f !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 6px 12px rgba(122,95,90,.07) !important; } #lhcDetailReserve .lhc-cta-icon svg{stroke:currentColor !important; fill:currentColor !important;} #lhcDetailReserve span:last-child, #lhcDetailReserve .lhc-btn-label{color:#5a433f !important;} #lhcDetailMaps:hover, #lhcDetailSee:hover, #lhcDetailReserve:hover{ transform:translateY(-1px) !important; filter:none !important; } /* ===== v10.6.81 center reserve label ===== */ #lhcDetailReserve{ position:relative !important; } #lhcDetailReserve::after{ content:"" !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:48px !important; min-width:48px !important; height:1px !important; flex:0 0 48px !important; } #lhcDetailReserve > span:last-child{ flex:1 1 auto !important; text-align:center !important; } @media (max-width: 480px){ #lhcDetailReserve::after{ width:44px !important; min-width:44px !important; flex-basis:44px !important; } }