/* =========================================================================
   Single product — "DAILY RATE" block

   woocommerce/content-single-product.php emits:

       <div class="price">
         <span class="start_at">Daily Rate</span>
         <span class="price-amount">
           <strong class="rentit-current-price">$395</strong>
           <span class="price-unit">/ day</span>
         </span>
       </div>

   The markup was updated to these classes but no stylesheet ever targeted
   them on the single product page, so the block fell back to the parent
   theme's flat `.car-big-card.alt .car-details .price` rules (17px/700
   everything, all on one line) — the old format.

   The type scale here deliberately mirrors the archive card in
   css/plr-car-listing.css, so a vehicle's price reads the same on the
   listing and on its own page.

   Specificity note: custom.css sets `color: #7f7f7f !important` on the
   container and the parent theme sets `.price strong { font-size: 26px }`,
   so the colours below need !important and the selectors are scoped through
   .car-big-card .car-details to outrank the element selector.

   Loaded by inc/plr-fleet-browser.php after plr-price-spacing.css, with a
   filemtime() version.
   ====================================================================== */

.car-big-card .car-details .price {
    line-height: 1.2;
}

/* "DAILY RATE" becomes a small stacked label above the amount. */
.car-big-card .car-details .price .start_at {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9298a2 !important;
}

.car-big-card .car-details .price .price-amount {
    display: block;
    line-height: 1;
}

/* .start_at is block here, so the shared 3px sibling gap from
   plr-price-spacing.css would indent the amount off the left edge. */
.car-big-card .car-details .price .start_at + * {
    margin-left: 0;
}

.car-big-card .car-details .price .rentit-current-price,
.car-big-card .car-details .price .rentit-sale-price {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    color: #2b2f36 !important;
    text-decoration: none;
}

.car-big-card .car-details .price .rentit-regular-price {
    font-size: 18px;
    font-weight: 600;
    color: #adb2ba !important;
    text-decoration: line-through;
}

.car-big-card .car-details .price .price-unit {
    margin-left: 6px;
    font-size: 15px;
    font-weight: 500;
    color: #9298a2 !important;
}

/* --- Mobile ------------------------------------------------------------ */

@media (max-width: 767px) {
    .car-big-card .car-details .price .rentit-current-price,
    .car-big-card .car-details .price .rentit-sale-price {
        font-size: 28px;
    }
}