html { scroll-behavior: smooth; }

body {
    color: var(--annam-color-ink);
    font-family: var(--annam-font-body);
}

.annam-container,
.annam-page-container {
    width: min(var(--annam-content-width), calc(100% - (var(--annam-gutter) * 2)));
    margin-inline: auto;
}

.annam-site-header { z-index: 50; }
.annam-site-header .hotram-logo1 picture,
.annam-site-header .hotram-logo1 img { display: block; }
.annam-site-header .main-navigation a { transition: color var(--annam-motion), opacity var(--annam-motion); }
.annam-site-header .main-navigation a:hover,
.annam-site-header .main-navigation a:focus-visible,
.annam-site-header .current-menu-item > a { color: var(--annam-color-primary); }
.annam-site-header .menu-toggle { min-width: 44px; min-height: 44px; cursor: pointer; }
.annam-primary-nav,
.annam-mobile-nav { font-family: var(--annam-font-body); }
.annam-mobile-nav a { min-height: 44px; display: flex; align-items: center; }

.annam-button,
.annam-page-cta .button,
.annam-fixed-rooms-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 26px;
    border: 1px solid var(--annam-color-primary);
    border-radius: var(--annam-radius);
    color: var(--annam-color-primary);
    background: transparent;
    font-family: var(--annam-font-body);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: color var(--annam-motion), background-color var(--annam-motion), border-color var(--annam-motion);
}

.annam-button:hover,
.annam-page-cta .button:hover,
.annam-fixed-rooms-button:hover {
    color: var(--annam-color-paper);
    background: var(--annam-color-primary);
}

.annam-button:focus-visible,
.annam-page-cta .button:focus-visible,
.annam-fixed-rooms-button:focus-visible,
.annam-site-header a:focus-visible,
.annam-site-footer a:focus-visible,
.annam-site-header button:focus-visible {
    outline: 2px solid transparent;
    box-shadow: var(--annam-focus);
}

.annam-button:active { transform: translateY(1px); }
.annam-button[disabled], .annam-button.is-disabled { opacity: .5; pointer-events: none; }
.annam-button--solid { color: var(--annam-color-paper); background: var(--annam-color-primary); }
.annam-button--solid:hover { background: var(--annam-color-primary-hover); }

.annam-section-heading,
.annam-page-intro { text-wrap: balance; }
.annam-section-heading h2,
.annam-page-title,
.annam-page-cta h2 { color: var(--annam-color-ink); font-family: var(--annam-font-display); }
.annam-page-eyebrow { color: var(--annam-color-primary); }

.annam-card,
.annam-experience-card,
.annam-price-card,
.annam-rule-card,
.annam-summary-card {
    border-color: var(--annam-color-line);
    border-radius: var(--annam-radius);
    background: var(--annam-color-surface);
}

.annam-form-control,
.annam-site-footer :is(input, select, textarea) {
    min-height: 48px;
    padding: 11px 14px;
    border: var(--annam-border);
    border-radius: var(--annam-radius);
    color: var(--annam-color-ink);
    background: var(--annam-color-surface);
    font: inherit;
}

.annam-form-control:focus,
.annam-site-footer :is(input, select, textarea):focus {
    border-color: var(--annam-color-primary);
    outline: none;
    box-shadow: var(--annam-focus);
}

.annam-site-footer { color: inherit; }
.annam-site-footer .elementor-element-9d835d7 { display: none; }
.annam-site-footer a { transition: color var(--annam-motion), opacity var(--annam-motion); }
.annam-site-footer a:hover { color: var(--annam-color-primary); }

@media (max-width: 767px) {
    .annam-site-header .hotram-logo1 picture { max-width: 92px; }
    .annam-page-cta { padding-inline: var(--annam-gutter); }
    .annam-page-cta .button { width: 100%; max-width: 320px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
