/* ================================================================
   BON HOMES LUXURY — Main Stylesheet v2.0
   ================================================================ */
:root {
  /* ── Primary Brand Colors ── */
  --gold:#B08D57;        /* Luxury Gold (Primary Accent) */
  --gold-light:#C7A878;  /* Lighter gold for hover states */
  --gold-dark:#8C6A43;   /* Rich Bronze */
  --brown:#4A3728;       /* Deep Brown */
  --charcoal:#2B2B2B;    /* Dark Charcoal */
  --black:#1A1A1A;       /* Deep Black */

  /* ── Background Colors (light luxury theme) ── */
  --dark:#1A1A1A;        /* Used for dark sections (hero, footer) */
  --dark2:#2B2B2B;       /* Charcoal sections */
  --dark3:#383330;       /* Slightly lighter charcoal for cards on dark bg */
  --dark4:#433D39;       /* Card hover on dark bg */
  --cream:#F8F5F0;       /* Light Cream Background */
  --beige:#E7D9C6;       /* Warm Beige */
  --light-gray:#F2F2F2;  /* Light Gray */

  /* ── Text Colors ── */
  --white:#FFFFFF;
  --off-white:#F8F5F0;
  --heading:#1F1F1F;     /* Main Heading on light bg */
  --body-text:#555555;   /* Body Text on light bg */
  --muted:#777777;       /* Muted Text on light bg */
  --footer-text:#A0A0A0; /* Footer Text on dark bg */
  --mid:#BBBBB0;         /* Mid text on dark bg */

  --border:rgba(176,141,87,0.25);
  --border-light:rgba(176,141,87,0.18);
  --radius:4px;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);
  --trans:all 0.4s var(--ease);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;background:var(--cream);color:var(--heading);overflow-x:hidden;cursor:none}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

/* ── CURSOR ── */
.bh-cursor{position:fixed;width:10px;height:10px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:99999;transition:transform .15s ease;mix-blend-mode:difference}
.bh-cursor-ring{position:fixed;width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;z-index:99998;transition:all .3s ease;opacity:.6}
@media(hover:none){.bh-cursor,.bh-cursor-ring{display:none}body{cursor:auto}}

/* ── CURRENCY BANNER ── */
.bh-curr-banner{position:fixed;top:0;left:0;right:0;background:var(--gold);color:var(--white);text-align:center;padding:9px 20px;font-size:12px;font-weight:600;letter-spacing:1px;z-index:1001;display:none;text-transform:uppercase;cursor:pointer}
.bh-curr-banner.show{display:block}

/* ── NAVBAR ── */
.bh-nav{position:fixed;top:0;left:0;right:0;z-index:900;padding:24px 60px;display:flex;align-items:center;justify-content:space-between;transition:var(--trans)}
.bh-nav.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(20px);padding:16px 60px;border-bottom:1px solid var(--border-light);box-shadow:0 4px 24px rgba(43,43,43,.06)}
.bh-nav.with-banner{top:36px}
.bh-nav-logo{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--gold);letter-spacing:3px;text-transform:uppercase}
.bh-nav-logo span{color:var(--white);font-weight:300}
.bh-nav.scrolled .bh-nav-logo span{color:var(--heading)}
.bh-nav-logo img{height:48px;width:auto;object-fit:contain}
.bh-nav-links{display:flex;gap:36px;list-style:none}
.bh-nav-links a{color:var(--mid);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:500;transition:var(--trans);position:relative}
.bh-nav.scrolled .bh-nav-links a{color:var(--body-text)}
.bh-nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s ease}
.bh-nav-links a:hover{color:var(--gold)}
.bh-nav-links a:hover::after{width:100%}
.bh-nav-right{display:flex;align-items:center;gap:20px}

/* ── CURRENCY TOGGLE ── */
.bh-curr-toggle{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid var(--border);border-radius:20px;padding:6px 14px;cursor:pointer;transition:var(--trans)}
.bh-nav.scrolled .bh-curr-toggle{background:var(--cream)}
.bh-curr-toggle:hover{border-color:var(--gold)}
.bh-curr-toggle .flag{font-size:16px}
.bh-curr-toggle .curr-lbl{font-size:11px;letter-spacing:1px;color:var(--gold);font-weight:600}
.bh-curr-toggle .arr{color:var(--muted);font-size:10px}
.bh-curr-dropdown{position:absolute;top:70px;right:60px;background:var(--white);border:1px solid var(--border);width:210px;z-index:800;display:none;box-shadow:0 20px 60px rgba(43,43,43,.18)}
.bh-curr-dropdown.open{display:block}
.bh-curr-opt{padding:14px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:13px;border-bottom:1px solid var(--border-light);transition:background .2s;color:var(--body-text)}
.bh-curr-opt:last-child{border-bottom:none}
.bh-curr-opt:hover{background:var(--cream)}
.bh-curr-opt.active{color:var(--gold);font-weight:600}

/* ── BUTTONS ── */
.btn-gold{background:var(--gold);color:var(--white);border:none;padding:12px 28px;cursor:pointer;font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:var(--trans);display:inline-block;text-decoration:none}
.btn-gold:hover{background:var(--gold-dark);transform:translateY(-1px);color:var(--white)}
.btn-outline{border:1px solid var(--gold);color:var(--gold);padding:12px 28px;font-family:'Outfit',sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:var(--trans);background:transparent;cursor:pointer;display:inline-block}
.btn-outline:hover{background:var(--gold);color:var(--white)}

/* ── HERO ── */
#bh-hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bh-slides{position:absolute;inset:0}
.bh-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease}
.bh-slide.active{opacity:1}
.bh-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,13,13,.88),rgba(13,13,13,.35) 50%,rgba(13,13,13,.72))}
.bh-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 40px}
.bh-eyebrow{font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:12px}
.bh-eyebrow::before,.bh-eyebrow::after{content:'';display:block;width:40px;height:1px;background:var(--gold);opacity:.5}
.bh-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(52px,8vw,96px);font-weight:300;line-height:1.05;color:var(--white);margin-bottom:24px}
.bh-hero-title em{font-style:italic;color:var(--gold)}
.bh-hero-sub{font-size:15px;color:var(--mid);letter-spacing:1px;margin-bottom:48px;font-weight:300;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.8}
.bh-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.bh-slide-dots{position:absolute;bottom:48px;right:60px;z-index:2;display:flex;gap:8px}
.bh-dot{width:24px;height:2px;background:rgba(255,255,255,.3);cursor:pointer;transition:var(--trans)}
.bh-dot.active{background:var(--gold);width:48px}
.bh-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.bh-scroll-hint span{font-size:9px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.bh-scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.3}50%{opacity:1}}

/* ── BOOKING BAR ── */
.bh-booking-bar{background:var(--charcoal);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 60px;display:flex;align-items:stretch;gap:0}
.bh-bf{flex:1;padding:0 28px;border-right:1px solid rgba(176,141,87,.18);display:flex;flex-direction:column;gap:4px}
.bh-bf:first-child{padding-left:0}
.bh-bf:last-of-type{border-right:none}
.bh-bf label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.bh-bf input,.bh-bf select{background:transparent;border:none;outline:none;color:var(--white);font-family:'Outfit',sans-serif;font-size:14px;padding:4px 0;cursor:pointer;width:100%}
.bh-bf select option{background:var(--charcoal);color:var(--white)}
.bh-book-btn{background:var(--gold);border:none;padding:0 40px;font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:var(--white);transition:var(--trans);white-space:nowrap;margin-left:28px}
.bh-book-btn:hover{background:var(--gold-dark)}

/* ── SECTION BASE ── */
.bh-section{padding:100px 60px}
.bh-section-hdr{text-align:center;margin-bottom:64px}
.sec-eyebrow{font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}
.sec-eyebrow::before,.sec-eyebrow::after{content:'';display:block;width:30px;height:1px;background:var(--gold);opacity:.4}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,58px);font-weight:300;color:var(--heading);line-height:1.1}
.sec-title em{font-style:italic;color:var(--gold)}
.sec-sub{font-size:14px;color:var(--muted);margin-top:16px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8}

/* Dark-section variants (hero, stats, footer) */
.on-dark .sec-title,.on-dark.sec-title{color:var(--white)}
.on-dark .sec-sub,.on-dark.sec-sub{color:var(--mid)}

/* ── ABOUT ── */
#bh-about{background:var(--white)}
.bh-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bh-about-imgs{position:relative;height:540px}
.bh-about-main{position:absolute;top:0;left:0;width:75%;height:80%;object-fit:cover}
.bh-about-accent{position:absolute;bottom:0;right:0;width:55%;height:56%;object-fit:cover;border:4px solid var(--white)}
.bh-about-badge{position:absolute;top:50%;left:60%;transform:translate(-50%,-50%);background:var(--gold);color:var(--white);padding:20px 24px;text-align:center;z-index:2;box-shadow:0 12px 32px rgba(176,141,87,.35)}
.bh-about-badge .num{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:600;line-height:1}
.bh-about-badge .lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.bh-about-text{padding-left:20px}
.bh-about-text .sec-eyebrow,.bh-about-text .sec-title{text-align:left;justify-content:flex-start}
.bh-about-text .sec-eyebrow::before{display:none}
.bh-about-desc{font-size:15px;color:var(--body-text);line-height:1.9;margin:24px 0 20px;font-weight:300}
.bh-about-extra{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:36px}
.bh-about-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px}
.bh-feat{display:flex;align-items:flex-start;gap:12px}
.bh-feat-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;flex-shrink:0;background:var(--cream)}
.bh-feat-text strong{display:block;font-size:12px;font-weight:600;margin-bottom:2px;color:var(--heading)}
.bh-feat-text span{font-size:11px;color:var(--muted)}
/* Awards */
.bh-awards{display:flex;gap:32px;margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}
.bh-award{text-align:center}
.bh-award span{font-size:10px;letter-spacing:1px;color:var(--muted);font-style:italic}

/* ── ROOMS ── */
#bh-rooms{background:var(--cream);padding:100px 0}
.bh-rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bh-room-card{position:relative;overflow:hidden;cursor:pointer;height:520px}
.bh-room-card:first-child{grid-row:span 2;height:auto}
.bh-room-img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);display:block}
.bh-room-card:hover .bh-room-img{transform:scale(1.06)}
.bh-room-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.96) 0%,rgba(26,26,26,.25) 50%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:32px}
.bh-room-tag{display:inline-block;background:var(--gold);color:var(--white);font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:4px 10px;margin-bottom:12px;width:fit-content}
.bh-room-name{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:var(--white);margin-bottom:8px}
.bh-room-card:first-child .bh-room-name{font-size:38px}
.bh-room-price{font-size:13px;color:var(--gold-light);margin-bottom:16px}
.bh-room-price .amt{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:var(--white)}
.bh-room-price .per{font-size:11px;color:var(--mid)}
.bh-room-feats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.bh-room-feat{font-size:10px;color:var(--mid);letter-spacing:1px}
.bh-room-cta{background:transparent;border:1px solid var(--gold);color:var(--gold-light);padding:8px 20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;transition:var(--trans);width:fit-content}
.bh-room-cta:hover{background:var(--gold);color:var(--white);border-color:var(--gold)}

/* ── STATS BAR ── */
#bh-stats{background:var(--gold);padding:60px;display:grid;grid-template-columns:repeat(4,1fr)}
.bh-stat{text-align:center;padding:20px;border-right:1px solid rgba(255,255,255,.2)}
.bh-stat:last-child{border-right:none}
.bh-stat-num{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:600;color:var(--white);line-height:1}
.bh-stat-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--white);font-weight:600;opacity:.85;margin-top:6px}

/* ── AMENITIES ── */
#bh-amenities{background:var(--cream)}
.bh-amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.bh-amenity-card{background:var(--white);padding:40px 32px;border:1px solid var(--border-light);transition:var(--trans);text-align:center}
.bh-amenity-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 40px rgba(176,141,87,.12)}
.bh-amenity-icon{width:56px;height:56px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:var(--gold);transition:var(--trans);background:var(--cream)}
.bh-amenity-card:hover .bh-amenity-icon{border-color:var(--gold);background:var(--beige)}
.bh-amenity-name{font-size:13px;font-weight:600;margin-bottom:8px;letter-spacing:.5px;color:var(--heading)}
.bh-amenity-desc{font-size:12px;color:var(--muted);line-height:1.7}

/* ── GALLERY ── */
#bh-gallery{background:var(--white)}
.bh-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,240px);gap:4px}
.bh-gallery-item{overflow:hidden;cursor:pointer;position:relative}
.bh-gallery-item:nth-child(1){grid-column:span 2;grid-row:span 2}
.bh-gallery-item:nth-child(4){grid-column:span 2}
.bh-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.bh-gallery-item:hover .bh-gallery-img{transform:scale(1.08)}
.bh-gallery-item::after{content:'';position:absolute;inset:0;background:rgba(176,141,87,0);transition:background .4s ease}
.bh-gallery-item:hover::after{background:rgba(176,141,87,.12)}

/* ── TESTIMONIALS ── */
#bh-testimonials{background:var(--cream)}
.bh-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bh-review-card{background:var(--white);border:1px solid var(--border-light);padding:40px 32px;transition:var(--trans);position:relative;box-shadow:0 4px 20px rgba(43,43,43,.04)}
.bh-review-card::before{content:'"';position:absolute;top:20px;right:28px;font-family:'Cormorant Garamond',serif;font-size:80px;line-height:1;color:var(--gold);opacity:.15}
.bh-review-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 40px rgba(176,141,87,.12)}
.bh-stars{color:var(--gold);font-size:14px;margin-bottom:20px;letter-spacing:2px}
.bh-review-text{font-size:14px;color:var(--body-text);line-height:1.9;font-weight:300;margin-bottom:28px;font-style:italic}
.bh-review-author{display:flex;align-items:center;gap:14px}
.bh-author-avatar{width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--white);font-weight:600;overflow:hidden;flex-shrink:0}
.bh-author-avatar img{width:100%;height:100%;object-fit:cover}
.bh-author-name{font-size:13px;font-weight:600;color:var(--heading)}
.bh-author-loc{font-size:11px;color:var(--muted);letter-spacing:1px;margin-top:2px}

/* ── CONTACT ── */
#bh-contact{background:var(--white)}
.bh-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}
.bh-contact-info{padding-right:40px;border-right:1px solid var(--border-light)}
.bh-ci{display:flex;gap:20px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}
.bh-ci:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.bh-ci-icon{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;flex-shrink:0;background:var(--cream)}
.bh-ci-detail strong{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.bh-ci-detail p{font-size:14px;color:var(--body-text);line-height:1.7}
.bh-ci-detail a{color:var(--body-text);transition:color .3s}
.bh-ci-detail a:hover{color:var(--gold)}
.bh-map-wrap{margin-top:24px}
.bh-map-wrap iframe{width:100%;height:220px;border:1px solid var(--border-light);filter:grayscale(.3) sepia(.15)}
/* Form */
.bh-form{display:flex;flex-direction:column;gap:20px}
.bh-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bh-fg{display:flex;flex-direction:column;gap:8px}
.bh-fg label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.bh-fg input,.bh-fg textarea,.bh-fg select{background:var(--cream);border:1px solid var(--border);color:var(--heading);padding:14px 16px;font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border-color .3s;width:100%}
.bh-fg input:focus,.bh-fg textarea:focus,.bh-fg select:focus{border-color:var(--gold);background:var(--white)}
.bh-fg textarea{height:120px;resize:none}
.bh-fg select option{background:var(--white);color:var(--heading)}
.bh-form-status{padding:14px 18px;font-size:13px;display:none;border-left:3px solid var(--gold)}
.bh-form-status.success{border-color:#4caf50;background:rgba(76,175,80,.08);color:#2e7d32;display:block}
.bh-form-status.error{border-color:#e53935;background:rgba(229,57,53,.08);color:#c62828;display:block}

/* ── FOOTER ── */
.bh-footer{background:var(--charcoal);border-top:1px solid var(--border)}
.bh-footer-main{padding:80px 60px 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}
.bh-footer-logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--gold);letter-spacing:3px;margin-bottom:20px;display:block}
.bh-footer-desc{font-size:13px;color:var(--footer-text);line-height:1.9;margin-bottom:28px}
.bh-footer-social{display:flex;gap:12px}
.bh-social-btn{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--footer-text);font-size:14px;cursor:pointer;transition:var(--trans);text-decoration:none}
.bh-social-btn:hover{border-color:var(--gold);color:var(--gold)}
.bh-footer-col h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;font-weight:600}
.bh-footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.bh-footer-links a{font-size:13px;color:var(--footer-text);text-decoration:none;transition:var(--trans);letter-spacing:.5px}
.bh-footer-links a:hover{color:var(--gold);padding-left:6px}
.bh-footer-bottom{border-top:1px solid var(--border);padding:24px 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.bh-copy{font-size:11px;color:var(--footer-text);letter-spacing:1px}
.bh-footer-badge{font-size:11px;color:var(--footer-text);display:flex;align-items:center;gap:8px}
.bh-footer-badge span{color:var(--gold);font-weight:600}

/* ── MODALS ── */
.bh-modal-overlay{position:fixed;inset:0;background:rgba(26,26,26,.75);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:20px}
.bh-modal-overlay.open{display:flex}
.bh-modal{background:var(--white);border:1px solid var(--border);max-width:500px;width:100%;padding:48px;position:relative;animation:modalIn .4s ease;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(26,26,26,.3)}
@keyframes modalIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.bh-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;transition:color .3s}
.bh-modal-close:hover{color:var(--gold)}
.bh-modal h3{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;margin-bottom:8px;color:var(--heading)}
.bh-modal-price{font-size:13px;color:var(--gold);margin-bottom:8px}
.bh-modal-price .amt{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:var(--heading)}
.bh-modal-guests{font-size:12px;color:var(--muted);margin-bottom:24px}
.bh-modal-services{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.bh-modal-service{background:var(--cream);border:1px solid var(--border);padding:6px 12px;font-size:11px;color:var(--body-text)}
.bh-modal-features{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:8px}
.bh-modal-features li{font-size:13px;color:var(--body-text);display:flex;align-items:center;gap:10px}
.bh-modal-features li::before{content:'✦';color:var(--gold);font-size:8px}
/* Paystack payment section in modal */
.bh-pay-section{border-top:1px solid var(--border);padding-top:24px;margin-top:8px}
.bh-pay-section h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.bh-nights-calc{background:var(--cream);border:1px solid var(--border);padding:16px;margin-bottom:16px;font-size:13px;color:var(--body-text)}
.bh-nights-calc span{color:var(--gold);font-weight:600}

/* ── NOTIFICATION TOAST ── */
.bh-toast{position:fixed;bottom:32px;right:32px;z-index:3000;background:var(--white);border:1px solid var(--gold);padding:16px 24px;max-width:320px;transform:translateX(140%);transition:transform .4s ease;display:flex;align-items:flex-start;gap:12px;box-shadow:0 16px 48px rgba(43,43,43,.18)}
.bh-toast.show{transform:translateX(0)}
.bh-toast-icon{color:var(--gold);font-size:18px;margin-top:2px}
.bh-toast-title{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--heading)}
.bh-toast-msg{font-size:12px;color:var(--muted)}

/* ── WHATSAPP & BACK TO TOP ── */
.bh-whatsapp{position:fixed;bottom:32px;left:32px;z-index:800;background:#25D366;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(37,211,102,.35);text-decoration:none;font-size:24px;color:#fff;transition:var(--trans)}
.bh-whatsapp:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.5)}
.bh-back-top{position:fixed;bottom:32px;right:32px;z-index:800;background:var(--gold);width:44px;height:44px;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--dark);font-size:18px;transition:var(--trans);border:none}
.bh-back-top.show{display:flex}
.bh-back-top:hover{background:var(--gold-light)}

/* ── ANIMATIONS ── */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fd1{transition-delay:.1s}.fd2{transition-delay:.2s}.fd3{transition-delay:.3s}.fd4{transition-delay:.4s}

/* ── PAGE TEMPLATES ── */
.bh-page-hero{height:300px;background:linear-gradient(135deg,var(--charcoal),var(--brown));display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.bh-page-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23B08D57' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.bh-page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,60px);font-weight:300;color:var(--white);position:relative;z-index:1}
.bh-page-hero h1 em{color:var(--gold-light);font-style:italic}
.bh-breadcrumb{font-size:12px;color:var(--mid);letter-spacing:1px;margin-top:12px;position:relative;z-index:1}
.bh-breadcrumb a{color:var(--gold-light)}

/* ── SINGLE ROOM PAGE ── */
.bh-single-room{padding:60px;background:var(--white)}
.bh-room-gallery{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,240px);gap:6px;margin-bottom:60px}
.bh-room-gallery .bh-gallery-item{height:100%}
.bh-room-gallery .bh-gallery-item:first-child{grid-row:span 2}
.bh-room-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px}
.bh-room-info h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,52px);font-weight:300;margin-bottom:12px;color:var(--heading)}
.bh-room-info h1 em{color:var(--gold);font-style:italic}
.bh-room-meta-row{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-light)}
.bh-room-meta-item{text-align:center}
.bh-room-meta-item strong{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.bh-room-meta-item span{font-size:14px;color:var(--body-text)}
.bh-room-description{font-size:15px;color:var(--body-text);line-height:1.9;margin-bottom:32px;font-weight:300}
.bh-room-services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}
.bh-svc{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--body-text)}
.bh-availability{display:flex;gap:20px;margin-bottom:32px;font-size:12px;color:var(--body-text)}
.bh-av-legend{display:flex;align-items:center;gap:8px}
.bh-av-dot{width:12px;height:12px;border-radius:50%}
.bh-av-dot.available{background:#4caf50}.bh-av-dot.unavailable{background:#e53935}
/* Sidebar booking widget */
.bh-room-sidebar{}
.bh-sidebar-widget{background:var(--cream);border:1px solid var(--border);padding:32px;margin-bottom:24px;position:sticky;top:100px}
.bh-sidebar-widget h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;margin-bottom:8px;color:var(--heading)}
.bh-sidebar-price{font-size:13px;color:var(--gold);margin-bottom:24px}
.bh-sidebar-price .amt{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;color:var(--heading)}
.bh-sidebar-price .per{font-size:12px;color:var(--muted)}
/* Similar rooms */
.bh-similar{margin-top:32px}
.bh-similar h4{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.bh-similar-card{border:1px solid var(--border);margin-bottom:12px;display:flex;gap:0;overflow:hidden;text-decoration:none;transition:border-color .3s;background:var(--white)}
.bh-similar-card:hover{border-color:var(--gold)}
.bh-similar-card img{width:80px;height:70px;object-fit:cover;flex-shrink:0}
.bh-similar-info{padding:12px;flex:1}
.bh-similar-info strong{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--heading)}
.bh-similar-info span{font-size:11px;color:var(--gold)}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .bh-footer-main{grid-template-columns:1fr 1fr;gap:40px}
  .bh-amenities-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .bh-nav{padding:20px 30px}.bh-nav.scrolled{padding:14px 30px}
  .bh-section{padding:70px 30px}
  .bh-booking-bar{flex-wrap:wrap;padding:20px 30px;gap:0}
  .bh-bf{border-right:none;border-bottom:1px solid var(--border);padding:12px 0;width:50%}
  .bh-book-btn{margin:16px 0 0;padding:14px 32px;width:100%}
  .bh-about-grid{grid-template-columns:1fr;gap:50px}
  .bh-about-imgs{height:380px}
  .bh-about-text{padding-left:0}
  .bh-rooms-grid{grid-template-columns:1fr 1fr}
  .bh-room-card:first-child{grid-column:span 2;height:400px}
  .bh-contact-grid{grid-template-columns:1fr;gap:50px}
  .bh-contact-info{padding-right:0;border-right:none;border-bottom:1px solid var(--border);padding-bottom:40px}
  #bh-stats{grid-template-columns:repeat(2,1fr)}
  .bh-stat:nth-child(2){border-right:none}.bh-stat:nth-child(3){border-top:1px solid rgba(13,13,13,.15)}
  .bh-nav-links{display:none}
}
@media(max-width:768px){
  .bh-rooms-grid{grid-template-columns:1fr}
  .bh-room-card:first-child{grid-column:span 1;height:420px}
  .bh-reviews-grid{grid-template-columns:1fr}
  .bh-gallery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .bh-gallery-item:nth-child(1){grid-column:span 2;grid-row:span 1}
  .bh-gallery-item:nth-child(4){grid-column:span 2}
  .bh-gallery-grid{height:auto}
  .bh-gallery-item{height:200px}
  #bh-stats{grid-template-columns:repeat(2,1fr)}
  .bh-footer-main{grid-template-columns:1fr;gap:32px;padding:50px 30px 30px}
  .bh-footer-bottom{padding:20px 30px;flex-direction:column;text-align:center}
  .bh-hero-title{font-size:clamp(42px,10vw,72px)}
  .bh-form-row{grid-template-columns:1fr}
  .bh-single-room{padding:30px}
  .bh-room-detail-grid{grid-template-columns:1fr}
  .bh-room-gallery{grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}
  .bh-room-gallery .bh-gallery-item:first-child{grid-row:span 1}
}