/**
 * CockpitOS Light Theme - Centerplan Directory Widget Styles
 * 
 * Verantwortlichkeit: Main Widget Container
 * Modular CSS files are loaded separately via WordPress enqueue
 * 
 * @package CockpitOS_Light_Theme
 * @version 1.0.0
 */

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

.centerplan-directory-widget {
    width: 100%;
    position: relative;
}

/* Layout: Both */
.centerplan-directory-widget[data-layout-type="both"] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-lg, 1.5rem);
    align-items: start;
}

/* Layout: Directory only */
.centerplan-directory-widget[data-layout-type="directory"] {
    display: block;
}

/* Layout: Floorplan only */
.centerplan-directory-widget[data-layout-type="floorplan"] {
    display: block;
}

/* ========================================
   Responsive Layout
   ======================================== */

@media (max-width: 1200px) {
    .centerplan-directory-widget[data-layout-type="both"] {
        grid-template-columns: 1.5fr 1fr;
    }
}

@media (max-width: 1024px) {
    .centerplan-directory-widget[data-layout-type="both"] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }
}

@media (max-width: 768px) {
    .centerplan-directory-widget[data-layout-type="both"] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }
}