/*
 * Amelia Room Booking — theme integration styles
 * Primary brand: #0E0661 (blue3), accent: #00A1AF (turquoise2)
 */

/* -------------------------------------------------------------------------
 * Override Amelia plugin default wrapper margin
 * ---------------------------------------------------------------------- */

.amelia-v2-booking #amelia-container.am-fs__wrapper {
    margin: 25px auto !important;
}

/* -------------------------------------------------------------------------
 * Amenity icon sizing (inline SVG in single-room.php)
 * ---------------------------------------------------------------------- */

.room-amenity__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

/* -------------------------------------------------------------------------
 * Amelia widget — colour overrides via CSS custom properties (v3 / Vue SPA)
 * ---------------------------------------------------------------------- */

.room-booking-widget .amelia-booking {
    /* Primary accent — selected dates, active time slots, CTA buttons */
    --am-c-primary:        #00A1AF;
    --am-c-primary-op10:   rgba(0, 161, 175, 0.10);
    --am-c-primary-op60:   rgba(0, 161, 175, 0.60);

    /* Sidebar / step indicator background — theme navy */
    --am-c-main-bgr:       #0E0661;
    --am-c-main-text:      #ffffff;
    --am-c-main-text-op50: rgba(255, 255, 255, 0.5);

    /* Content area */
    --am-c-inp-bgr:        #ffffff;
    --am-c-inp-border:     #E7E7E7;
    --am-c-inp-text:       #0E0661;

    font-family: 'Avenir LT Std', sans-serif;
}

/* -------------------------------------------------------------------------
 * Widget container — remove any unwanted outer spacing
 * ---------------------------------------------------------------------- */

.room-booking-widget {
    width: 100%;
}

.room-booking-widget .amelia-booking {
    border-radius: 0.5rem;
    overflow: hidden;
}

/* -------------------------------------------------------------------------
 * Step sidebar — refine spacing & active step indicator
 * ---------------------------------------------------------------------- */

.room-booking-widget .am-menu-steps__item.am-menu-steps__item--active {
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 0.375rem;
}

/* -------------------------------------------------------------------------
 * Continue / submit buttons — use theme turquoise
 * ---------------------------------------------------------------------- */

.room-booking-widget .am-button--primary,
.room-booking-widget .am-button.am-button--primary {
    background-color: #00A1AF !important;
    border-color:     #00A1AF !important;
    border-radius:    0.375rem;
}

.room-booking-widget .am-button--primary:hover {
    background-color: #007f8a !important;
    border-color:     #007f8a !important;
}

/* -------------------------------------------------------------------------
 * Time slot pills — selected state uses turquoise
 * ---------------------------------------------------------------------- */

.room-booking-widget .am-time-list__item.am-selected,
.room-booking-widget .am-time-list__item--selected {
    background-color: #00A1AF !important;
    border-color:     #00A1AF !important;
    color:            #ffffff !important;
}

/* -------------------------------------------------------------------------
 * Calendar — today indicator & selected day
 * ---------------------------------------------------------------------- */

.room-booking-widget .el-date-table td.available:hover .el-date-table-cell__text,
.room-booking-widget .el-date-table td.selected .el-date-table-cell__text {
    background-color: #00A1AF !important;
}

/* -------------------------------------------------------------------------
 * Safety: hide service/employee selection if shortcode params are bypassed
 * ---------------------------------------------------------------------- */

.room-booking-widget .am-select-service-step,
.room-booking-widget .am-select-employee-step {
    display: none !important;
}

/* -------------------------------------------------------------------------
 * Responsive: on small screens let widget stack naturally
 * ---------------------------------------------------------------------- */

@media (max-width: 640px) {
    .room-booking-widget .amelia-booking {
        border-radius: 0;
        margin-left:  -1.25rem;
        margin-right: -1.25rem;
    }
}

/* -------------------------------------------------------------------------
 * Page header (single-room.php)
 * ---------------------------------------------------------------------- */

.room-page-header h1 {
    color: #ffffff;
    margin-bottom: 0;
}

.room-back-link {
    text-decoration: none !important;
    transition: opacity 0.15s;
}

/* -------------------------------------------------------------------------
 * Room detail facts
 * ---------------------------------------------------------------------- */

.room-fact:last-child {
    border-bottom: none;
}

/* -------------------------------------------------------------------------
 * Room listing cards
 * ---------------------------------------------------------------------- */

.room-card,
.room-card *,
.room-card:hover,
.room-card:hover * {
    text-decoration: none !important;
}

.room-card h3 {
    margin-bottom: 1rem;
}

.room-card .full-width-wysiwyg ul {
  margin: 0;
}


.am-fs-sb p {
  color: #FFF;
}