/**
 * Panorama 2.0 - Demo Page Override
 * Switches /demo/ from dark theme to warm-white/burgundy/gold palette.
 * Loaded after demo.css via theme-aware enqueue.
 */

/* ─── Override CSS vars ─────────────────────────────────────── */
.panorama-demo-page {
    --pd-primary:    #8A102A;
    --pd-primary-dk: #5F071A;
    --pd-accent:     #D6A85A;
    --pd-bg:         #FBFAF7;
    --pd-card-bg:    #FFFFFF;
    --pd-text:       #2D2016;
    --pd-muted:      #7A6553;
    --pd-border:     #E8DDD0;
    --pd-radius:     20px;
    --pd-btn-radius: 10px;
}

/* ─── Hero section ──────────────────────────────────────────── */
.panorama-demo-page .pd-hero {
    background: #FBFAF7;
}

.panorama-demo-page .pd-hero__orb--1 {
    background: #8A102A;
    opacity: 0.10;
}

.panorama-demo-page .pd-hero__orb--2 {
    background: #D6A85A;
    opacity: 0.15;
}

.panorama-demo-page .pd-hero__badge {
    background: rgba(138, 16, 42, 0.08);
    border-color: rgba(138, 16, 42, 0.20);
    color: #8A102A;
}

.panorama-demo-page .pd-hero__badge-dot {
    background: #8A102A;
}

.panorama-demo-page .pd-hero__title {
    color: #2D2016;
}

.panorama-demo-page .pd-hero__subtitle {
    color: #7A6553;
}

/* ─── Layout / form section ─────────────────────────────────── */
.panorama-demo-page .pd-form-section {
    background: #FBFAF7;
}

/* ─── Card ──────────────────────────────────────────────────── */
.panorama-demo-page .pd-card {
    background: #FFFFFF;
    border: 1px solid #E8DDD0;
    box-shadow: 0 4px 24px rgba(138, 16, 42, 0.08);
}

.panorama-demo-page .pd-card__title {
    color: #2D2016;
}

.panorama-demo-page .pd-card__desc {
    color: #7A6553;
}

/* ─── Form fields ───────────────────────────────────────────── */
.panorama-demo-page .pd-field__label {
    color: #2D2016;
}

.panorama-demo-page .pd-field__required {
    color: #8A102A;
}

.panorama-demo-page .pd-field__input {
    background: #FBFAF7 !important;
    border-color: #E8DDD0 !important;
    color: #2D2016 !important;
}

.panorama-demo-page .pd-field__input::placeholder {
    color: #7A6553;
}

.panorama-demo-page .pd-field__input:focus {
    border-color: #8A102A !important;
    box-shadow: 0 0 0 3px rgba(138, 16, 42, 0.10) !important;
    background: #FFFFFF !important;
}

.panorama-demo-page .pd-field__hint {
    color: #7A6553;
}

/* ─── Checkbox ──────────────────────────────────────────────── */
.panorama-demo-page .pd-checkbox__box {
    border-color: #E8DDD0;
    background: #fff;
}

.panorama-demo-page .pd-checkbox__input:checked + .pd-checkbox__box {
    background: #8A102A;
    border-color: #8A102A;
}

.panorama-demo-page .pd-checkbox__label {
    color: #7A6553;
}

.panorama-demo-page .pd-checkbox__label a {
    color: #8A102A;
}

/* ─── Buttons ───────────────────────────────────────────────── */
.panorama-demo-page .pd-btn--primary {
    background: #8A102A !important;
    color: #FFFFFF !important;
    border-color: #8A102A !important;
}

.panorama-demo-page .pd-btn--primary:hover:not(:disabled) {
    background: #5F071A !important;
    border-color: #5F071A !important;
    box-shadow: 0 6px 20px rgba(138, 16, 42, 0.30) !important;
}

.panorama-demo-page .pd-btn--secondary {
    background: transparent !important;
    color: #8A102A !important;
    border-color: #8A102A !important;
}

.panorama-demo-page .pd-btn--secondary:hover {
    background: rgba(138, 16, 42, 0.06) !important;
}

/* ─── Spinner / loader ──────────────────────────────────────── */
.panorama-demo-page .pd-spinner {
    border-top-color: #8A102A;
}

/* ─── Info card (limitations list) ─────────────────────────── */
.panorama-demo-page .pd-info-card {
    background: #FFFFFF;
    border: 1px solid #E8DDD0;
    box-shadow: 0 4px 16px rgba(138, 16, 42, 0.06);
}

.panorama-demo-page .pd-info-card__title {
    color: #2D2016;
}

.panorama-demo-page .pd-info-card__item {
    color: #7A6553;
    border-color: #E8DDD0;
}

.panorama-demo-page .pd-info-card__item-icon {
    color: #D6A85A;
}

.panorama-demo-page .pd-info-cta {
    background: rgba(138, 16, 42, 0.05);
    border-color: rgba(138, 16, 42, 0.15);
}

.panorama-demo-page .pd-info-cta__text {
    color: #7A6553;
}

.panorama-demo-page .pd-info-cta .pd-btn--primary {
    background: #8A102A !important;
    color: #FFFFFF !important;
}

/* ─── Modal ─────────────────────────────────────────────────── */
.panorama-demo-page .pd-modal__overlay {
    background: rgba(45, 32, 22, 0.55);
}

.panorama-demo-page .pd-modal__box {
    background: #FFFFFF;
    border: 1px solid #E8DDD0;
    box-shadow: 0 16px 64px rgba(45, 32, 22, 0.18);
    color: #2D2016;
}

.panorama-demo-page .pd-modal__title {
    color: #2D2016;
}

.panorama-demo-page .pd-modal__text {
    color: #7A6553;
}

.panorama-demo-page .pd-modal__step-num {
    background: rgba(138, 16, 42, 0.10);
    color: #8A102A;
}

.panorama-demo-page .pd-modal__step-text {
    color: #7A6553;
}

.panorama-demo-page .pd-modal__room-link-wrap {
    background: #FBFAF7;
    border-color: #E8DDD0;
}

.panorama-demo-page .pd-modal__room-url {
    color: #8A102A;
}

/* ─── Error / notice ────────────────────────────────────────── */
.panorama-demo-page .pd-error {
    background: rgba(138, 16, 42, 0.08);
    border-color: rgba(138, 16, 42, 0.20);
    color: #8A102A;
}