/**
 * Residence Apartments Section Styles
 * 
 * Styles for the apartments listing section on residence detail pages.
 * Follows BEM naming convention.
 */

/* ============================================
   APARTMENTS SECTION
   ============================================ */

.apartments-section {
    background: white;
    padding: 8rem 0;
    position: relative;
}

.apartments-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e5e7eb 50%, transparent);
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */

[data-theme="dark"] .apartments-section {
    background: var(--color-dark-bg, #111827);
}

[data-theme="dark"] .apartments-section::before {
    background: linear-gradient(90deg, transparent, var(--color-dark-border, #374151) 50%, transparent);
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
    .apartments-section {
        padding: 4rem 0;
    }
}