/* Shared rules for the Worship Services design comparison sections (WorshipLooksSeeder).
   Each look-NN-*.css styles one section through its .worship-look-NN class.
   CSS Classes: worship-look-section worship-look-'.$look['number'] */
.worship-look-section {
    position: relative;
    --wl-accent: #0cbaa4;
    --wl-accent-dark: #088a79;
    --wl-ink: #2e3e4e;
    --wl-muted: #6b7680;
}

.wl-label {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    padding: .25rem .7rem;
    border-radius: 6px;
    background: #212529;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: #fff;
}

.dark .wl-label {
    background: #fff;
    color: #212529;
}

/* Optional hooks, off unless a look turns them on. */
.wl-head,
.wl-days {
    display: none;
}

.wl p,
.wl h3 {
    margin: 0;
}

.wl-icon::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
    line-height: 1;
}

.wl-adults .wl-icon::before { content: "\f51d"; } /* church */
.wl-youth .wl-icon::before { content: "\f0c0"; } /* users */
.wl-kids .wl-icon::before { content: "\f1ae"; } /* children */
.wl-wednesday .wl-icon::before { content: "\f647"; } /* book-bible */
.wl-friday .wl-icon::before { content: "\f684"; } /* hands-praying */
.wl-morning .wl-icon::before { content: "\f185"; } /* sun */
.wl-translation .wl-icon::before { content: "\f1ab"; } /* language */