/* ============================================================================
   Resort — lush green & sunshine. Layers on default.css.
   Rounded hero, overlapping text cards on chapter images, soft shapes.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Poppins:wght@300;400;500;600&family=Suez+One&family=Varela+Round&display=swap');

body.hotel-site.hs-theme-resort {
    --primary-color: #1e4d3a;
    --primary-hover: #163a2c;
    --primary-color-rgb: 30, 77, 58;
    --accent-color: #f2b134;

    --hs-ink: #1f2e26;
    --hs-muted: #5c6b62;
    --hs-bg: #fbf7ef;
    --hs-surface: #ffffff;
    --hs-cream: #eef3e8;
    --hs-line: #dfe6d6;
    --hs-accent-hover: #e09a17;
    --hs-on-accent: #1f2e26;
    --hs-dark: #1e4d3a;
    --hs-on-dark: #eef3e8;
    --hs-on-dark-accent: #f6c869;
    --hs-header-bg: rgba(251,247,239,.92);
    --hs-header-solid: #fbf7ef;
    --hs-radius: 28px;
    --hs-btn-radius: 999px;
    --hs-heading-weight: 600;
    --hs-serif: 'Fraunces', 'Suez One', Georgia, serif;
    --hs-sans: 'Poppins', 'Varela Round', -apple-system, 'Segoe UI', sans-serif;
}

/* Hero: rounded, inset, inner content on a soft card */
body.hotel-site.hs-theme-resort .hs-hero { margin: 0 clamp(.6rem, 1.5vw, 1.2rem); border-radius: 0 0 var(--hs-radius) var(--hs-radius); height: 88vh; }
body.hotel-site.hs-theme-resort .hs-hero__scrim { background: linear-gradient(to top, rgba(30,77,58,.7) 0%, rgba(30,77,58,.1) 55%); }
body.hotel-site.hs-theme-resort .hs-hero__eyebrow { display: inline-block; background: var(--accent-color); color: var(--hs-on-accent); padding: .35rem .9rem; border-radius: 999px; letter-spacing: .14em; opacity: 1; font-weight: 600; }
body.hotel-site.hs-theme-resort .hs-btn { text-transform: none; letter-spacing: .02em; font-weight: 600; }
body.hotel-site.hs-theme-resort .hs-btn--solid:hover { color: var(--hs-on-accent); }

/* Story */
body.hotel-site.hs-theme-resort .hs-story { background: var(--hs-bg); }
body.hotel-site.hs-theme-resort .hs-rule { width: 64px; height: 8px; border-radius: 8px; }

/* Chapters: image as a rounded panel, text card overlapping it */
body.hotel-site.hs-theme-resort .hs-chapters { gap: clamp(3rem, 7vw, 6rem); padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 4rem); background: var(--hs-cream); }
body.hotel-site.hs-theme-resort .hs-chapter { grid-template-columns: 1.3fr .7fr; min-height: 0; align-items: center; }
body.hotel-site.hs-theme-resort .hs-chapter__img { min-height: 62vh; border-radius: var(--hs-radius); }
body.hotel-site.hs-theme-resort .hs-chapter__text { background: var(--hs-surface); border-radius: var(--hs-radius); box-shadow: 0 24px 60px rgba(30,77,58,.14); margin-inline-start: -18%; position: relative; z-index: 2; padding: clamp(2rem, 4vw, 3.2rem); }
body.hotel-site.hs-theme-resort .hs-chapter--flip .hs-chapter__text { margin-inline-start: 0; margin-inline-end: -18%; }
body.hotel-site.hs-theme-resort .hs-chapter--flip { grid-template-columns: .7fr 1.3fr; }
body.hotel-site.hs-theme-resort .hs-chapter__label { color: var(--primary-color); font-weight: 600; letter-spacing: .16em; }
body.hotel-site.hs-theme-resort .hs-link { color: var(--primary-color); font-weight: 600; letter-spacing: .02em; }

body.hotel-site.hs-theme-resort .hs-gallery { gap: 14px; padding: 14px; background: var(--hs-bg); }
body.hotel-site.hs-theme-resort .hs-gallery__cell { border-radius: 22px; }
body.hotel-site.hs-theme-resort .hs-faq__item { background: var(--hs-surface); border: 0; border-radius: 18px; padding: 1.1rem 1.4rem; margin-bottom: .8rem; }
body.hotel-site.hs-theme-resort .hs-cta { margin: 0 clamp(.6rem, 1.5vw, 1.2rem); border-radius: var(--hs-radius) var(--hs-radius) 0 0; }

/* Inner pages */
body.hotel-site.hs-theme-resort .hs-pagehero { margin: 0 clamp(.6rem, 1.5vw, 1.2rem); border-radius: 0 0 var(--hs-radius) var(--hs-radius); }
body.hotel-site.hs-theme-resort .hs-card { border: 0; box-shadow: 0 12px 34px rgba(30,77,58,.09); }
body.hotel-site.hs-theme-resort .hs-card__imglink, body.hotel-site.hs-theme-resort .hs-card > .hs-card__img { margin: 10px 10px 0; border-radius: 20px; overflow: hidden; }
body.hotel-site.hs-theme-resort .hs-card--text { border-top: 0; background: var(--hs-cream); box-shadow: none; }
body.hotel-site.hs-theme-resort .hs-gallery-full img { border-radius: 16px; }
body.hotel-site.hs-theme-resort .hs-contact__map iframe { border-radius: var(--hs-radius); }

/* Chrome */
body.hotel-site.hs-theme-resort .hs-header { border-bottom: 0; }
body.hotel-site.hs-theme-resort .hs-header__link { text-transform: none; letter-spacing: .02em; font-size: .95rem; font-weight: 500; }
body.hotel-site.hs-theme-resort .hs-header__book { text-transform: none; letter-spacing: .02em; font-size: .92rem; font-weight: 600; color: var(--hs-on-accent); padding: .6rem 1.4rem; }
body.hotel-site.hs-theme-resort .hs-header__book:hover { color: var(--hs-on-accent); }
body.hotel-site.hs-theme-resort .hs-footer { border-radius: var(--hs-radius) var(--hs-radius) 0 0; margin: 0 clamp(.6rem, 1.5vw, 1.2rem); }  /* same inset as .hs-cta so they line up */
body.hotel-site.hs-theme-resort .hs-footer__nav a { text-transform: none; letter-spacing: .02em; font-size: .95rem; }

@media (max-width: 800px) {
    body.hotel-site.hs-theme-resort .hs-chapter, body.hotel-site.hs-theme-resort .hs-chapter--flip { grid-template-columns: 1fr; }
    body.hotel-site.hs-theme-resort .hs-chapter__img { min-height: 60vw; }
    body.hotel-site.hs-theme-resort .hs-chapter__text,
    body.hotel-site.hs-theme-resort .hs-chapter--flip .hs-chapter__text { margin: -3rem 1rem 0; }
}