/* ==========================================================================
   Image Credits — dopiski ze źródłem zdjęć (autor / serwis)
   Wgraj do: wp-content/themes/generatepress_child/image-credits.css
   Ma być czytelny, ale nie rzucać się w oczy: mały, stonowany, bez ramek.
   ========================================================================== */

.cm-img-credit {
    font-family: "Raleway", sans-serif;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .01em;
    color: #6B6B66;
}

.cm-img-credit a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(107, 107, 102, .45);
    text-underline-offset: 2px;
}

.cm-img-credit a:hover {
    color: #1E5B41;
    text-decoration-color: currentColor;
}

/* pod zdjęciem głównym (nagłówek strony) — wyrównane do lewej, jak reszta treści */
.cm-img-credit--hero {
    display: block;
    margin: 8px 0 0;
    text-align: left;
}

/* pod zdjęciem w treści wpisu */
.cm-img-credit--block {
    display: block;
    margin: 6px 0 20px;
    text-align: left;
}

/* dopisek wewnątrz istniejącego podpisu zdjęcia */
.cm-img-credit--inline {
    display: block;
    margin-top: 2px;
}

figure .cm-img-credit--block { margin-bottom: 0; }

/* Motyw / Gutenberg centrują podpisy zdjęć (figcaption) — dopisek ma zawsze być do lewej */
.cm-img-credit,
figure .cm-img-credit,
figure figcaption.cm-img-credit,
.wp-element-caption .cm-img-credit {
    text-align: left !important;
}

@media (max-width: 600px) {
    .cm-img-credit { font-size: 10.5px; }
    .cm-img-credit--hero { margin-top: 6px; }
}
