/**
 * Property Detail Overlay Styles
 *
 * Extracted from: steinkamp-immobilien-erweiterung.php
 * Source: si_output_show_detail_js() – lines 1172–1180
 * Category: Overlay/modal for property detail view from listing page
 */

#si-ov {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 9900;
    overflow-y: auto;
    padding: 20px 16px;
    display: none;
}

#si-ov-box {
    background: #fff;
    border-radius: 16px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 32px;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

#si-ov-box * {
    box-sizing: border-box;
}

#si-ov-x {
    position: absolute;
    top: 14px;
    right: 16px;
    background: #f2f3f5;
    border: none;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    z-index: 2;
}

#si-ov-lb {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.95);
    z-index: 99999;
    align-items: center;
    justify-content: center;
}

#si-ov-lb.open {
    display: flex;
}

@media (max-width: 820px) {
    #si-ov-box {
        padding: 20px;
    }
}

/**
 * NOTE: The JS-generated detail overlay CSS (lines 2240–2342 in steinkamp-immobilien.php,
 * inside sk_shortcode_objekte() JavaScript) is embedded in a JS string building
 * '<style>...</style>' dynamically. That CSS is listed below for reference but
 * should be handled during JS extraction since it is part of a JavaScript string.
 *
 * The JS-generated CSS includes styles for:
 *   - .si-detail-wrap, .si-breadcrumb
 *   - .si-layout (grid layout)
 *   - .si-gallery-wrap, .si-gal-slide, .si-gal-btn, .si-gal-prev, .si-gal-next
 *   - .si-gal-counter, .si-thumbs, .si-gal-thumb
 *   - .si-detail-section, .si-section-title, .si-body-text
 *   - .si-features-grid, .si-feat-item
 *   - .si-facts-table
 *   - .si-tag-row, .si-tag
 *   - .si-sidebar, .si-sidebar-card
 *   - .si-d-price, .si-d-title, .si-d-loc, .si-d-stats, .si-d-stat
 *   - .si-btn, .si-btn-fill, .si-btn-outline
 *   - .si-form-label, .si-form-group, .si-form-input, .si-form-textarea
 *   - .si-agent-card, .si-agent-avatar, .si-agent-name, .si-agent-role, .si-agent-tel
 *   - .si-form-title
 *   - .si-lb-overlay (lightbox), .si-lb-img, .si-lb-close, .si-lb-prev, .si-lb-next
 *   - .si-lb-counter, .si-lb-thumbs, .si-lb-thumb
 *
 * These are in JS string context at line 2240 in steinkamp-immobilien.php
 * and will need to be extracted during JS refactoring.
 */