/* Import default styles
----------------------------------------*/
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/fonts";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/variables";
@import "fonts";
@import "variables";
@import "../../../../wabs_sitepackage_park/Resources/Private/Scss/park-styles";

@import "park-custom";

/* Hiver (winter edition) colours
----------------------------------------*/
// New, page-specific palette for the "Edition Hiver" ticket tile — kept as its
// own set of variables rather than reusing $color-1 etc. (the site's normal
// palette) so this seasonal styling stays isolated to pages using this
// entrypoint and doesn't alter any other page's colours.
$hiver-accent-bg: #a4bedf; // active tab background, price badge background
$hiver-border: #797376; // card border
$hiver-card-bg: #ffffff; // card body background (white for legibility, as on the stay tile)
$hiver-cta: #d4834c; // CTA button background, "à partir de" text colour
$hiver-cta-text: #ffffff; // CTA button text colour

/* Hiver ticket tile overrides
----------------------------------------*/
.tickettile-tabs .nav-link.active {
    background: $hiver-accent-bg;
}

.price-card {
    background: $hiver-card-bg;
    border-color: $hiver-border;
}

.pricing-tier {
    background: $hiver-accent-bg;

    .tier-start-text {
        color: $hiver-cta;
    }
}

.price-card-button.primary {
    background: $hiver-cta;
    color: $hiver-cta-text;

    &:hover {
        background: $hiver-cta;
        filter: brightness(1.05);
    }
}

/* Hiver stay tile (Safari Lodges) overrides
----------------------------------------*/
// Same accent/CTA split as the ticket tile above: $hiver-accent-bg for
// passive accents (tab, badge, title), $hiver-cta for actionable buttons.
// Currently driven entirely by $gold (#d9b77b) in _custom-colors-components.scss.
.staytile-tabs .nav-link.active {
    background-color: $hiver-accent-bg;
}

.stay-card-badge-box {
    background-color: $hiver-accent-bg;
}

.stay-card-title {
    color: $hiver-accent-bg;
}

.stay-button.primary {
    background: $hiver-cta;
    color: $hiver-cta-text;
    border-color: $hiver-cta;

    &:hover {
        background: $hiver-cta;
        color: $hiver-cta-text;
        border-color: $hiver-cta;
        filter: brightness(1.05);
    }
}

.stay-button.secondary {
    color: $hiver-cta;
    border-color: $hiver-cta;

    &:hover {
        background-color: $hiver-cta;
        color: $hiver-cta-text;
    }
}

// Card content currently has no background, so the page's frosty-branches
// backdrop shows through behind the title/description/buttons, hurting
// legibility. Give it a solid white background instead. .stay-card itself
// uses overflow:visible (not clipped), so round the bottom corners to match
// its own 12px radius — otherwise square corners would poke past the card's
// rounded edge.
.stay-card-content {
    background-color: #ffffff;
    border-radius: 0 0 12px 12px;
}