/**
 * LatePoint Frontend Overrides
 * 
 * This file overrides LatePoint's frontend.css (from /plugins/latepoint/public/stylesheets/front.css)
 * Because it's loaded AFTER LatePoint's main CSS via the latepoint_wp_enqueue_scripts hook,
 * your styles here will take priority without needing !important (in most cases).
 * 
 * To find what to override:
 * 1. Inspect element in browser (F12)
 * 2. Look for the CSS rule from LatePoint
 * 3. Copy the selector here and add your custom values
 * 
 * Example selectors from LatePoint's frontend.css:
 * - .latepoint-booking-form-element
 * - .latepoint-form
 * - .latepoint-btn
 * - .latepoint-step-content
 * - .os-form-group
 * - .lp-option
 * 
 * @package Springwood
 */

/* ==========================================================================
   Custom Packages Icon Override
   ========================================================================== */
.latepoint-icon-layers::before,
.latepoint-icon-layers:before,
i.latepoint-icon-layers::before,
i.latepoint-icon-layers:before {
    content: "" !important;
    background-image: url('/wp-content/themes/springwood/img/packages.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
    font-family: none !important;
}

/* ==========================================================================
   Hide Unwanted Frontend Elements
   ========================================================================== */

/* Hide "Start Scheduling" link on confirmation page */
.os-item-variant-bundle-booking,
.os_trigger_booking[data-selected-service],
a[href*="start-scheduling"],
.booking-item-status-pill+.bib-label,
.bib-label:contains("Start Scheduling") {
    display: none !important;
}

/* ==========================================================================
   Example Custom Overrides
   ========================================================================== */

/* Uncomment and customize as needed:

.latepoint-btn {
    background-color: #your-brand-color;
    border-radius: 4px;
}

.latepoint-booking-form-element {
    border-color: #your-color;
}

.latepoint-form-label {
    font-weight: 600;
    color: #333;
}

*/

/* ==========================================================================
   Add Your Custom Frontend Overrides Below
   ========================================================================== */

.latepoint-w .latepoint-booking-form-element .latepoint-step-content .latepoint-step-content-text-left {
    padding: 15px 0;
}

.invoice-logo img {
    min-width: 130px;
    height: auto;
}