/*
 * MekanRadar Discovery UI v1
 * Surfaces: city, district, category, categories, intent, question
 * Goal: same light/premium marketplace language used by the accepted place-detail UI.
 * Scope is intentionally limited to .mr-discovery-page.
 */

html .mr-discovery-page,
html[data-mr-theme="light"] .mr-discovery-page,
html[data-mr-theme="dark"] .mr-discovery-page,
html:not([data-mr-theme="light"]) .mr-discovery-page {
    --mr-disc-orange: #ff5a1f;
    --mr-disc-orange-2: #ff7a45;
    --mr-disc-orange-soft: #fff2ec;
    --mr-disc-navy: #0f172a;
    --mr-disc-text: #1e293b;
    --mr-disc-muted: #64748b;
    --mr-disc-line: #e5e7eb;
    --mr-disc-line-strong: #d7dce3;
    --mr-disc-bg: #f7f8fb;
    --mr-disc-card: #ffffff;
    --mr-disc-soft: #f8fafc;
    --mr-disc-success: #15803d;
    --mr-disc-shadow: 0 12px 34px rgba(15, 23, 42, .07);
    --mr-disc-shadow-hover: 0 18px 42px rgba(15, 23, 42, .11);

    color-scheme: light;
    background: var(--mr-disc-bg) !important;
    color: var(--mr-disc-text) !important;
    min-height: 100vh;
}

html .mr-discovery-page::before,
html .mr-discovery-page::after,
html[data-mr-theme="dark"] .mr-discovery-page::before,
html[data-mr-theme="dark"] .mr-discovery-page::after,
html:not([data-mr-theme="light"]) .mr-discovery-page::before,
html:not([data-mr-theme="light"]) .mr-discovery-page::after {
    opacity: 0 !important;
    display: none !important;
}

.mr-discovery-page *,
.mr-discovery-page *::before,
.mr-discovery-page *::after {
    box-sizing: border-box;
}

.mr-discovery-page :is(.mr-city-wrap, .mr-district-wrap, .mr-category-wrap, .mr-cat-wrap, .mr-intent-wrap) {
    width: min(1240px, calc(100% - 32px)) !important;
    max-width: 1240px !important;
    margin-inline: auto !important;
}

.mr-discovery-page :is(.mr-breadcrumb, .mr-city-breadcrumb) {
    color: var(--mr-disc-muted) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.mr-discovery-page :is(.mr-breadcrumb, .mr-city-breadcrumb) a {
    color: #475569 !important;
    text-decoration: none !important;
}

.mr-discovery-page :is(.mr-breadcrumb, .mr-city-breadcrumb) a:hover {
    color: var(--mr-disc-orange) !important;
}

/* Premium hero / intro surfaces */
html .mr-discovery-page :is(
    .mr-city-hero,
    .mr-hero,
    .mr-compact-intro,
    .mr-city-search,
    .mr-hero-panel,
    .mr-hero-panel-mobile
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-city-hero,
    .mr-hero,
    .mr-compact-intro,
    .mr-city-search,
    .mr-hero-panel,
    .mr-hero-panel-mobile
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-city-hero,
    .mr-hero,
    .mr-compact-intro,
    .mr-city-search,
    .mr-hero-panel,
    .mr-hero-panel-mobile
) {
    background:
        radial-gradient(circle at 88% -12%, rgba(255, 90, 31, .10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffaf7 100%) !important;
    border: 1px solid #f0ded5 !important;
    color: var(--mr-disc-text) !important;
    box-shadow: var(--mr-disc-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

.mr-discovery-page :is(.mr-city-hero, .mr-hero) {
    border-radius: 24px !important;
}

.mr-discovery-page .mr-compact-intro {
    border-radius: 20px !important;
}

.mr-discovery-page :is(.mr-city-hero::after, .mr-hero::after) {
    background: linear-gradient(90deg, rgba(255, 90, 31, .07), transparent 60%) !important;
    opacity: 1 !important;
}

html .mr-discovery-page :is(
    .mr-city-hero-title,
    .mr-hero-title,
    .mr-compact-title,
    .mr-city-search-title,
    .mr-context-answer-title
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-city-hero-title,
    .mr-hero-title,
    .mr-compact-title,
    .mr-city-search-title,
    .mr-context-answer-title
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-city-hero-title,
    .mr-hero-title,
    .mr-compact-title,
    .mr-city-search-title,
    .mr-context-answer-title
) {
    color: var(--mr-disc-navy) !important;
    text-shadow: none !important;
    letter-spacing: -.035em !important;
}

html .mr-discovery-page :is(
    .mr-city-hero-desc,
    .mr-hero-text,
    .mr-hero-hint,
    .mr-compact-text,
    .mr-city-search-text
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-city-hero-desc,
    .mr-hero-text,
    .mr-hero-hint,
    .mr-compact-text,
    .mr-city-search-text
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-city-hero-desc,
    .mr-hero-text,
    .mr-hero-hint,
    .mr-compact-text,
    .mr-city-search-text
) {
    color: var(--mr-disc-muted) !important;
    text-shadow: none !important;
}

/* Metric chips */
.mr-discovery-page :is(
    .mr-mini-chip,
    .mr-stat-pill,
    .mr-active-pill,
    .mr-filter-chip,
    .mr-chip,
    .mr-child-chip,
    .mr-category-count-pill,
    .mr-intent-count
) {
    background: var(--mr-disc-orange-soft) !important;
    border: 1px solid #ffd6c6 !important;
    color: #c2410c !important;
    box-shadow: none !important;
}

.mr-discovery-page :is(.mr-city-hero-metrics, .mr-hero-metrics, .mr-compact-metrics, .mr-context-stats) > * {
    background: #ffffff !important;
    border-color: var(--mr-disc-line) !important;
    color: var(--mr-disc-text) !important;
    box-shadow: none !important;
}

/* Main content surfaces */
html .mr-discovery-page :is(
    .mr-section-panel,
    .mr-panel,
    .mr-card,
    .mr-card-soft,
    .mr-seo-card,
    .mr-info-card,
    .mr-filter-panel,
    .mr-category-directory-card,
    .mr-shortcut-card
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-section-panel,
    .mr-panel,
    .mr-card,
    .mr-card-soft,
    .mr-seo-card,
    .mr-info-card,
    .mr-filter-panel,
    .mr-category-directory-card,
    .mr-shortcut-card
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-section-panel,
    .mr-panel,
    .mr-card,
    .mr-card-soft,
    .mr-seo-card,
    .mr-info-card,
    .mr-filter-panel,
    .mr-category-directory-card,
    .mr-shortcut-card
) {
    background: var(--mr-disc-card) !important;
    border: 1px solid var(--mr-disc-line) !important;
    color: var(--mr-disc-text) !important;
    box-shadow: var(--mr-disc-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.mr-discovery-page :is(.mr-section-panel, .mr-panel, .mr-card, .mr-card-soft, .mr-seo-card, .mr-info-card, .mr-filter-panel) {
    border-radius: 20px !important;
}

.mr-discovery-page :is(.mr-section-panel-accent, .mr-section-panel-green, .mr-city-category-priority) {
    border-color: #f3c7b5 !important;
    background: linear-gradient(180deg, #fff, #fffaf7) !important;
}

/* Titles, labels and section language */
html .mr-discovery-page :is(
    .mr-section-title,
    .mr-sidebar-title,
    .mr-result-title,
    .mr-district-title,
    .mr-intent-title,
    .mr-info-title,
    .mr-category-directory-title,
    .mr-sidebar-slider-title,
    .mr-hero-panel-title,
    .mr-hero-summary-title
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-section-title,
    .mr-sidebar-title,
    .mr-result-title,
    .mr-district-title,
    .mr-intent-title,
    .mr-info-title,
    .mr-category-directory-title,
    .mr-sidebar-slider-title,
    .mr-hero-panel-title,
    .mr-hero-summary-title
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-section-title,
    .mr-sidebar-title,
    .mr-result-title,
    .mr-district-title,
    .mr-intent-title,
    .mr-info-title,
    .mr-category-directory-title,
    .mr-sidebar-slider-title,
    .mr-hero-panel-title,
    .mr-hero-summary-title
) {
    color: var(--mr-disc-navy) !important;
    text-shadow: none !important;
}

html .mr-discovery-page :is(
    .mr-section-desc,
    .mr-section-subtitle,
    .mr-result-text,
    .mr-intent-text,
    .mr-district-count,
    .mr-panel-text,
    .mr-category-directory-text,
    .mr-category-directory-meta,
    .mr-hero-panel-text,
    .mr-hero-summary-meta
),
html[data-mr-theme="dark"] .mr-discovery-page :is(
    .mr-section-desc,
    .mr-section-subtitle,
    .mr-result-text,
    .mr-intent-text,
    .mr-district-count,
    .mr-panel-text,
    .mr-category-directory-text,
    .mr-category-directory-meta,
    .mr-hero-panel-text,
    .mr-hero-summary-meta
),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(
    .mr-section-desc,
    .mr-section-subtitle,
    .mr-result-text,
    .mr-intent-text,
    .mr-district-count,
    .mr-panel-text,
    .mr-category-directory-text,
    .mr-category-directory-meta,
    .mr-hero-panel-text,
    .mr-hero-summary-meta
) {
    color: var(--mr-disc-muted) !important;
    text-shadow: none !important;
}

.mr-discovery-page :is(.mr-section-kicker, .mr-pill, .mr-city-small-label, .mr-blog-pill, .mr-category-directory-pill) {
    color: var(--mr-disc-orange) !important;
}

.mr-discovery-page .mr-section-icon,
.mr-discovery-page .mr-icon-box {
    background: var(--mr-disc-orange-soft) !important;
    border-color: #ffd6c6 !important;
    color: var(--mr-disc-orange) !important;
    box-shadow: none !important;
}

/* Buttons and links */
html .mr-discovery-page :is(.mr-btn, .mr-section-link, .mr-sidebar-link, .mr-slider-arrow),
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-btn, .mr-section-link, .mr-sidebar-link, .mr-slider-arrow),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-btn, .mr-section-link, .mr-sidebar-link, .mr-slider-arrow) {
    background: #ffffff !important;
    border: 1px solid var(--mr-disc-line-strong) !important;
    color: #334155 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.mr-discovery-page :is(.mr-btn, .mr-section-link, .mr-sidebar-link, .mr-slider-arrow):hover {
    background: var(--mr-disc-orange-soft) !important;
    border-color: #ffc2aa !important;
    color: #c2410c !important;
}

html .mr-discovery-page :is(.mr-btn-primary, .mr-btn-dark, .mr-btn-green),
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-btn-primary, .mr-btn-dark, .mr-btn-green),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-btn-primary, .mr-btn-dark, .mr-btn-green) {
    background: var(--mr-disc-orange) !important;
    border-color: var(--mr-disc-orange) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(255, 90, 31, .18) !important;
}

.mr-discovery-page :is(.mr-btn-primary, .mr-btn-dark, .mr-btn-green):hover {
    background: #e94d15 !important;
    color: #ffffff !important;
}

/* Forms / filters */
.mr-discovery-page :is(input, select, textarea, .mr-filter-input, .mr-select) {
    background: #ffffff !important;
    border-color: var(--mr-disc-line-strong) !important;
    color: var(--mr-disc-text) !important;
    box-shadow: none !important;
}

.mr-discovery-page :is(input, select, textarea, .mr-filter-input, .mr-select):focus {
    border-color: #ffb292 !important;
    outline: 3px solid rgba(255, 90, 31, .10) !important;
}

.mr-discovery-page :is(.mr-filter-label, .mr-field-label) {
    color: #475569 !important;
}

.mr-discovery-page .mr-filter-accordion-summary {
    color: var(--mr-disc-text) !important;
}

/* Category / district cards */
html .mr-discovery-page :is(.mr-category-card, .mr-district-card, .mr-intent-card, .mr-question-card, .mr-complement-card),
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-category-card, .mr-district-card, .mr-intent-card, .mr-question-card, .mr-complement-card),
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-category-card, .mr-district-card, .mr-intent-card, .mr-question-card, .mr-complement-card) {
    border-color: var(--mr-disc-line) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.mr-discovery-page :is(.mr-category-card, .mr-district-card, .mr-intent-card, .mr-question-card, .mr-complement-card):hover {
    border-color: #f8bda5 !important;
    box-shadow: var(--mr-disc-shadow-hover) !important;
}

html .mr-discovery-page .mr-category-bottom,
html[data-mr-theme="dark"] .mr-discovery-page .mr-category-bottom,
html:not([data-mr-theme="light"]) .mr-discovery-page .mr-category-bottom {
    background: #ffffff !important;
    border-color: var(--mr-disc-line) !important;
    color: var(--mr-disc-text) !important;
}

.mr-discovery-page :is(.mr-category-directory-card, .mr-category-list-card, .mr-shortcut-card) {
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

.mr-discovery-page :is(.mr-category-directory-card, .mr-category-list-card, .mr-shortcut-card):hover {
    border-color: #f8bda5 !important;
    box-shadow: var(--mr-disc-shadow-hover) !important;
    transform: translateY(-1px) !important;
}

/* Image-led place cards: keep the strong photo treatment but remove the old green/dark tint. */
html .mr-discovery-page .mr-place-card,
html[data-mr-theme="dark"] .mr-discovery-page .mr-place-card,
html:not([data-mr-theme="light"]) .mr-discovery-page .mr-place-card {
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: #111827 !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .12) !important;
    filter: none !important;
}

.mr-discovery-page .mr-place-card:hover {
    border-color: rgba(255, 90, 31, .38) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .16) !important;
}

.mr-discovery-page .mr-place-image,
.mr-discovery-page .mr-place-card img,
.mr-discovery-page .mr-result-image img,
.mr-discovery-page .mr-blog-card img {
    filter: none !important;
    animation: none !important;
}

.mr-discovery-page .mr-place-media::after {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, .03) 0%, rgba(15, 23, 42, .18) 48%, rgba(15, 23, 42, .82) 100%),
        linear-gradient(90deg, rgba(15, 23, 42, .54) 0%, rgba(15, 23, 42, .08) 64%, rgba(15, 23, 42, .16) 100%) !important;
}

.mr-discovery-page :is(.mr-place-title, .mr-place-kicker, .mr-place-meta, .mr-place-tag) {
    color: #ffffff !important;
}

.mr-discovery-page .mr-place-title {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .42) !important;
}

.mr-discovery-page :is(.mr-place-kicker, .mr-place-meta) {
    color: rgba(255, 255, 255, .84) !important;
}

.mr-discovery-page .mr-place-tag {
    background: rgba(255, 255, 255, .16) !important;
    border-color: rgba(255, 255, 255, .20) !important;
    backdrop-filter: none !important;
}

/* Grid/list result cards */
html .mr-discovery-page .mr-result-card,
html[data-mr-theme="dark"] .mr-discovery-page .mr-result-card,
html:not([data-mr-theme="light"]) .mr-discovery-page .mr-result-card {
    background: #ffffff !important;
    border-color: var(--mr-disc-line) !important;
    color: var(--mr-disc-text) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
}

.mr-discovery-page .mr-result-card:hover {
    border-color: #f8bda5 !important;
    box-shadow: var(--mr-disc-shadow-hover) !important;
}

.mr-discovery-page :is(.mr-result-title, .mr-result-kicker, .mr-result-meta, .mr-result-text) {
    text-shadow: none !important;
}

.mr-discovery-page .mr-result-kicker {
    color: var(--mr-disc-orange) !important;
}

.mr-discovery-page :is(.mr-result-meta, .mr-result-text) {
    color: var(--mr-disc-muted) !important;
}

.mr-discovery-page .mr-result-detail-btn {
    color: var(--mr-disc-orange) !important;
}

/* Programmatic intent cards */
html .mr-discovery-page[data-mr-discovery-surface="intent"] .mr-place-card,
html .mr-discovery-page[data-mr-discovery-surface="question"] .mr-place-card {
    background: #ffffff !important;
    color: var(--mr-disc-text) !important;
}

.mr-discovery-page[data-mr-discovery-surface="intent"] :is(.mr-place-title, .mr-place-category),
.mr-discovery-page[data-mr-discovery-surface="question"] :is(.mr-place-title, .mr-place-category) {
    color: var(--mr-disc-navy) !important;
    text-shadow: none !important;
}

.mr-discovery-page[data-mr-discovery-surface="intent"] :is(.mr-place-desc, .mr-place-location, .mr-place-meta),
.mr-discovery-page[data-mr-discovery-surface="question"] :is(.mr-place-desc, .mr-place-location, .mr-place-meta) {
    color: var(--mr-disc-muted) !important;
    text-shadow: none !important;
}

.mr-discovery-page[data-mr-discovery-profile="beauty"] .mr-hero,
.mr-discovery-page[data-mr-discovery-profile="beauty"] .mr-section:first-of-type {
    border-color: #f6c9da !important;
}

.mr-discovery-page[data-mr-discovery-profile="beauty"] .mr-icon-box,
.mr-discovery-page[data-mr-discovery-profile="beauty"] .mr-section-icon {
    background: #fff1f6 !important;
    border-color: #f9ccdc !important;
    color: #be185d !important;
}

/* Blog cards */
html .mr-discovery-page .mr-blog-card,
html[data-mr-theme="dark"] .mr-discovery-page .mr-blog-card,
html:not([data-mr-theme="light"]) .mr-discovery-page .mr-blog-card {
    border-color: var(--mr-disc-line) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.mr-discovery-page .mr-blog-card::after {
    background: linear-gradient(180deg, rgba(15, 23, 42, .02), rgba(15, 23, 42, .68)) !important;
}

.mr-discovery-page :is(.mr-blog-title, .mr-blog-meta) {
    text-shadow: none;
}

/* Pagination */
.mr-discovery-page .mr-pagination nav,
.mr-discovery-page .mr-pagination-classic nav {
    color: var(--mr-disc-text) !important;
}

.mr-discovery-page .mr-pagination :is(a, span) {
    border-color: var(--mr-disc-line) !important;
}

.mr-discovery-page .mr-pagination [aria-current="page"] span {
    background: var(--mr-disc-orange) !important;
    border-color: var(--mr-disc-orange) !important;
    color: #ffffff !important;
}

/* Radar / save buttons use orange on discovery surfaces. */
html .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn {
    background: var(--mr-disc-orange) !important;
    border-color: var(--mr-disc-orange) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(255, 90, 31, .20) !important;
}

/* Ad wrappers stay layout-neutral when inventory is empty. */
.mr-discovery-page .mr-ad-slot:empty,
.mr-discovery-page .mr-ad-radar-slot:empty {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Performance: no blur/heavy animation on discovery pages. */
.mr-discovery-page :is(
    .mr-section-panel,
    .mr-panel,
    .mr-card,
    .mr-card-soft,
    .mr-place-card,
    .mr-result-card,
    .mr-blog-card,
    .mr-category-card,
    .mr-district-card,
    .mr-intent-card,
    .mr-question-card,
    .mr-complement-card
) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

@media (min-width: 1181px) {
    .mr-discovery-page .mr-page-grid {
        max-width: 1180px !important;
        margin-inline: auto !important;
    }
}

@media (max-width: 900px) {
    .mr-discovery-page :is(.mr-city-wrap, .mr-district-wrap, .mr-category-wrap, .mr-cat-wrap, .mr-intent-wrap) {
        width: min(100% - 20px, 1240px) !important;
    }

    .mr-discovery-page :is(.mr-city-hero, .mr-hero, .mr-compact-intro) {
        border-radius: 18px !important;
        padding: 18px !important;
    }

    .mr-discovery-page :is(.mr-section-panel, .mr-panel, .mr-card, .mr-card-soft, .mr-seo-card, .mr-info-card, .mr-filter-panel) {
        border-radius: 16px !important;
    }
}

@media (max-width: 640px) {
    .mr-discovery-page :is(.mr-city-wrap, .mr-district-wrap, .mr-category-wrap, .mr-cat-wrap, .mr-intent-wrap) {
        width: min(100% - 14px, 1240px) !important;
    }

    .mr-discovery-page :is(.mr-city-hero-title, .mr-hero-title, .mr-compact-title) {
        font-size: clamp(30px, 9vw, 42px) !important;
        line-height: 1 !important;
    }

    .mr-discovery-page .mr-slider-arrow {
        display: none !important;
    }

    .mr-discovery-page .mr-horizontal-track {
        scroll-padding-inline: 4px !important;
    }
}

/*
 * MekanRadar Discovery UI v1.1
 * - Discovery pages never lead with an ad before useful content.
 * - Save-to-radar action is presented as a compact, user-friendly favorite action.
 */

/* Category now owns a real page intro before its first ad. */
.mr-discovery-page .mr-category-intro {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 22px !important;
    padding: 22px 24px !important;
}

.mr-discovery-page .mr-category-intro .mr-compact-text {
    max-width: 760px !important;
    margin-top: 8px !important;
}

.mr-discovery-page .mr-category-after-intro-ad {
    margin: 16px 0 24px !important;
    min-height: 0 !important;
}

.mr-discovery-page .mr-category-after-intro-ad:empty,
.mr-discovery-page .mr-category-after-intro-ad:has(.mrpd-ad-slot[style*="display: none"]),
.mr-discovery-page .mr-category-after-intro-ad:has(.mrpd-ad-slot[style*="height: 0"]),
.mr-discovery-page .mr-category-after-intro-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
    display: none !important;
    margin: 0 !important;
    height: 0 !important;
}

/*
 * Favorite CTA
 * Underlying save/radar behavior is unchanged; only the discovery-card label and
 * visual weight are simplified. Screen-reader source text remains intact.
 */
html .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
html[data-mr-theme="light"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn {
    width: auto !important;
    max-width: 88px !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    border: 1px solid #ffd0bf !important;
    background: rgba(255, 255, 255, .96) !important;
    color: var(--mr-disc-orange) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .10) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    justify-content: center !important;
}

html .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn:hover,
html[data-mr-theme="light"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn:hover,
html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn:hover,
html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn:hover {
    background: var(--mr-disc-orange-soft) !important;
    border-color: #ffb99f !important;
    color: #e94d15 !important;
    box-shadow: 0 6px 14px rgba(255, 90, 31, .12) !important;
}

.mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn svg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
}

@media (min-width: 769px) {
    html .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text,
    html[data-mr-theme="light"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text,
    html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text,
    html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text {
        display: inline-flex !important;
        align-items: center !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text::after {
        content: "Favorile";
        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    /* The old button needed a much larger reserved column. Favorile is compact. */
    .mr-discovery-page .mr-result-card {
        padding-right: 92px !important;
    }

    .mr-discovery-page .mr-place-body {
        padding-right: 88px !important;
    }
}

@media (max-width: 768px) {
    .mr-discovery-page .mr-category-intro {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding: 18px !important;
        gap: 14px !important;
    }

    .mr-discovery-page .mr-category-after-intro-ad {
        margin: 12px 0 18px !important;
    }

    /* Mobile cards keep the familiar heart-only affordance and a larger tap target. */
    html .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
    html[data-mr-theme="light"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
    html[data-mr-theme="dark"] .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn,
    html:not([data-mr-theme="light"]) .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-btn {
        width: 36px !important;
        max-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
    }

    .mr-discovery-page :is(.mr-place-radar, .mr-result-radar, .mr-compact-radar) .mr-radar-open-text {
        display: none !important;
    }

    .mr-discovery-page .mr-result-card {
        padding-right: 54px !important;
    }

    .mr-discovery-page .mr-place-body {
        padding-right: 64px !important;
    }
}