/* ============================================================
   AELF — Liturgie / Messe / Offices
   ============================================================ */

.aelf-app { font-family: inherit; }

.aelf-info {
    margin-bottom: 20px;
    padding: 15px;
    background: #eee;
    border-left: 4px solid #c9a646;
}

.aelf-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.aelf-tab {
    padding: 8px 14px;
    cursor: pointer;
    border-radius: 4px;
    background: #eee;
    transition: background 0.2s ease, color 0.2s ease;
}

.aelf-tab:hover {
    background: #ddd;
}

.aelf-tab.active {
    background: #c9a646;
    color: #fff;
}

.aelf-section { display: none; }
.aelf-section.active { display: block; }

.aelf-bloc {
    padding: 20px;
    background: #f8f5f0;
    border-left: 4px solid #c9a646;
    margin-bottom: 20px;
}

.aelf-titre {
    font-weight: bold;
    margin-bottom: 10px;
}

.aelf-ref {
    font-style: italic;
    color: #666;
    margin-bottom: 10px;
}

.aelf-antienne {
    font-style: italic;
    color: #003877;
    margin-bottom: 10px;
}

.aelf-bloc p {
    margin: 0 0 10px 0;
    line-height: 1.6;
}

.verse_number {
    font-weight: bold;
    color: #003877;
    vertical-align: super;
    font-size: 0.75em;
}