/**
 * CockpitOS Light Theme - Rental Widget Styles
 * 
 * Verantwortlichkeit: Haupt-CSS mit Imports aller Module
 * 
 * Modulare Struktur:
 * - rental-hero.css         (Hero Section)
 * - rental-features.css     (Features Grid)
 * - rental-spaces.css       (Verfügbare Flächen)
 * - rental-contact.css      (Ansprechpartner Card)
 * - rental-form.css         (Kontaktformular)
 * - rental-responsive.css   (Responsive Breakpoints)
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

@import url('rental/rental-hero.css');
@import url('rental/rental-features.css');
@import url('rental/rental-spaces.css');
@import url('rental/rental-contact.css');
@import url('rental/rental-form.css');
@import url('rental/rental-responsive.css');

/* ========================================
   Container
   ======================================== */

.cockpit-rental__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ========================================
   Section Title
   ======================================== */

.cockpit-rental__section-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 2rem;
    text-align: center;
}

/* ========================================
   Bottom Section (Contact + Form)
   ======================================== */

.cockpit-rental__bottom-section {
    padding: 60px 0;
    background-color: #f9fafb;
}

.cockpit-rental__bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}