/*
 * ============================================================================
 * LINE DANCE CLUB - COUNTRY MEETS MODERN (STYLESHEET)
 * ============================================================================
 * 
 * @package     LDC_productive
 * @module      css
 * @component   ldc_modal
 * 
 * @description Spezifische Stile für die modal fenster
 * 
 * @status      In Progress
 * @open        
 * @ticket      
 * @version     1.0.0
 * @created     2026-08-11
 * @last_change 2026-08-11
 * 
 * @export-to-schorsch
 * ============================================================================
 */
/** Ende LDC Header */
.ldc-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.50); /* Dunkelt den Saloon-Hintergrund ab */
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ALT-ldc-modal-overlay {
    border-radius: var(--ldc-border-radius);
    position: fixed; 
    inset: -50px;
    z-index: 10000;
    display: grid;
    place-items: center;
}
.ldc-modal {
    box-sizing: border-box;
/*    width: min(100%, 900px); */
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid var(--ldc-gold, #c7a44a);
    border-radius: var(--ldc-border-radius);
    background: var(--ldc-card-bg-solid, rgb(45 45 45)); /* Vollständig deckendes Schwarz gegen Durchscheinen */
    color: var(--ldc-orange, #df8e31);
    min-height: 80vh;

  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.ldc-modal-content {
    box-sizing: border-box;
/*    width: min(100%, 900px); */
    max-height: 80vh;
    padding: clamp(1rem, 3vw, 2rem);
/*    border: 1px solid var(--ldc-gold, #c7a44a);*/
    border-radius: var(--ldc-border-radius);
    background: var(--ldc-card-bg-solid, rgb(45 45 45)); /* Vollständig deckendes Schwarz gegen Durchscheinen */
    color: var(--ldc-orange, #df8e31);
/*    text-align: center; */
    overflow-y: auto; 
    display: flex;
    scrollbar-width: thin;
    scrollbar-color: var(--ldc-gold) transparent;

}

.ldc-modal h2 {
    font-size: 1.3rem;
    margin: 0 0 0.25rem 0;
}

.ldc-modal p {
    font-size: 0.85rem;
    margin: 0 0 0.5rem 0;
}

@media (max-width: 768px){

    .ldc-modal-overlay
    {
        max-width: 100%;
        margin: auto;
    }
}