/**
 * AI Smart Picks Style Compatibility
 * Original site-specific compatibility layer.
 * Scoped to AI Smart Picks custom sections so it does not restyle WordPress globally.
 */

/* Use consistent browser text rendering without depending on Elementor Pro CSS. */
.asp-paks,
.asp-paks *,
.asp-hero-combined,
.asp-hero-combined * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Prevent synthetic italics while allowing the browser to use the nearest real Inter weight. */
.asp-paks,
.asp-hero-combined {
    font-family: "Inter", "Montserrat", "Roboto", Arial, sans-serif;
    font-synthesis-style: none;
}

/* Elementor-on appearance: strong, crisp package headings. */
.asp-paks .access-pass,
.asp-paks .title,
.asp-paks .price,
.asp-paks .season-title,
.asp-paks .season-price {
    font-family: "Inter", "Montserrat", "Arial Black", Arial, sans-serif !important;
    font-weight: 900 !important;
    font-synthesis-weight: none;
}

.asp-paks .urgency,
.asp-paks .package-guidance strong,
.asp-paks .price .term,
.asp-paks .daily,
.asp-paks .ribbon,
.asp-paks .asp-cta,
.asp-paks .package-callout,
.asp-paks .season-badge,
.asp-paks .season-price .small {
    font-family: "Inter", "Montserrat", Arial, sans-serif !important;
    font-weight: 900 !important;
}

.asp-paks .subtitle,
.asp-paks .features li,
.asp-paks .note,
.asp-paks .season-subtitle,
.asp-paks .season-list li {
    font-family: "Inter", "Roboto", Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Ensure CTA text stays vivid white and does not inherit link styling from the theme. */
.asp-paks a.asp-cta,
.asp-paks a.asp-cta:link,
.asp-paks a.asp-cta:visited,
.asp-paks a.asp-cta:hover,
.asp-paks a.asp-cta:active,
.asp-paks a.asp-cta:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none !important;
    opacity: 1 !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .10);
}

/* Preserve the intended dark-card white typography against aggressive theme rules. */
.asp-paks .season-card,
.asp-paks .season-card .season-title,
.asp-paks .season-card .season-price,
.asp-paks .season-card .season-price .big,
.asp-paks .season-card .season-list li {
    color: #fff;
}

/* Hero typography compatibility for the custom HTML hero section supplied by the site. */
.asp-hero-combined .asp-cta--hero,
.asp-hero-combined .intro h2,
.asp-hero-combined .meter .name,
.asp-hero-combined .meter .pct,
.asp-hero-combined .member-count {
    font-family: "Inter", "Roboto", Arial, sans-serif !important;
    font-weight: 800 !important;
}

.asp-hero-combined a.asp-cta--hero,
.asp-hero-combined a.asp-cta--hero:link,
.asp-hero-combined a.asp-cta--hero:visited {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
}

/* Keep form controls and buttons predictable when Elementor's normalize CSS is unavailable. */
.asp-paks button,
.asp-paks input,
.asp-paks select,
.asp-paks textarea,
.asp-hero-combined button,
.asp-hero-combined input,
.asp-hero-combined select,
.asp-hero-combined textarea {
    font: inherit;
}