/*
 * Display-price block (§5) for ABE surfaces: the featured/reviewed carousels, ABE
 * search results, findyourrental, favorites, and the unit page's booking box.
 *
 * The reference rendering is the SRBE root-search card — see
 * `.srbe-cards .srbe-card-price*` in skyrun-booking-engine/css/styles.css. The
 * values below are a deliberate copy of it so a price reads identically wherever
 * it appears; keep the two in lockstep the same way the four HTML formatters are.
 *
 * The leading class is repeated to lift these rules to specificity 0-3-0. The
 * legacy theme reaches into the ABE card surfaces with bare-element descendant
 * selectors — notably `.abe-item .abe-rate div { font-size: 13px; line-height: 1.1 }`
 * (0-2-1, sayenko-skyrun/vrp/css/css.css) — which matches the block's own divs and
 * otherwise shrinks the headline to 13px and inflates the meta line to 13px on
 * every ABE search-results card while the carousels render at the intended size.
 * Source order can't settle that; only specificity can.
 */
.skyrun-dp.skyrun-dp.skyrun-dp {
    font-family: "Montserrat", sans-serif;
    line-height: 1.35;
    /* Explicit rather than inherited: `.abe-item .abe-rate` passes down #757575,
       which renders the price grey beside the root card's slate. */
    color: var(--wp--preset--color--black);
}

.skyrun-dp.skyrun-dp .skyrun-dp-headline {
    font-size: 16px;
    font-weight: 500;
    /* Restated (not inherited) — the theme's `.abe-rate div` rule matches this
       element directly, and a direct match always beats an inherited value. */
    line-height: 1.35;
}

.skyrun-dp.skyrun-dp .skyrun-dp-headline strong {
    font-weight: 700;
}

.skyrun-dp.skyrun-dp .skyrun-dp-fees {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

.skyrun-dp.skyrun-dp .skyrun-dp-meta {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    opacity: 0.85;
    margin-top: 2px;
}

/* SRC-228: the no-price status note, standing in for the price block. Sized a step
   below the price headline so it reads as an explanation rather than a figure,
   while keeping the block's slot and rhythm. Matches
   `.srbe-cards .srbe-card-price-note` — same lockstep rule as the rest of this file.
   Carries the same repeated-class specificity, since the note is a div inside
   `.abe-rate` and the theme's `.abe-item .abe-rate div` rule would otherwise size it. */
.skyrun-dp.skyrun-dp .skyrun-dp-note {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    opacity: 0.8;
}

/*
 * Carousel wrapper only (vrpFeaturedUnits / vrpReviewedUnits emit
 * <div class="pricing-wrapper">). Those templates centre the whole description
 * column via `.featured-units-description { text-align: center }`, so the price
 * came out centred while every other card left-aligns it; and the block sat flush
 * against the icons row without the root card's 8px gap.
 *
 * Scoped here on purpose: the unit page's booking box (.abe-quote-info) renders
 * the same block and is intentionally centred, and inside `.abe-rate` the block is
 * a centred flex item where a top margin would push it out of line with the stars.
 */
.pricing-wrapper .skyrun-dp {
    text-align: left;
    margin-top: 8px;
}

/* Unit-page fee-disclosure breakdown panel (§5 unit-page spec). */
.skyrun-dp-breakdown {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.skyrun-dp-breakdown .skyrun-dp-bd-stay {
    font-weight: 600;
    margin-bottom: 6px;
}

.skyrun-dp-breakdown .skyrun-dp-bd-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.skyrun-dp-breakdown .skyrun-dp-bd-total {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 6px;
    padding-top: 6px;
    font-weight: 700;
}

.skyrun-dp-breakdown .skyrun-dp-bd-tax {
    font-size: 12px;
    opacity: 0.85;
    margin-top: 4px;
}

.skyrun-dp-breakdown .skyrun-dp-bd-note {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 8px;
}