/* Coastal palette: sand #C4B6B6, slate #46616E, teal #0EA098, deep #02636D, olive #63610C */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,650&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --color-sand: #C4B6B6;
  --color-slate: #46616E;
  --color-teal: #0EA098;
  --color-deep: #02636D;
  --color-olive: #63610C;
  --color-ink: #1A2C33;
  --color-mist: #F6F4F2;
  --color-primary: #02636D;
  --color-primary-btn: #0EA098;
  --color-heading-1: #1A2C33;
  --color-body-1: #46616E;
  --color-home-bg: #F6F4F2;
  --color-border: #C4B6B6;
  --font-ui: Manrope, Sunsive, sans-serif;
  --font-display: Fraunces, "Playfair Display", Georgia, serif;
}

body.home-bg {
  background: var(--color-mist);
  color: var(--color-slate);
  font-family: var(--font-ui);
}

body.home-bg h1,
body.home-bg h2,
body.home-bg .section-title,
body.home-bg .ahs-section-title,
body.home-bg .ahs-hero h1,
body.home-bg .hb-hero h1,
body.home-bg .pkg-hero h1,
body.home-bg .ahc-hero h1,
body.home-bg .bl-hero h1,
body.home-bg .rts-breadcrumb-area .title {
  font-family: var(--font-display);
  font-weight: 560;
  letter-spacing: -0.03em;
}

::selection {
  background: #02636D;
  color: #fff;
}

body.home-bg a {
  text-underline-offset: 3px;
}

/* Header */
.ahs-header.header-style-one {
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(196, 182, 182, 0.55);
  backdrop-filter: blur(16px);
}

.ahs-header .main-nav-area ul.rts-desktop-menu .menu-item .rts-dropdown-main-element,
.ahs-header .ahs-header-phone,
.ahs-header .whatsapp-btn,
.ahs-btn,
.rts-btn,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

.ahs-header .whatsapp-btn,
.ahs-header.header--sticky.sticky .whatsapp-btn {
  background: #02636D !important;
  letter-spacing: 0;
}

.ahs-header .whatsapp-btn:hover {
  background: #0EA098 !important;
}

/* Shared buttons */
body.home-bg .rts-btn {
  border-radius: 999px;
  letter-spacing: 0.01em;
  padding: 14px 22px;
}

body.home-bg .rts-btn::before,
body.home-bg .rts-btn::after {
  display: none !important;
}

body.home-bg .rts-btn.btn-primary {
  background: #02636D;
  border-color: #02636D;
  color: #fff;
}

body.home-bg .rts-btn.btn-primary:hover {
  background: #0EA098;
  border-color: #0EA098;
  color: #fff;
}

/* Interior heroes */
.rts-breadcrumb-area {
  min-height: 320px;
  height: auto !important;
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
}

.rts-breadcrumb-area::after {
  background: linear-gradient(180deg, rgba(2, 36, 42, 0.2) 0%, rgba(2, 36, 42, 0.72) 100%);
}

.rts-breadcrumb-area.one .breadcrumb-area-wrapper,
.rts-breadcrumb-area.two .breadcrumb-area-wrapper {
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 48px 0 42px !important;
  text-align: left;
}

.rts-breadcrumb-area .title {
  font-size: clamp(40px, 5vw, 64px) !important;
  line-height: 1.05;
}

.rts-breadcrumb-area .nav-bread-crumb {
  margin-bottom: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
}

.section-title-area .sub-title {
  color: #0EA098;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.section-title-area .section-title {
  color: #1A2C33;
  text-transform: none;
}

.section-title-area .desc {
  color: #46616E;
  font-weight: 500;
}

/* About enquiry */
#whatsapppp-enquiry-form-about .booking-list-area {
  background: #fff !important;
  border: 1px solid #E4DCDC !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 18px 44px rgba(2, 50, 56, 0.08) !important;
  gap: 14px !important;
}

#whatsapppp-enquiry-form-about h6 {
  color: #46616E !important;
  font-size: 12px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

#whatsapppp-enquiry-form-about input,
#whatsapppp-enquiry-form-about select {
  height: 46px !important;
  border: 1px solid #E4DCDC !important;
  border-radius: 12px !important;
  color: #1A2C33 !important;
  background: #fff !important;
}

#whatsapppp-enquiry-form-about input:focus,
#whatsapppp-enquiry-form-about select:focus {
  border-color: #0EA098 !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 160, 152, 0.18);
}

#whatsapppp-enquiry-form-about button {
  height: 46px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #02636D !important;
  color: #fff !important;
  font-weight: 700 !important;
}

#whatsapppp-enquiry-form-about button:hover {
  background: #0EA098 !important;
}

/* Story, team, offers */
.rts-story-area img,
.rts-why-choose-us-area img,
.rts-gallery-area img,
.team-wrapper .image-area,
.team-wrapper .image-area img {
  border-radius: 22px;
}

.team-wrapper {
  background: #fff;
  border: 1px solid rgba(196, 182, 182, 0.55);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 36px rgba(26, 44, 51, 0.06);
}

.team-wrapper .content {
  padding: 16px 16px 20px;
}

.rts-cta-area {
  background:
    linear-gradient(120deg, rgba(2, 99, 109, 0.92), rgba(2, 50, 56, 0.78)),
    var(--color-mist);
}

/* Food menu */
.houseboat-food-menu .nav-item {
  background: transparent !important;
}

.houseboat-food-menu .nav-pills {
  gap: 10px;
}

.houseboat-food-menu .nav-pills .nav-link,
.houseboat-food-menu .nav-tabs .nav-link {
  border-radius: 999px !important;
  border: 1px solid #C4B6B6 !important;
  background: #fff !important;
  color: #02636D !important;
  font-weight: 700;
}

.houseboat-food-menu .nav-pills .nav-link.active {
  background: #02636D !important;
  border-color: #02636D !important;
  color: #fff !important;
}

.houseboat-food-menu .nav-tabs .nav-link.active {
  background: #0EA098 !important;
  border-color: #0EA098 !important;
  color: #fff !important;
}

.houseboat-food-menu .content-box {
  background: #fff;
  border-color: #E4DCDC !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 32px rgba(26, 44, 51, 0.05);
}

/* Policies */
.ph-policy-sidebar,
.ph-policy-doc {
  background: #fff !important;
  border: 1px solid rgba(196, 182, 182, 0.6);
  border-radius: 22px !important;
  box-shadow: 0 12px 32px rgba(26, 44, 51, 0.05);
}

.ph-policy-sidebar .label {
  color: #0EA098 !important;
  letter-spacing: 0.14em !important;
}

.ph-policy-sidebar a:hover,
.ph-policy-sidebar a.is-active {
  background: #E6F6F5 !important;
  color: #02636D !important;
}

/* Sign in / sign up */
.sign-in-area {
  background: #F6F4F2;
  gap: 0 !important;
  padding: 0 !important;
}

.sign-in-area .image {
  border-radius: 0 !important;
}

.sign-in-area .sign-in-form {
  width: min(460px, 100%) !important;
  margin-left: auto;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none;
}

.sign-in-area .sign-in-form .title {
  font-family: var(--font-display);
  color: #1A2C33;
}

.sign-in-area input {
  border: 1px solid #E4DCDC;
  border-radius: 12px;
  color: #1A2C33;
}

.sign-in-area input:focus {
  border-color: #0EA098;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 160, 152, 0.18);
}

/* Home surfaces */
body.ahs-home .ahs-card,
body.ahs-home .ahs-pack,
body.ahs-home .ahs-review {
  border: 1px solid rgba(196, 182, 182, 0.5);
  box-shadow: 0 16px 36px rgba(26, 44, 51, 0.06);
}

body.ahs-home .ahs-search {
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 24px 60px rgba(2, 40, 46, 0.16);
}

body.ahs-home .ahs-stars,
.ahs-stars {
  color: #63610C;
}

body.ahs-home .ahs-kicker,
.hb-kicker,
.pkg-kicker,
.bl-kicker,
.ahc-kicker {
  letter-spacing: 0.14em;
}

/* Cards on listing pages */
.pkg-card,
.hb-room,
.bl-card,
.hbd-card,
.td-card {
  border-color: #E4DCDC;
}

.ph-sticky-actions {
  inset-inline-start: auto !important;
  inset-inline-end: max(1rem, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  right: max(1rem, env(safe-area-inset-right, 0px)) !important;
}
#side-bar.ahs-drawer,
#side-bar.side-bar {
  background: #F7F5F3;
}

#side-bar .mobile-menu-main .mainmenu > li > a:hover,
#side-bar .mobile-menu-main .mainmenu > li > a.active {
  color: #02636D;
}

@media (max-width: 991px) {
  .rts-breadcrumb-area {
    min-height: 240px;
  }

  .rts-breadcrumb-area .title {
    font-size: 36px !important;
  }

  .sign-in-area .sign-in-form {
    width: 100% !important;
    padding: 36px 22px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ahs-header,
  .rts-btn,
  .ahs-btn {
    transition: none;
  }
}