/**
 * Booking Page CSS Custom Properties
 * 
 * Defines --pbfh-bkp-* CSS custom properties set by Visual Designer.
 * All actual styles are in booking-frontend.css to avoid duplication.
 * 
 * @package pbfh_Paintball_Field_Hub
 * @since 5.4.34
 * @updated 5.4.62 - Removed duplicate CSS, keeping only variable definitions
 */

/* ============================================
   CSS CUSTOM PROPERTIES - DEFAULTS
   
   Key inheritance: child backgrounds inherit from content_bg
   unless explicitly set. This means changing content_bg
   will cascade to form, inputs, slots, etc.
   ============================================ */

.pbfh-booking-page {
    /* Page */
    --page-bg: var(--pbfh-bkp-page-bg, #1e293b);
    --content-bg: var(--pbfh-bkp-content-bg, transparent);
    
    /* Summary Card */
    --summary-bg: var(--pbfh-bkp-summary-bg, #1e3a5f);
    --summary-text: var(--pbfh-bkp-summary-text, #ffffff);
    --summary-meta: var(--pbfh-bkp-summary-meta, #94a3b8);
    --summary-price: var(--pbfh-bkp-summary-price, #f97316);
    
    /* Badge */
    --badge-bg: var(--pbfh-bkp-badge-bg, #f97316);
    --badge-text: var(--pbfh-bkp-badge-text, #ffffff);
    
    /* Equipment Pills - need visible bg for contrast */
    --pill-bg: var(--pbfh-bkp-pill-bg, #ffffff);
    --pill-text: var(--pbfh-bkp-pill-text, #0369a1);
    --pill-border: var(--pbfh-bkp-pill-border, #bae6fd);
    
    /* Steps */
    --step-active-bg: var(--pbfh-bkp-step-active-bg, #3b82f6);
    --step-active-text: var(--pbfh-bkp-step-active-text, #ffffff);
    --step-inactive-bg: var(--pbfh-bkp-step-inactive-bg, #9ca3af);
    --step-inactive-text: var(--pbfh-bkp-step-inactive-text, #ffffff);
    --step-label-active: var(--pbfh-bkp-step-label-active, #3b82f6);
    --step-label-inactive: var(--pbfh-bkp-step-label-inactive, #6b7280);
    --step-line: var(--pbfh-bkp-step-line, #d1d5db);
    
    /* Calendar */
    --cal-header-bg: var(--pbfh-bkp-cal-header-bg, #3b82f6);
    --cal-header-text: var(--pbfh-bkp-cal-header-text, #ffffff);
    --cal-day-header: var(--pbfh-bkp-cal-day-header, #6b7280);
    --cal-day-bg: var(--pbfh-bkp-cal-day-bg, #5C5C5C);
    --cal-day-text: var(--pbfh-bkp-cal-day-text, #ffffff);
    --cal-available-bg: var(--pbfh-bkp-cal-available-bg, #dcfce7);
    --cal-available-text: var(--pbfh-bkp-cal-available-text, #166534);
    --cal-selected-bg: var(--pbfh-bkp-cal-selected-bg, #3b82f6);
    --cal-selected-text: var(--pbfh-bkp-cal-selected-text, #ffffff);
    --cal-today-border: var(--pbfh-bkp-cal-today-border, #f97316);
    
    /* Time Slots - need visible bg */
    --slot-bg: var(--pbfh-bkp-slot-bg, #ffffff);
    --slot-border: var(--pbfh-bkp-slot-border, #e5e7eb);
    --slot-text: var(--pbfh-bkp-slot-text, #1e3a5f);
    --slot-available: var(--pbfh-bkp-slot-available, #22c55e);
    --slot-selected-border: var(--pbfh-bkp-slot-selected-border, #f97316);
    
    /* Form - transparent by default */
    --form-bg: var(--pbfh-bkp-form-bg, transparent);
    --form-border: var(--pbfh-bkp-form-border, transparent);
    --form-title: var(--pbfh-bkp-form-title, #1e3a5f);
    --form-label: var(--pbfh-bkp-form-label, #374151);
    --input-bg: var(--pbfh-bkp-input-bg, #ffffff);
    --input-border: var(--pbfh-bkp-input-border, #d1d5db);
    --input-text: var(--pbfh-bkp-input-text, #111827);
    
    /* Buttons */
    --btn-primary-bg: var(--pbfh-bkp-btn-primary-bg, #3b82f6);
    --btn-primary-text: var(--pbfh-bkp-btn-primary-text, #ffffff);
    --btn-secondary-bg: var(--pbfh-bkp-btn-secondary-bg, #f3f4f6);
    --btn-secondary-text: var(--pbfh-bkp-btn-secondary-text, #374151);
}