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

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --maroon:#7B1C1C;
  --dark-maroon:#4A0D0D;
  --gold:#C8962A;
  --light-gold:#E8B84B;
}
body{font-family:'Poppins',sans-serif;color:#2C1A0E;overflow-x:hidden;background:#fff;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;padding:0;margin:0;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* TOP BAR */
.top-bar{background:#fff;padding:8px 0;border-bottom:1px solid #eee;}
.top-bar .container{display:flex;justify-content:flex-end;gap:28px;align-items:center;flex-wrap:wrap;}
.ci{display:flex;align-items:center;gap:10px;}
.ci-icon{width:34px;height:34px;background:var(--maroon);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;flex-shrink:0;}
.ci-text strong{display:block;font-size:13px;font-weight:600;color:#111;}
.ci-text span{font-size:11px;color:#777;}

/* NAVBAR */
.navbar{background:var(--maroon);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.navbar .container{display:flex;align-items:stretch;}
.logo-wrap{background:#fff;display:flex;align-items:center;gap:10px;padding:8px 22px 8px 14px;flex-shrink:0;text-decoration:none;}
.logo-wrap svg{width:58px;height:58px;flex-shrink:0;}
.logo-texts .ln1{font-family:'Cinzel',serif;font-size:19px;font-weight:700;color:var(--maroon);line-height:1.05;}
.logo-texts .ln1 span{color:var(--gold);}
.logo-texts .ln2{font-size:9.5px;color:#999;letter-spacing:2px;}
.nav-menu{display:flex;align-items:stretch;flex:1;}
.nav-menu>li{position:relative;display:flex;align-items:stretch;}
.nav-menu>li>a,.nav-menu>li>button{display:flex;align-items:center;gap:5px;padding:0 15px;color:white;font-size:12.5px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border:none;background:transparent;font-family:'Poppins',sans-serif;transition:background .2s;white-space:nowrap;}
.nav-menu>li>a:hover,.nav-menu>li>button:hover,.nav-menu>li.active>a{background:rgba(255,255,255,.18);}
.nav-menu .enquire-btn{margin-left:auto;background:var(--gold)!important;color:white!important;padding:0 26px!important;font-weight:700!important;font-size:13px!important;letter-spacing:1px;}
.nav-menu .enquire-btn:hover{background:#a87820!important;}
.dropdown{position:absolute;top:100%;left:0;background:white;min-width:220px;box-shadow:0 6px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;z-index:999;}
.nav-menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown li a{display:block;padding:10px 20px!important;color:#333!important;font-size:13px!important;text-transform:none!important;background:white!important;letter-spacing:0!important;border-bottom:1px solid #f5f5f5;transition:all .15s;}
.dropdown li a:hover{background:#FFF3E0!important;color:var(--maroon)!important;padding-left:26px!important;}
.arr{font-size:10px;margin-left:2px;}

/* HERO */
.hero{position:relative;min-height:490px;display:flex;align-items:center;background:url('../images/hero-bg.png') center center/cover no-repeat;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(70,8,8,.88) 38%,rgba(20,5,5,.3) 100%);}
.hero .container{position:relative;z-index:1;padding:70px 20px;}
.hero-content{max-width:530px;}
.hero-subtitle{color:#FFD470;font-size:19px;font-weight:400;margin-bottom:4px;}
.hero-title{font-family:'Cinzel',serif;font-size:62px;font-weight:700;color:white;line-height:1.0;text-transform:uppercase;}
.hero-title .inline{display:block;font-size:34px;font-weight:500;margin-top:2px;}
.hero-desc{color:rgba(255,255,255,.85);font-size:14px;line-height:1.75;margin:18px 0 30px;max-width:410px;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn-book{display:flex;align-items:center;gap:8px;background:var(--gold);color:white;padding:13px 22px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .2s;text-decoration:none;}
.btn-book:hover{background:#a87820;}
.btn-wa{display:flex;align-items:center;gap:8px;background:transparent;color:white;padding:12px 22px;font-size:13px;font-weight:600;border:2px solid rgba(255,255,255,.65);cursor:pointer;font-family:'Poppins',sans-serif;transition:all .2s;text-decoration:none;}
.btn-wa:hover{background:rgba(255,255,255,.12);}
.wa-float{position:absolute;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;background:white;border-radius:30px;padding:9px 16px 9px 9px;box-shadow:0 3px 16px rgba(0,0,0,.22);cursor:pointer;font-size:13px;font-weight:500;color:#333;z-index:2;transition:transform .2s;text-decoration:none;}
.wa-float:hover{transform:scale(1.03);}
.wa-circle{width:36px;height:36px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* SERVICES STRIP */
.services-strip{background:#fff;padding:28px 0 22px;border-bottom:1px solid #eee;}
.services-strip .container{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;}
.srv-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px;cursor:pointer;border-radius:6px;transition:all .2s;text-decoration:none;color:inherit;}
.srv-card:hover{background:#FFF3E0;transform:translateY(-3px);}
.srv-icon{width:54px;height:54px;background:#FFF3E0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;font-size:24px;transition:background .2s;}
.srv-card:hover .srv-icon{background:#ffe0b2;}
.srv-card h4{font-size:11.5px;font-weight:600;color:var(--maroon);margin-bottom:4px;line-height:1.3;}
.srv-card p{font-size:10px;color:#888;line-height:1.4;}

/* ABOUT */
.about-section{padding:60px 0;background:#fff;}
.about-section .container{display:grid;grid-template-columns:280px 1fr 360px;gap:36px;align-items:start;}
.about-logo-block{background:var(--maroon);border-radius:6px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:white;}
.alb-icon{font-size:60px;margin-bottom:14px;opacity:.9;}
.alb-name{font-family:'Cinzel',serif;font-size:21px;font-weight:700;line-height:1.15;}
.alb-name span{color:var(--light-gold);}
.alb-tagline{font-size:10px;color:rgba(255,255,255,.6);letter-spacing:2.5px;margin:8px 0;}
.alb-since{font-size:14px;color:var(--light-gold);margin-top:10px;}
.about-text .label{font-size:11.5px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;}
.about-text h2{font-family:'Cinzel',serif;font-size:24px;font-weight:700;color:var(--maroon);margin-bottom:14px;line-height:1.35;}
.about-text p{font-size:13.5px;color:#555;line-height:1.85;margin-bottom:24px;}
.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;}
.ah-item{display:flex;align-items:center;gap:10px;}
.ah-icon{width:36px;height:36px;background:#FFF3E0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.ah-txt strong{display:block;font-size:12.5px;font-weight:600;color:var(--maroon);line-height:1.2;}
.ah-txt span{font-size:11px;color:#999;}

/* ENQUIRY FORM */
.enquiry-box{background:#fff;border:1px solid #e8e8e8;border-radius:6px;padding:24px;box-shadow:0 2px 18px rgba(0,0,0,.07);}
.enquiry-box h3{font-size:15px;font-weight:700;color:var(--maroon);text-align:center;letter-spacing:1.5px;padding-bottom:14px;margin-bottom:18px;border-bottom:2px solid var(--maroon);text-transform:uppercase;}
.fg{margin-bottom:11px;}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 13px;border:1px solid #ddd;font-family:'Poppins',sans-serif;font-size:13px;color:#444;outline:none;border-radius:3px;background:white;transition:border .2s;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--maroon);}
.fg textarea{min-height:78px;resize:vertical;}
.send-btn{width:100%;background:var(--maroon);color:white;border:none;padding:13px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:3px;transition:background .2s;margin-top:4px;}
.send-btn:hover{background:var(--dark-maroon);}

/* STATS BAR */
.stats-bar{background:var(--maroon);padding:28px 0;}
.stats-bar .container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.stat-block{display:flex;align-items:center;gap:14px;color:white;border-right:1px solid rgba(255,255,255,.2);padding-right:20px;}
.stat-block:last-child{border-right:none;}
.sbi{font-size:34px;opacity:.85;}
.sbn{font-family:'Cinzel',serif;font-size:32px;font-weight:700;color:white;line-height:1;}
.sbl{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:2px;}

/* FOOTER */
.footer{background:var(--dark-maroon);color:white;padding:50px 0 0;}
.footer .container{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1fr;gap:28px;}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.fl-icon{font-size:42px;}
.flt1{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:white;line-height:1.1;}
.flt1 span{color:var(--light-gold);}
.flt2{font-size:9px;color:rgba(255,255,255,.5);letter-spacing:1.5px;}
.fc-about p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.85;margin-bottom:16px;}
.foot-socials{display:flex;gap:8px;}
.foot-socials a{width:30px;height:30px;background:rgba(255,255,255,.13);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:white;font-weight:700;transition:background .2s;}
.foot-socials a:hover{background:var(--gold);}
.fc h4{font-size:13.5px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.18);}
.fc ul li{margin-bottom:7px;}
.fc ul li a{font-size:12px;color:rgba(255,255,255,.65);transition:color .2s;}
.fc ul li a:hover{color:var(--light-gold);}
.fci{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}
.fci-icon{color:var(--gold);font-size:14px;margin-top:1px;flex-shrink:0;}
.fci span{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5;}
.pay-items{display:flex;flex-direction:column;gap:8px;}
.pay-item{display:flex;align-items:center;gap:9px;font-size:12px;color:rgba(255,255,255,.7);}
.pi-badge{background:rgba(255,255,255,.15);border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700;color:white;letter-spacing:.5px;}
.footer-bottom{margin-top:40px;border-top:1px solid rgba(255,255,255,.12);padding:15px 20px;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.footer-bottom p{font-size:11px;color:rgba(255,255,255,.45);}
.footer-bottom-links{display:flex;gap:18px;}
.footer-bottom-links a{font-size:11px;color:rgba(255,255,255,.45);transition:color .2s;}
.footer-bottom-links a:hover{color:var(--light-gold);}

/* Success message */
.alert-success{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;padding:12px 16px;border-radius:4px;font-size:13px;margin-bottom:14px;}

/* ── HAMBURGER BUTTON ─────────────────────────────────────────────── */
.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;background:transparent;border:none;cursor:pointer;
  padding:8px;margin-left:auto;flex-shrink:0;
}
.nav-toggle span{
  display:block;width:22px;height:2px;background:white;border-radius:2px;
  transition:transform .28s ease,opacity .28s ease;
}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── NAV OVERLAY (mobile backdrop) ───────────────────────────────── */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998;}
.nav-overlay.open{display:block;}

/* ── RESPONSIVE ───────────────────────────────────────────────────── */
@media(max-width:1024px){
  .services-strip .container{grid-template-columns:repeat(4,1fr);}
  .about-section .container{grid-template-columns:1fr 1fr;}
  .enquiry-box{grid-column:span 2;}
  .stats-bar .container{grid-template-columns:repeat(2,1fr);}
  .footer .container{grid-template-columns:repeat(2,1fr);}
  .stat-block{border-right:none;}
}

@media(max-width:768px){
  /* Show hamburger, hide old inline nav */
  .nav-toggle{display:flex;}

  /* Slide-in drawer */
  .nav-menu{
    position:fixed;top:0;right:0;bottom:0;
    width:min(290px,88vw);
    background:var(--dark-maroon);
    flex-direction:column;
    z-index:999;
    padding:72px 0 28px;
    overflow-y:auto;
    transform:translateX(100%);
    transition:transform .28s ease;
    display:flex;
    visibility:hidden;
    box-shadow:-4px 0 24px rgba(0,0,0,.4);
  }
  .nav-menu.open{transform:translateX(0);visibility:visible;}

  /* Nav list items */
  .nav-menu>li{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.1);}
  .nav-menu>li>a,
  .nav-menu>li>button{
    padding:14px 22px !important;
    font-size:14px !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    justify-content:space-between;
    width:100%;
  }
  .nav-menu .enquire-btn{
    margin:18px 16px 4px !important;
    padding:12px 16px !important;
    text-align:center;justify-content:center !important;
    border-radius:4px;
  }

  /* Mobile dropdown — accordion */
  .dropdown{
    position:static !important;opacity:1 !important;visibility:visible !important;
    transform:none !important;box-shadow:none !important;
    background:rgba(0,0,0,.3) !important;min-width:0 !important;display:none;
  }
  .dropdown.open{display:block !important;}
  .dropdown li a{
    color:rgba(255,255,255,.82) !important;font-size:13px !important;
    padding:10px 30px !important;background:transparent !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  .dropdown li a:hover{background:rgba(255,255,255,.12) !important;padding-left:36px !important;}

  /* Hero */
  .hero-title{font-size:40px;}
  .hero-title .inline{font-size:26px;}

  /* Services */
  .services-strip .container{grid-template-columns:repeat(2,1fr);}

  /* About */
  .about-section .container{grid-template-columns:1fr;}
  .enquiry-box{grid-column:unset;}

  /* Stats */
  .stats-bar .container{grid-template-columns:repeat(2,1fr);}

  /* Footer */
  .footer .container{grid-template-columns:1fr;}
  .top-bar .container{justify-content:center;gap:16px;}
  .ci-text strong{font-size:12px;}
  .ci-text span{font-size:10px;}
}

@media(max-width:480px){
  /* Hide top bar on very small phones */
  .top-bar{display:none;}

  /* Hero */
  .hero{min-height:420px;}
  .hero-title{font-size:32px;}
  .hero-title .inline{font-size:21px;}
  .hero-desc{font-size:13px;}
  .hero .container{padding:50px 16px;}
  .hero-btns{flex-direction:column;gap:10px;}
  .btn-book,.btn-wa{justify-content:center;text-align:center;}

  /* Floating WA button */
  .wa-float{bottom:14px;right:14px;padding:8px 12px 8px 8px;font-size:12px;}

  /* Stats */
  .sbn{font-size:26px;}
  .sbi{font-size:26px;}

  /* Footer */
  .footer-bottom{flex-direction:column;text-align:center;gap:12px;}
  .footer-bottom-links{flex-direction:column;gap:8px;text-align:center;}
}