/* =====================================================================
   wp-compat.css
   Zamiennik arkuszy, które na produkcji dostarczał WordPress i wtyczki
   (wp-block-library, wp-emoji, wp-bootstrap-blocks). Zawiera wyłącznie
   reguły dla klas faktycznie występujących na tej stronie.
   ===================================================================== */

/* --- emoji z rdzenia WP (twemoji z s.w.org) ------------------------- */

img.emoji,
img.wp-smiley {
    display: inline-block !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em;
    background: none !important;
    padding: 0 !important;
}

/* --- wyrównania z edytora klasycznego ------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

/* --- wyrównania z edytora blokowego --------------------------------- */

.has-text-align-center { text-align: center; }
.has-text-align-left   { text-align: left; }
.has-text-align-right  { text-align: right; }

/* --- bloki obrazu / osadzenia --------------------------------------- */

figure {
    margin: 0 0 1rem;
}

.wp-block-image,
.wp-block-embed {
    max-width: 100%;
}

.wp-block-image img,
.wp-block-embed img,
.wp-block-embed video {
    max-width: 100%;
    height: auto;
}

.wp-block-image figcaption,
.wp-block-embed figcaption {
    font-size: 0.85em;
    text-align: center;
    color: #6c757d;
}

/* --- siatka używana w bloku partnerów (klasy w stylu Tailwinda) ----- */

.grid {
    display: grid;
}

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.place-items-center {
    place-items: center;
}

/* Na produkcji liczbę kolumn nadpisuje block-partners-new.min.css;
   poniżej tylko bezpiecznik dla wąskich ekranów. */
@media (max-width: 575.98px) {
    .grid-cols-3,
    .grid-cols-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* --- dostępność ------------------------------------------------------ */

.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}