/* ═══════════════════════════════════════════════════════════════════════════
   Smart Hotel Theme — plugin skin.
   Harmonises the Smart Hotel ChatBot plugin's front-end markup (shortcodes,
   booking modal, portal) with the theme design tokens.
   Loaded ONLY when the plugin is active. Never edits plugin files.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Reviews ([hotel_reviews]) ──────────────────────────────────────────── */
.sht-plugin-embed .shb-reviews { max-width: 860px; }
.sht-plugin-embed .shb-review-card {
	border: 1px solid var(--sht-border) !important;
	border-radius: var(--sht-r-md) !important;
	padding: 20px 22px !important;
	margin-bottom: 14px !important;
	box-shadow: var(--sht-shadow);
	background: var(--sht-surface) !important;
}
.sht-plugin-embed .shb-review-stars { color: var(--sht-accent) !important; }
.sht-plugin-embed .shb-review-title {
	font-family: var(--sht-font-head) !important;
	font-size: 1.1rem;
	color: var(--sht-primary) !important;
}
.sht-plugin-embed .shb-review-text { color: var(--sht-ink) !important; font-size: .95rem !important; }
.sht-plugin-embed .shb-review-meta { color: var(--sht-muted) !important; }
.sht-plugin-embed .shb-reviews-avg { color: var(--sht-primary) !important; font-family: var(--sht-font-head); }
.sht-plugin-embed .shb-review-reply {
	background: color-mix(in srgb, var(--sht-accent) 14%, var(--sht-surface));
	border-radius: var(--sht-r-sm);
	padding: 10px 14px; margin-top: 10px; font-size: .88rem;
	color: var(--sht-ink);
}

/* ── Guest portal ([hotel_my_bookings]) ─────────────────────────────────── */
.sht-plugin-embed .shb-portal {
	max-width: 560px !important;
	background: var(--sht-surface);
	border: 1px solid var(--sht-border);
	border-radius: var(--sht-r-md);
	box-shadow: var(--sht-shadow);
	padding: 28px !important;
}
.sht-plugin-embed .shb-portal h3 { font-family: var(--sht-font-head) !important; color: var(--sht-primary) !important; font-size: 1.4rem; }
.sht-plugin-embed .shb-portal input {
	border-color: var(--sht-border) !important;
	border-radius: var(--sht-r-sm) !important;
	font-family: var(--sht-font-body) !important;
}
.sht-plugin-embed .shb-portal input:focus { border-color: var(--sht-accent) !important; outline: none; }
.sht-plugin-embed .shb-portal button,
.sht-plugin-embed .shb-portal .shb-p-pay {
	background: var(--sht-accent) !important;
	border-radius: var(--sht-r-sm) !important;
	font-family: var(--sht-font-body) !important;
	letter-spacing: .03em;
}
.sht-plugin-embed .shb-portal button:hover { background: var(--sht-accent-dark) !important; }
.sht-plugin-embed .shb-portal .shb-p-cancel { background: var(--sht-danger) !important; }
.sht-plugin-embed .shb-portal .shb-p-modify { background: var(--sht-bg) !important; color: var(--sht-ink) !important; }
.sht-plugin-embed .shb-portal .shb-p-result { border-color: var(--sht-border) !important; border-radius: var(--sht-r-md) !important; }

/* ── Booking modal (shared chat + rooms) ────────────────────────────────── */
.shb-room-modal {
	border-radius: var(--sht-r-md) !important;
	font-family: var(--sht-font-body) !important;
	background: var(--sht-surface) !important;
	color: var(--sht-ink) !important;
	border: 1px solid var(--sht-border) !important;
}
.shb-bk-title { font-family: var(--sht-font-head) !important; color: var(--sht-primary) !important; }
.shb-bk-submit { background: var(--sht-accent) !important; color: var(--sht-panel) !important; border-radius: var(--sht-r-sm) !important; }
.shb-bk-submit:hover:not(:disabled) { background: var(--sht-accent-dark) !important; }
.shb-cf-input {
	border-radius: var(--sht-r-sm) !important;
	font-family: var(--sht-font-body) !important;
	background: var(--sht-bg) !important;
	color: var(--sht-ink) !important;
	border-color: var(--sht-border) !important;
}
.shb-cf-input:focus { border-color: var(--sht-accent) !important; }
html.sht-night .shb-room-modal,
html.sht-night .sht-plugin-embed .shb-portal,
html.sht-night .sht-plugin-embed .shb-review-card {
	box-shadow: var(--sht-shadow) !important;
}

/* ── [hotel_rooms] shortcode (if the owner embeds it on a page) ─────────── */
.shb-rooms-search { border-radius: var(--sht-r-sm) !important; border-color: var(--sht-border) !important; font-family: var(--sht-font-body) !important; }
.shb-room-book-btn { background: var(--sht-accent) !important; border-radius: var(--sht-r-sm) !important; }
.shb-room-book-btn:hover { background: var(--sht-accent-dark) !important; }