/* Algemene container */
    .wachttijden-container { 
        max-width: 800px; 
        margin: 0 auto; 
        text-align: center; 
        padding: 10px;
    }

    /* Logo styling */
    .logo-container { 
        margin-bottom: 25px; 
    }
    .logo-container img { 
        max-width: 220px; 
        height: auto; 
    }

    /* Zone / Themagebied Hoofding */
    .zone-block {
        margin-bottom: 35px;
        text-align: left;
    }
    
    .zone-titel {
        font-size: 1.4rem;
        font-weight: 800;
        color: #1e293b;
        margin: 0 0 15px 5px;
        padding-bottom: 5px;
        border-bottom: 2px solid #e2e8f0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Lijst-lay-out: Alles strak onder elkaar */
    .attractie-lijst { 
        display: flex;
        flex-direction: column;
        gap: 12px; 
        padding: 0; 
        list-style: none; 
        text-align: left; 
        margin: 0;
    }

    /* Styling per attractiebalk */
    .attractie-row { 
        background: #ffffff; 
        border-radius: 8px; 
        padding: 10px 20px 10px 10px; 
        box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
        border-left: 6px solid #10b981; 
        display: flex; 
        align-items: center; 
        justify-content: space-between; 
        transition: transform 0.15s ease;
    }

    .attractie-row:hover { 
        transform: translateX(3px); 
        box-shadow: 0 4px 8px rgba(0,0,0,0.08); 
    }

    /* Thumbnail styling */
    .attractie-thumb {
        width: 70px;
        height: 50px;
        object-fit: cover;
        border-radius: 4px;
        margin-right: 15px;
        background-color: #f1f5f9; 
    }

    /* Linkerkant van de balk (Naam) */
    .attractie-info-links {
        display: flex;
        flex-direction: column;
        gap: 2px;
        flex: 1;
        padding-right: 15px;
    }

    .attractie-naam { 
        font-size: 1.1rem; 
        font-weight: 600; 
        color: #1e293b; 
        margin: 0; 
    }

    /* Rechterkant van de balk (Wachttijd / Status) */
    .wachttijd-info-rechts { 
        display: flex; 
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        min-width: 85px;
    }

    .minuten { 
        font-size: 1.7rem; 
        font-weight: 800; 
        color: #10b981; 
        line-height: 1;
    }

    .minuten span { 
        font-size: 0.85rem; 
        font-weight: 600; 
        color: #64748b;
    }

    .minuten.lang { 
        color: #ef4444; 
    }

    /* Status badge voor gesloten attracties */
    .status-badge-gesloten {
        font-size: 0.75rem;
        text-transform: uppercase;
        padding: 4px 10px;
        border-radius: 20px;
        font-weight: 700;
        background-color: #fee2e2;
        color: #ef4444;
    }

    /* Styling speciaal voor gesloten rijen */
    .attractie-row.gesloten { 
        border-left-color: #94a3b8; 
        opacity: 0.65; 
        background: #f8fafc;
    }

    /* Footer */
    .api-footer { text-align: center; padding: 20px 0; font-size: 0.85rem; color: #7f8c8d; border-top: 1px solid #e2e8f0; margin-top: 40px; }
    .api-footer a { color: #3498db; text-decoration: none; font-weight: 500; }