/* Zunanji ovoj poskrbi, da je okvir vedno vodoravno na sredini. */
.aco-dnevna-sala-wrap {
    box-sizing: border-box;
    width: min(100%, var(--aco-max-width, 520px));
    margin: var(--aco-margin-top, 0) auto var(--aco-margin-bottom, 0);
    clear: both;
    font-family: var(--aco-font-family, inherit);
}

/* Barvni okvir šale. */
figure.aco-dnevna-sala,
.aco-dnevna-sala {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    min-height: var(--aco-min-height, 180px);
    height: auto;
    margin: 0 !important;
    padding: var(--aco-padding, 22px);
    overflow: hidden;
    align-items: center;
    justify-content: var(--aco-vertical-align, center);
    clear: both;
    color: var(--aco-text, #2b2100);
    text-align: var(--aco-align, center);
    background: linear-gradient(var(--aco-bg-angle, 135deg), var(--aco-bg-start, #ffd54f), var(--aco-bg-end, #ffb300));
    border-width: var(--aco-border-width, 0);
    border-style: var(--aco-border-style, solid);
    border-color: var(--aco-border-color, transparent);
    border-radius: var(--aco-radius, 16px);
    box-shadow: var(--aco-shadow, 0 12px 32px rgba(15, 23, 42, .18));
    font-family: var(--aco-font-family, inherit);
    isolation: isolate;
}

/* Notranji vsebinski stolpec ohrani enakomeren razmik nad in pod besedilom. */
.aco-dnevna-sala__content {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(100%, var(--aco-content-width, 440px));
    margin: 0 auto;
    padding: 0;
}

/* Velik dekorativni narekovaj v zgornjem desnem kotu. */
.aco-dnevna-sala::before {
    content: "“";
    position: absolute;
    top: calc(var(--aco-joke-size, 150px) * -.23);
    right: 14px;
    z-index: 0;
    color: var(--aco-accent, #5d4600);
    font-family: Georgia, serif;
    font-size: var(--aco-joke-size, 150px);
    line-height: 1;
    opacity: var(--aco-joke-opacity, .12);
    pointer-events: none;
}

/* Razred skrije dekorativni narekovaj, kadar je izključen v nastavitvah. */
.aco-dnevna-sala--no-mark::before {
    display: none;
}

/* Glavno besedilo šale. */
.aco-dnevna-sala__text {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit;
    background: transparent !important;
    border: 0 !important;
    font-family: inherit;
    font-size: clamp(16px, 2.2vw, var(--aco-font-size, 18px));
    font-style: italic;
    font-weight: var(--aco-font-weight, 600);
    line-height: var(--aco-line-height, 1.55);
    text-align: inherit;
}

/* Odstrani morebitne narekovaje, ki jih samodejno doda WordPress tema. */
.aco-dnevna-sala__text::before,
.aco-dnevna-sala__text::after {
    content: none !important;
}

/* Vir ali podpis pod šalo. */
.aco-dnevna-sala__source {
    display: block;
    width: 100%;
    margin: 14px 0 0;
    padding: 0;
    color: var(--aco-accent, #5d4600);
    font-size: var(--aco-source-size, 15px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    text-align: inherit;
    opacity: .95;
}

/* Nežna obroba pri svetli predlogi. */
.aco-preset-minimal {
    border-color: rgba(15, 23, 42, .1);
}

/* Način »Samo besedilo«: brez ozadja, kartice, obrobe in sence. */
figure.aco-dnevna-sala.aco-dnevna-sala--text-only,
.aco-dnevna-sala.aco-dnevna-sala--text-only {
    display: block;
    min-height: 0;
    padding: 0;
    overflow: visible;
    color: var(--aco-text, #2b2100);
    text-align: center !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: auto;
}

.aco-dnevna-sala--text-only::before {
    display: none !important;
}

.aco-dnevna-sala--text-only .aco-dnevna-sala__content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.aco-dnevna-sala--text-only .aco-dnevna-sala__text,
.aco-dnevna-sala--text-only .aco-dnevna-sala__source {
    text-align: center !important;
}

/* Prilagoditev za manjše zaslone. */
@media (max-width: 480px) {
    .aco-dnevna-sala-wrap {
        width: 100%;
    }

    figure.aco-dnevna-sala,
    .aco-dnevna-sala {
        min-height: min(var(--aco-min-height, 180px), 72vw);
        padding: max(18px, calc(var(--aco-padding, 22px) * .88));
    }
}