@charset "UTF-8";
/* BiZZY — detay.php: CSS (soti nan detay.php 2026-10-17 pou navigatè a ka kenbe l an kach). */
:root{ --bizzy-bg:#F5F6F8; --bizzy-navy:#141A34; --bizzy-orange:#F5821F; --bizzy-surface:#FFFFFF; --bizzy-border:#E5E7EB; --bizzy-muted:#6B7280; --bizzy-text:#141A34; color-scheme:light; }
/* ✅ NOUVO (2026-09-23, sou demann Freud, "3": mòd fonse pou detay.php)
   — menm apwòch ak index.php/panel admin an: --bizzy-text SEPARE de
   --bizzy-navy paske --bizzy-navy toujou itilize kòm FON pou kèk
   eleman (avatar vandè a) ki dwe rete menm koulè nan tou de mòd — nou
   pa ka chanje valè li san n pa kraze eleman sa yo. Se --bizzy-text ki
   switch, e li itilize pou tout TÈKS ki te itilize --bizzy-navy anvan. */
[data-theme="dark"]{
    --bizzy-bg:#0E1220; --bizzy-border:#262E42; --bizzy-muted:#8B93A7;
    --bizzy-surface:#161B2C; --bizzy-text:#E5E7EB;
    color-scheme:dark;
}
*{ font-family:'Poppins',sans-serif; box-sizing:border-box; }
body{ background:var(--bizzy-surface); color:var(--bizzy-text); margin:0; padding-bottom:90px; }
a{ color:inherit; }
.wrap{ max-width:1120px; margin:0 auto; padding:0 20px; }
.topbar{ position:sticky; top:0; z-index:1040; background:var(--bizzy-surface); border-bottom:1px solid var(--bizzy-border); }
.topbar-inner{ max-width:1120px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.btn-back{ width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--bizzy-bg); font-size:1.1rem; flex-shrink:0; text-decoration:none; }
.topbar-title{ font-weight:700; font-size:0.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; text-align:center; opacity:0; transition:opacity 0.2s; }
.topbar-title.show{ opacity:1; }
.topbar-actions{ display:flex; gap:6px; flex-shrink:0; }
.btn-pill{ display:flex; align-items:center; gap:6px; background:var(--bizzy-surface); border:1px solid var(--bizzy-border); border-radius: 10px; padding:8px 14px; font-size:0.8rem; font-weight:600; color:var(--bizzy-text); cursor:pointer; white-space:nowrap; }
.btn-pill.active{ background:#FFF4EA; border-color:#F5821F; color:var(--bizzy-orange); }
.gallery-section{ padding-top:18px; }
.gallery-desktop{ display:none; grid-template-columns:2fr 1fr 1fr; grid-template-rows:repeat(2,220px); gap:8px; border-radius:18px; overflow:hidden; position:relative; }
.gallery-desktop .g-main{ grid-row:1/3; cursor:pointer; }
.gallery-desktop .g-thumb{ cursor:pointer; }
.gallery-desktop img{ width:100%; height:100%; object-fit:cover; display:block; transition:filter 0.15s; }
.gallery-desktop a:hover img{ filter:brightness(0.92); }
.btn-all-photos{ position:absolute; bottom:16px; right:16px; background:var(--bizzy-surface); border:1px solid var(--bizzy-text); border-radius:10px; padding:9px 16px; font-size:0.82rem; font-weight:700; display:flex; align-items:center; gap:6px; box-shadow:0 2px 8px rgba(0,0,0,0.12); cursor:pointer; }
.gallery-mobile{ position:relative; }
.gallery-mobile-track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.gallery-mobile-track::-webkit-scrollbar{ display:none; }
.gallery-mobile-track .slide{ flex:0 0 100%; scroll-snap-align:start; aspect-ratio:4/3; background:var(--bizzy-bg); }
.gallery-mobile-track img{ width:100%; height:100%; object-fit:cover; display:block; }
.gallery-counter{ position:absolute; bottom:12px; right:14px; background:rgba(20,26,52,0.72); color:#fff; font-size:0.72rem; font-weight:700; padding:4px 10px; border-radius:50px; }
.lightbox{ position:fixed; inset:0; background:rgba(10,12,24,0.96); z-index:2000; display:none; flex-direction:column; }
.lightbox.open{ display:flex; }
.lightbox-top{ display:flex; justify-content:space-between; align-items:center; padding:16px 20px; color:#fff; }
.lightbox-close{ background:none; border:none; color:#fff; font-size:1.4rem; cursor:pointer; }
.lightbox-count{ font-size:0.85rem; font-weight:600; opacity:0.85; }
.lightbox-body{ flex:1; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.lightbox-body img{ max-width:92%; max-height:82vh; object-fit:contain; border-radius:8px; }
.lightbox-nav{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.12); border:none; color:#fff; width:44px; height:44px; border-radius:50%; font-size:1.3rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.lightbox-nav:hover{ background:rgba(255,255,255,0.24); }
.lightbox-prev{ left:16px; } .lightbox-next{ right:16px; }
.content-layout{ display:grid; grid-template-columns:1fr; gap:32px; padding-top:26px; }
.badges-row{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.type-badge{ display:inline-flex; align-items:center; gap:6px; font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:50px; color:#fff; }
.type-badge.kay_lwe{ background:#141A34; }
.type-badge.otel{ background:#141A34; }
.type-badge.kay_vann{ background:#141A34; }
.type-badge.apatman{ background:#141A34; }
.type-badge.guest_house{ background:#141A34; }
.type-badge.lokal_komèsyal{ background:#141A34; }
.badge-superhost{ display:inline-flex; align-items:center; gap:5px; font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:50px; background:#FFFBEB; color:#B45309; }
.badge-verifye{ display:inline-flex; align-items:center; gap:5px; font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:50px; background:#ECFDF3; color:#15803D; }
.propriete-titre{ font-size:1.5rem; font-weight:800; margin:0 0 6px; line-height:1.25; }
.propriete-loc{ font-size:0.9rem; color:var(--bizzy-muted); margin:0 0 6px; display:flex; align-items:center; gap:6px; }
.propriete-meta{ font-size:0.8rem; color:var(--bizzy-muted); margin:0 0 14px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.propriete-rating{ display:flex; align-items:center; gap:5px; font-weight:700; color:var(--bizzy-text); }
.propriete-rating i{ color:#F5821F; }
.quick-facts{ display:flex; flex-wrap:wrap; gap:18px; padding:14px 0; border-top:1px solid var(--bizzy-border); border-bottom:1px solid var(--bizzy-border); margin-bottom:20px; }
.quick-facts .fact{ display:flex; align-items:center; gap:8px; font-size:0.86rem; font-weight:600; }
.quick-facts .fact i{ font-size:1.1rem; color:var(--bizzy-orange); }
.tags-row{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.tag-pill{ font-size:0.76rem; font-weight:600; color:var(--bizzy-text); background:var(--bizzy-bg); padding:6px 12px; border-radius:50px; }
.ekipman-row{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.ekipman-chip{ display:inline-flex; align-items:center; gap:7px; font-size:0.8rem; font-weight:600; color:var(--bizzy-text); background:var(--bizzy-bg); border:1px solid var(--bizzy-border); padding:8px 14px; border-radius:10px; }
.ekipman-chip i{ color:var(--bizzy-orange); font-size:1rem; }
.host-block{ display:flex; align-items:center; gap:12px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--bizzy-border); }
.host-avatar{ width:48px; height:48px; border-radius:50%; background:var(--bizzy-navy); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.05rem; flex-shrink:0; }
.host-info .host-name{ font-weight:700; font-size:0.92rem; margin:0; display:flex; align-items:center; gap:6px; }
.host-info .host-sub{ font-size:0.76rem; color:var(--bizzy-muted); margin:0; }
.host-info .host-verif-icon{ color:#15803D; font-size:0.9rem; }
.section-title{ font-size:1.05rem; font-weight:800; margin:0 0 10px; }
.description-text{ font-size:0.9rem; line-height:1.7; color:#374151; white-space:pre-line; margin-bottom:24px; }
.rooms-list{ margin-bottom:24px; }
.room-card{ border:1px solid var(--bizzy-border); border-radius:14px; padding:14px 16px; margin-bottom:12px; }
.room-card-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:8px; }
.room-card .room-name{ font-weight:700; font-size:0.9rem; margin:0 0 2px; }
.room-card .room-sub{ font-size:0.74rem; color:var(--bizzy-muted); margin:0; display:flex; gap:8px; flex-wrap:wrap; }
.room-card .room-desc{ font-size:0.78rem; color:#374151; margin:8px 0 0; }
.room-card .room-price{ font-weight:800; color:var(--bizzy-orange); font-size:0.95rem; white-space:nowrap; flex-shrink:0; text-align:right; }
.room-card .room-price .room-price-alt{ font-size:0.66rem; color:var(--bizzy-muted); font-weight:500; margin-top:2px; }
.room-ekipman-row{ display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.room-ekipman-chip{ font-size:0.64rem; font-weight:600; color:var(--bizzy-muted); background:var(--bizzy-bg); padding:3px 8px; border-radius:20px; }
/* ✅ 2026-10-25 — foto chanm/espas yo ranpli tout lajè blòk la (pa piti nan yon kwen ankò) */
.room-photos-track,
.espas-photos-track{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.room-photos-track img,
.espas-photos-track img{ flex:1 1 calc(33.333% - 8px); min-width:0; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:10px; cursor:pointer; display:block; transition:opacity 0.15s; }
.room-photos-track img:hover,
.espas-photos-track img:hover{ opacity:0.92; }
/* 1 sèl foto: tout lajè a. 3 foto oswa plis: premye a gwo sou tout lajè a, lòt yo separe espas ki rete a anba l. 2 foto: youn bò lòt */
.room-photos-track img:only-child,
.espas-photos-track img:only-child,
.room-photos-track img:first-child:nth-last-child(n+3),
.espas-photos-track img:first-child:nth-last-child(n+3){ flex-basis:100%; aspect-ratio:16/9; max-height:440px; }
.room-photos-track img:not(:first-child),
.espas-photos-track img:not(:first-child),
.room-photos-track img:first-child:nth-last-child(2),
.espas-photos-track img:first-child:nth-last-child(2){ max-height:280px; }
@media (max-width:575.98px){
    .room-photos-track, .espas-photos-track{ gap:6px; }
    .room-photos-track img, .espas-photos-track img{ flex-basis:calc(50% - 6px); }
}
.espas-section{ margin-bottom:24px; display:flex; flex-direction:column; gap:14px; }
.espas-bloc-detay{ border:1px solid var(--bizzy-border); border-radius:14px; background:var(--bizzy-surface); padding:14px 16px; box-shadow:0 2px 10px rgba(20,26,52,0.05); }
.espas-bloc-detay-titre{ font-size:0.86rem; font-weight:700; display:flex; align-items:center; gap:7px; margin-bottom:10px; }
.espas-bloc-detay-titre i{ color:var(--bizzy-orange); }
.booking-card{ border:1px solid var(--bizzy-border); border-radius:18px; padding:22px; box-shadow:0 6px 24px rgba(20,26,52,0.08); }
.booking-price{ font-size:1.35rem; font-weight:800; margin-bottom:2px; }
.booking-price .periode{ font-size:0.78rem; font-weight:500; color:var(--bizzy-muted); }
.booking-negosyab{ display:inline-block; background:#ECFDF3; color:#15803D; font-size:0.68rem; font-weight:700; padding:2px 9px; border-radius:50px; margin-left:6px; vertical-align:middle; }
.prix-lwaye-ane{ font-size:0.78rem; color:#15803D; font-weight:700; margin-top:2px; }
.booking-phone{ font-size:0.84rem; margin:14px 0; padding:10px 12px; background:var(--bizzy-bg); border-radius:10px; display:flex; align-items:center; gap:8px; }
.booking-phone a{ font-weight:700; text-decoration:none; color:var(--bizzy-text); }
.booking-contact-name{ font-size:0.76rem; color:var(--bizzy-muted); margin:-10px 0 12px; }
.form-group{ margin-bottom:12px; }
.form-group label{ font-size:0.74rem; font-weight:700; color:var(--bizzy-muted); display:block; margin-bottom:5px; }
.form-control-bizzy{ width:100%; border:1px solid var(--bizzy-border); border-radius:10px; padding:10px 12px; font-size:0.86rem; font-family:inherit; }
.form-control-bizzy:focus{ outline:none; border-color:var(--bizzy-orange); box-shadow:0 0 0 3px rgba(245,130,31,0.12); }
.btn-bizzy-primary{ width:100%; background:var(--bizzy-orange); color:#fff; border:none; border-radius:12px; padding:13px; font-weight:700; font-size:0.9rem; margin-top:4px; cursor:pointer; transition:background 0.15s, transform 0.1s; }
.btn-bizzy-primary:hover{ background:#F5821F; }
.btn-bizzy-primary:active{ transform:translateY(1px); }
.btn-bizzy-primary:disabled{ opacity:0.65; cursor:default; }
.btn-bizzy-whatsapp{ width:100%; background:#25D366; color:#fff; border:none; border-radius:12px; padding:13px; font-weight:700; font-size:0.9rem; margin-top:8px; display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; transition:background 0.15s, transform 0.1s; }
.btn-bizzy-whatsapp:hover{ background:#1EBD59; }
.btn-bizzy-whatsapp:active{ transform:translateY(1px); }
.divider-or{ text-align:center; font-size:0.72rem; color:var(--bizzy-muted); margin:14px 0; position:relative; }
.divider-or::before,.divider-or::after{ content:''; position:absolute; top:50%; width:40%; height:1px; background:var(--bizzy-border); }
.divider-or::before{ left:0; } .divider-or::after{ right:0; }
.form-feedback{ font-size:0.8rem; margin-top:10px; padding:9px 12px; border-radius:8px; display:none; }
.form-feedback.ok{ background:#ECFDF3; color:#15803D; display:block; }
.form-feedback.err{ background:#FEF2F2; color:#B91C1C; display:block; }
.mobile-action-bar{ position:fixed; bottom:0; left:0; right:0; background:var(--bizzy-surface); border-top:1px solid var(--bizzy-border); padding:12px 16px; display:flex; gap:10px; z-index:1030; box-shadow:0 -4px 16px rgba(0,0,0,0.06); }
.mobile-action-bar .btn-mob{ flex:1; border:none; border-radius:12px; padding:13px; font-weight:700; font-size:0.86rem; text-align:center; text-decoration:none; display:flex; align-items:center; justify-content:center; gap:6px; transition:filter 0.15s, transform 0.1s; }
.mobile-action-bar .btn-mob:active{ transform:translateY(1px); }
.mobile-action-bar .btn-fav{ background:var(--bizzy-bg); color:var(--bizzy-text); flex:0 0 54px; }
.mobile-action-bar .btn-fav.active{ background:#FFF4EA; color:var(--bizzy-orange); }
.mobile-action-bar .btn-whatsapp{ background:#25D366; color:#fff; }
.mobile-action-bar .btn-whatsapp:hover{ filter:brightness(0.94); }
.mobile-action-bar .btn-contact{ background:var(--bizzy-orange); color:#fff; }
.mobile-action-bar .btn-contact:hover{ filter:brightness(0.94); }
.sidebar-col{ display:none; }
@media (min-width:860px){
    .gallery-desktop{ display:grid; }
    .gallery-mobile{ display:none; }
    .content-layout{ grid-template-columns:1.6fr 1fr; align-items:start; }
    .sidebar-col{ display:block; position:sticky; top:90px; max-height:calc(100vh - 106px); overflow-y:auto; scrollbar-width:thin; padding:0 6px 6px 0; } /* ✅ 2026-10-25 — pa janm koupe anba si ekran an kout */
    .mobile-action-bar{ display:none; }
    body{ padding-bottom:40px; }
    .topbar-title.show{ opacity:1; }
}
@media (max-width:859.98px){ .wrap{ padding:0 16px; } }
/* ⭐ NOUVO (2026-09-21, rafine 2026-09-21) — Avi Kliyan, entegre nan
   booking-card la anba bouton WhatsApp la, olye yon gwo blòk apa. */
.booking-avis{ margin-top:16px; padding-top:16px; border-top:1px solid var(--bizzy-border); }
.booking-avis-summary{ display:flex; align-items:center; gap:7px; font-size:0.84rem; font-weight:700; color:var(--bizzy-text); margin-bottom:6px; }
.booking-avis-etwal{ color:#F59E0B; display:inline-flex; align-items:center; gap:4px; }
.booking-avis-total{ font-size:0.76rem; color:var(--bizzy-muted); font-weight:500; }
.booking-avis-vid{ font-size:0.8rem; color:var(--bizzy-muted); font-weight:500; }
.booking-avis-mèsi{ font-size:0.78rem; color:#15803D; font-weight:600; margin:0 0 4px; display:flex; align-items:center; gap:5px; }
.booking-avis-toggle{ background:none; border:none; padding:0; font-size:0.8rem; font-weight:700; color:var(--bizzy-orange); display:inline-flex; align-items:center; gap:4px; cursor:pointer; margin:6px 0; }
.booking-avis-toggle i{ font-size:0.68rem; transition:transform 0.15s; }
.booking-avis-toggle.open i{ transform:rotate(180deg); }
.booking-avis-form{ margin:4px 0 12px; }
.booking-avis-form .avis-etwal-picker{ font-size:1.15rem; color:#D1D5DB; margin-bottom:6px; cursor:pointer; }
.booking-avis-form .avis-etwal-picker i{ margin-right:3px; transition:color 0.1s; }
.booking-avis-form .avis-etwal-picker i.actif{ color:#F59E0B; }
.booking-avis-form textarea{ width:100%; font-size:0.8rem; font-family:inherit; border:1px solid var(--bizzy-border); border-radius:8px; padding:8px; margin-bottom:8px; resize:vertical; }
.booking-avis-form .btn-avis-voye{ background:var(--bizzy-navy); color:#fff; border:none; border-radius:8px; padding:7px 16px; font-weight:700; font-size:0.78rem; cursor:pointer; }
.booking-avis-form .btn-avis-voye:disabled{ background:#D1D5DB; color:#6B7280; cursor:not-allowed; }
.booking-avis-list{ display:flex; flex-direction:column; gap:10px; margin-top:4px; }
.booking-avis-item{ padding-top:10px; border-top:1px solid #EEF0F3; }
.booking-avis-item:first-child{ border-top:none; padding-top:0; }
.booking-avis-item-tèt{ display:flex; justify-content:space-between; align-items:center; gap:8px; }
.booking-avis-item-non{ font-size:0.78rem; font-weight:700; color:var(--bizzy-text); }
.booking-avis-item-etwal{ font-size:0.64rem; color:#F59E0B; white-space:nowrap; }
.booking-avis-item-etwal i.bi-star{ color:#D1D5DB; }
.booking-avis-item-kòm{ font-size:0.78rem; color:#374151; line-height:1.5; margin:3px 0 2px; }
.booking-avis-item-dat{ font-size:0.66rem; color:var(--bizzy-muted); }
.booking-avis-plis-btn{ background:none; border:none; padding:0; font-size:0.76rem; font-weight:700; color:var(--bizzy-orange); cursor:pointer; text-align:left; margin-top:2px; }

/* ✅ NOUVO (2026-09-23) — bouton switch mòd fonse/klè */
.tèm-toggle-btn{
    border: none; background: var(--bizzy-bg); color: var(--bizzy-text); width: 34px; height: 34px;
    border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem;
    flex-shrink: 0; cursor: pointer;
}

/* ✅ NOUVO (2026-09-23) — anplasman mòd fonse pou badj/koulè fikse yo.
   --bizzy-navy ak --bizzy-orange rete FIKS (definisyon pi wo a), se
   sèlman badj/etikèt ki te sèvi ak koulè literal (pa var) ki bezwen
   yon vèsyon fonse eksplisit isit la. */
[data-theme="dark"] .badge-superhost{ background:#3A2E12; color:#F59E0B; }
[data-theme="dark"] .badge-verifye{ background:#153826; color:#6FCF97; }
[data-theme="dark"] .host-info .host-verif-icon{ color:#6FCF97; }
[data-theme="dark"] .booking-negosyab{ background:#153826; color:#6FCF97; }
[data-theme="dark"] .prix-lwaye-ane{ color:#6FCF97; }
[data-theme="dark"] .booking-avis-mèsi{ color:#6FCF97; }
[data-theme="dark"] .form-feedback.ok{ background:#153826; color:#6FCF97; }
[data-theme="dark"] .form-feedback.err{ background:#3A1B1B; color:#FF8A80; }
[data-theme="dark"] .btn-pill.active,
[data-theme="dark"] .mobile-action-bar .btn-fav.active{ background:#3A2E12; border-color:#B45309; }
[data-theme="dark"] .booking-avis-form .avis-etwal-picker,
[data-theme="dark"] .booking-avis-item-etwal i.bi-star{ color:#3A4258; }
/* .btn-avis-voye: fon navy fiks la envèse an mòd fonse (menm apwòch ak
   bouton "kontakte vandè a" sou produit.php) paske se yon bouton
   entèraktif (voye avi), pa yon eleman dekoratif pèmanan. */
[data-theme="dark"] .booking-avis-form .btn-avis-voye{ background:var(--bizzy-text); color:var(--bizzy-bg); }
[data-theme="dark"] .booking-avis-form .btn-avis-voye:disabled{ background:#3A4258; color:var(--bizzy-muted); }
[data-theme="dark"] .description-text,
[data-theme="dark"] .room-card .room-desc,
[data-theme="dark"] .booking-avis-item-kòm{ color:var(--bizzy-text); }
[data-theme="dark"] .text-muted{ color:var(--bizzy-muted) !important; }

/* ==========================================================
   ✅ 2026-10-17 — UX imobilye (1-9): pri rezime, kat, dat,
   rezève pa chanm, konfyans pwopriyetè, "Li plis", anons
   ki sanble, ba mobil ak pri + Rele + WhatsApp.
   ========================================================== */
.imo-ux-ranje{ display:flex; flex-wrap:wrap; gap:8px; margin:2px 0 10px; }
.imo-kat-lyen{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 12px; border-radius:999px; border:1px solid var(--bizzy-border); color:var(--bizzy-text); font-size:.82rem; font-weight:600; text-decoration:none; background:var(--bizzy-surface); }
.imo-kat-lyen:hover{ border-color:var(--bizzy-text); }
.imo-kat-lyen .bi{ color:var(--bizzy-orange); }
.imo-pri-some{ display:flex; align-items:baseline; gap:6px; margin:0 0 10px; flex-wrap:wrap; }
.imo-pri-some strong{ font-size:1.5rem; font-weight:800; color:var(--bizzy-text); letter-spacing:-.3px; }
.imo-pri-avan, .imo-pri-per{ font-size:.88rem; color:var(--bizzy-muted); font-weight:500; }

.host-konfyans{ display:flex; flex-wrap:wrap; gap:4px 12px; margin:4px 0 0; font-size:.74rem; color:var(--bizzy-muted); }
.host-konfyans span{ display:inline-flex; align-items:center; gap:4px; }
.host-konfyans .hk-verif{ color:#15803D; font-weight:700; }

.description-text.desk-koupe{ display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:6px; }
.description-text.desk-koupe.desk-louvri{ display:block; -webkit-line-clamp:unset; }
.desk-plis-btn{ border:0; background:none; padding:6px 0; margin:0 0 20px; color:var(--bizzy-text); font-weight:700; font-size:.86rem; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }

.dispo-kat{ border:1px solid var(--bizzy-border); border-radius:14px; padding:14px; margin:0 0 18px; background:var(--bizzy-surface); }
.dispo-tit{ font-weight:700; font-size:.92rem; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.dispo-tit .bi{ color:var(--bizzy-orange); }
.dispo-chan{ display:grid; grid-template-columns:1fr 1fr 74px; gap:8px; }
.dispo-chan label{ display:flex; flex-direction:column; gap:4px; font-size:.72rem; font-weight:600; color:var(--bizzy-muted); }
.dispo-chan input{ height:44px; border:1px solid var(--bizzy-border); border-radius:10px; padding:0 8px; font-size:16px; color:var(--bizzy-text); background:var(--bizzy-bg); width:100%; min-width:0; }
.dispo-not{ font-size:.74rem; color:var(--bizzy-muted); margin:8px 0 0; }

.room-rezeve{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin-top:12px; border-radius:10px; background:#25D366; color:#fff !important; font-weight:700; font-size:.88rem; text-decoration:none; }
.room-rezeve:hover{ filter:brightness(.95); }

.sanble-track{ display:flex; gap:12px; overflow-x:auto; padding-bottom:6px; margin-bottom:22px; scroll-snap-type:x proximity; scrollbar-width:none; }
.sanble-track::-webkit-scrollbar{ display:none; }
.sanble-kat{ position:relative; flex:0 0 200px; scroll-snap-align:start; border:1px solid var(--bizzy-border); border-radius:14px; overflow:hidden; text-decoration:none; color:var(--bizzy-text); background:var(--bizzy-surface); display:flex; flex-direction:column; }
.sanble-kat img{ width:100%; height:120px; object-fit:cover; display:block; background:var(--bizzy-bg); }
.sanble-badge{ position:absolute; top:8px; left:8px; background:rgba(20,26,52,.85); color:#fff; font-size:.64rem; font-weight:700; padding:3px 8px; border-radius:999px; }
.sanble-tit{ font-weight:700; font-size:.84rem; padding:8px 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sanble-dep{ font-size:.72rem; color:var(--bizzy-muted); padding:2px 10px 0; }
.sanble-pri{ font-size:.84rem; font-weight:800; padding:4px 10px 10px; }

/* Ba mobil: pri a agoch, Rele + WhatsApp/Rezève adwat */
.mobile-action-bar{ align-items:center; padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); }
.mab-pri{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; line-height:1.15; }
.mab-pri small{ font-size:.7rem; color:var(--bizzy-muted); font-weight:500; }
.mab-pri strong{ font-size:1.05rem; font-weight:800; color:var(--bizzy-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mab-pri strong small{ font-size:.72rem; }
.mab-pri .mab-pri-mande{ font-size:.92rem; }
.mobile-action-bar .btn-mob{ flex:0 0 auto; min-height:48px; padding:0 18px; font-size:.95rem; }
.mobile-action-bar .btn-rele{ background:var(--bizzy-surface); color:var(--bizzy-text); border:1.5px solid var(--bizzy-text); padding:0 14px; }
.mobile-action-bar .btn-whatsapp{ min-width:132px; }
@media (max-width:360px){ .mobile-action-bar .btn-rele .mab-tx{ display:none; } .mobile-action-bar .btn-whatsapp{ min-width:0; } }
[data-theme="dark"] .mobile-action-bar .btn-rele{ border-color:rgba(255,255,255,.4); color:#fff; background:transparent; }

/* Sou telefòn, avi kliyan yo (ki te kache ak kolòn dwat la) parèt anba kontni an */
@media (max-width:859.98px){
    .sidebar-col{ display:block; }
    .sidebar-col .booking-card{ border:0; box-shadow:none; padding:0; background:transparent; }
    .sidebar-col .booking-card > :not(.booking-avis){ display:none !important; }
    .sidebar-col .booking-avis{ margin-top:0; }
    body{ padding-bottom:96px; }
}
/* kolòn grid yo pa dwe laji pou ray "anons ki sanble" a (sinon tout paj la vin pi laj pase ekran telefòn nan) */
.content-layout > .content-main, .content-layout > .sidebar-col{ min-width:0; }
.sanble-track{ max-width:100%; }
.mab-pri{ flex:1 1 0; }
.mobile-action-bar .btn-whatsapp{ min-width:0; padding:0 20px; }
@media (max-width:420px){ .mobile-action-bar .btn-rele{ width:48px; padding:0; justify-content:center; } .mobile-action-bar .btn-rele .mab-tx{ display:none; } }
.dispo-chan{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.dispo-chan label{ min-width:0; }
.dispo-chan label:last-child{ grid-column:1 / -1; flex-direction:row; align-items:center; gap:10px; }
.dispo-chan label:last-child input{ width:90px; }
.dispo-chan input[type=date]{ padding:0 6px; font-size:15px; }

/* ==========================================================
   ✅ 2026-10-17 — STIL PREMIUM: pa gen gwo blòk vèt. Bouton
   prensipal ble maren, vèt WhatsApp sèlman sou ikòn nan.
   ========================================================== */
.btn-bizzy-whatsapp{ background:#141A34; color:#fff; box-shadow:0 8px 20px -8px rgba(20,26,52,.55); }
.btn-bizzy-whatsapp:hover{ background:#232B52; color:#fff; }
.btn-bizzy-whatsapp .bi-whatsapp, .mobile-action-bar .btn-whatsapp .bi-whatsapp{ color:#3DDC84; }
.mobile-action-bar .btn-whatsapp{ background:#141A34; color:#fff; box-shadow:0 8px 20px -8px rgba(20,26,52,.55); }
.mobile-action-bar .btn-whatsapp:hover{ filter:none; background:#232B52; }
.mobile-action-bar .btn-rele{ border-color:#D5D9E3; }
.room-rezeve{ background:#fff; color:#141A34 !important; border:1.5px solid #D5D9E3; min-height:42px; font-size:.85rem; }
.room-rezeve:hover{ filter:none; border-color:#141A34; background:#F6F7FA; }
.room-rezeve .bi{ color:#1FAF57; }
[data-theme="dark"] .btn-bizzy-whatsapp, [data-theme="dark"] .mobile-action-bar .btn-whatsapp{ background:#F4F5F8; color:#141A34; box-shadow:none; }
[data-theme="dark"] .btn-bizzy-whatsapp .bi-whatsapp, [data-theme="dark"] .mobile-action-bar .btn-whatsapp .bi-whatsapp{ color:#1FAF57; }
[data-theme="dark"] .room-rezeve{ background:transparent; color:#fff !important; border-color:rgba(255,255,255,.3); }

/* ✅ 2026-10-25 — Enfòmasyon pratik (meble, disponib, garanti, check-in/out, anilasyon, règleman, papye) */
.imo-enfo-pratik{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px 18px; margin:0 0 14px; }
.imo-enfo-pratik div{ border-bottom:1px solid var(--bizzy-border-soft, #E5E7EB); padding:8px 0; }
.imo-enfo-pratik dt{ font-size:0.78rem; font-weight:600; color:var(--bizzy-muted, #6B7280); margin:0 0 2px; }
.imo-enfo-pratik dd{ font-size:0.92rem; font-weight:600; color:var(--bizzy-text, #141A34); margin:0; }
.imo-regleman-lot{ font-size:0.9rem; color:var(--bizzy-text, #141A34); background:var(--bizzy-thumb-bg, #F5F6F8); border-radius:10px; padding:10px 12px; margin:0 0 16px; }

/* ✅ 2026-10-25 — rezime nan kolòn dwat la (anba kat pri a) */
.side-rezime{ margin-top:16px; border:1px solid var(--bizzy-border); border-radius:18px; padding:18px 22px; background:var(--bizzy-surface); }
.side-rezime-tit{ font-weight:800; font-size:0.95rem; margin:0 0 10px; color:var(--bizzy-text); }
.side-rezime-lis{ margin:0; }
.side-rezime-lis > div{ display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-top:1px solid var(--bizzy-border); font-size:0.82rem; }
.side-rezime-lis > div:first-child{ border-top:0; padding-top:0; }
.side-rezime-lis dt{ font-weight:500; color:var(--bizzy-muted); margin:0; }
.side-rezime-lis dd{ font-weight:700; color:var(--bizzy-text); margin:0; text-align:right; }
.side-rezime-kat{ display:block; margin-top:12px; text-align:center; font-size:0.82rem; font-weight:700; color:var(--bizzy-orange); text-decoration:none; }
.side-rezime-kat:hover{ text-decoration:underline; }