/*
Theme Name: Allmeblo
Description: Lekki, szybki motyw bloga allmeblo.pl w barwach sklepu (braz 521a06, zielen 2a7c00, beze). Logo sklepu w naglowku, menu z hamburgerem bez JavaScript, wyszukiwarka, stopka z czterema kolumnami. Zero webfontow i zewnetrznych zasobow, ikony inline SVG. Kompatybilny z mu-pluginami alm i wtyczka kart produktowych.
Author: alm
Version: 0.5.0
Requires PHP: 7.3
Text Domain: allmeblo-lekki
*/

:root {
    --alm-braz: #521a06;
    --alm-zielen: #2a7c00;
    --alm-zielen-c: #1f5c00;
    --alm-bez: #d1cdc3;
    --alm-bez-c: #c9c5ba;
    --alm-tlo: #f6f6f6;
    --alm-tekst: #414141;
    --alm-mut: #757167;
    --alm-cien: 0 2px 8px rgba(0, 0, 0, .06);
    --alm-cien-hover: 0 6px 22px rgba(82, 26, 6, .12);
    /* tokeny zmierzone w CSS sklepu (leo_bicomart, pliki alm 2026-08) */
    --alm-braz-h: #63200a;
    --alm-cien-karta: 0 0 10px 0 rgba(0, 0, 0, .13);
    --alm-cien-panel: 0 18px 44px rgba(82, 26, 6, .13), 0 2px 6px rgba(82, 26, 6, .06);
    --alm-poswiata: 0 0 0 4px rgba(42, 124, 0, .14);
    --alm-tint: rgba(42, 124, 0, .08);
    --alm-linia-ciepla: #ece4dc;
    --alm-linia-stopka: #e3ded6;
    --alm-krzywa: cubic-bezier(.2, .7, .3, 1);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.65;
    color: var(--alm-tekst);
    background: #fff;
    overflow-wrap: break-word;
}
img { max-width: 100%; height: auto; }
a { color: var(--alm-zielen); text-decoration: none; }
a:hover { color: var(--alm-zielen-c); text-decoration: underline; }
a:focus-visible, button:focus-visible, label:focus-visible {
    outline: 2px solid var(--alm-zielen);
    outline-offset: 2px;
    border-radius: 3px;
}
h1, h2, h3, h4 { color: var(--alm-braz); line-height: 1.25; font-weight: 700; }

.alm-siatka { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

/* ikony inline SVG (helper allmeblo_lekki_ikona w functions.php) */
.alm-ikona { display: inline-block; vertical-align: -2px; flex: none; }

/* naglowek jak w sklepie: bialy pasek, logo z lewej, menu i wyszukiwarka z prawej */
.alm-gora { border-bottom: 1px solid var(--alm-bez); background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .05); position: relative; z-index: 5; }
.alm-gora-wnetrze { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 0; flex-wrap: wrap; }
.alm-logo { display: flex; flex-direction: column; gap: 2px; }
.alm-logo-glowne { display: inline-block; line-height: 0; }
.alm-logo-glowne img { display: block; width: 162px; height: 50px; }
.alm-logo-sklep { font-size: 12px; color: var(--alm-mut); letter-spacing: .03em; }
.alm-logo-sklep:hover { color: var(--alm-zielen); }

/* menu: desktop w jednej linii z logo, mobile hamburger bez JavaScript (checkbox) */
.alm-menu { display: flex; align-items: center; justify-content: flex-end; gap: 8px 20px; flex-wrap: wrap; }
.alm-menu ul { list-style: none; display: flex; align-items: center; gap: 4px 18px; margin: 0; padding: 0; flex-wrap: wrap; }
.alm-menu a { color: var(--alm-tekst); font-weight: 600; font-size: 15px; display: inline-block; padding: 6px 0; border-bottom: 2px solid transparent; }
.alm-menu a:hover { color: var(--alm-zielen); text-decoration: none; border-bottom-color: var(--alm-bez); }
.alm-menu .current-menu-item > a,
.alm-menu .current_page_item > a,
.alm-menu .current-menu-ancestor > a { color: var(--alm-braz); border-bottom: 3px solid var(--alm-zielen); padding-bottom: 5px; }
.alm-menu .alm-menu-sklep > a { color: var(--alm-zielen); }
.alm-menu .alm-menu-sklep > a:hover { color: var(--alm-zielen-c); }
.alm-menu-stan { position: absolute; opacity: 0; pointer-events: none; }
.alm-menu-guzik { display: none; cursor: pointer; padding: 10px 8px; margin-left: auto; min-width: 44px; min-height: 44px; }
.alm-menu-guzik span { display: block; width: 24px; height: 3px; border-radius: 2px; background: var(--alm-braz); margin: 4px 0; transition: transform .2s ease, opacity .2s ease; }

/* wyszukiwarka w naglowku: pole + guzik z lupka, bez JS, required blokuje pusta fraze */
.alm-szukaj { display: flex; align-items: stretch; }
.alm-szukaj input[type="search"] {
    border: 1px solid var(--alm-bez);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    padding: 8px 12px;
    font-size: 14px;
    font-family: inherit;
    color: var(--alm-tekst);
    background: #fff;
    width: 150px;
    min-height: 40px;
}
.alm-szukaj input[type="search"]:focus { outline: none; border-color: var(--alm-zielen); }
.alm-szukaj button {
    border: 1px solid var(--alm-zielen);
    background: var(--alm-zielen);
    color: #fff;
    border-radius: 0 8px 8px 0;
    padding: 0 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    min-height: 40px;
}
.alm-szukaj button:hover { background: var(--alm-zielen-c); border-color: var(--alm-zielen-c); }

@media (max-width: 880px) {
    .alm-menu-guzik { display: block; }
    .alm-menu { display: none; width: 100%; }
    .alm-menu ul { flex-direction: column; align-items: stretch; gap: 0; padding: 6px 0 4px; width: 100%; }
    .alm-menu li { border-top: 1px solid var(--alm-tlo); }
    .alm-menu a { display: block; padding: 12px 4px; border-bottom: 0; }
    .alm-menu .current-menu-item > a,
    .alm-menu .current_page_item > a,
    .alm-menu .current-menu-ancestor > a { border-bottom: 0; padding-bottom: 12px; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--alm-zielen); }
    .alm-menu-stan:checked ~ .alm-menu { display: block; }
    .alm-menu-stan:checked ~ .alm-menu-guzik span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .alm-menu-stan:checked ~ .alm-menu-guzik span:nth-child(2) { opacity: 0; }
    .alm-menu-stan:checked ~ .alm-menu-guzik span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    .alm-szukaj { width: 100%; margin: 8px 0 10px; }
    .alm-szukaj input[type="search"] { flex: 1; width: auto; min-height: 44px; }
    .alm-szukaj button { min-height: 44px; padding: 0 16px; }
}
.alm-pasek-sklep { background: var(--alm-braz); color: #fff; font-size: 14px; }
.alm-pasek-sklep .alm-siatka { display: flex; justify-content: space-between; gap: 12px; padding-top: 7px; padding-bottom: 7px; flex-wrap: wrap; }
.alm-pasek-sklep a { color: #fff; opacity: .92; }
.alm-pasek-sklep a:hover { opacity: 1; color: #fff; }

/* teaser na gorze strony glownej: powitanie i oddzielenie od siatki wpisow */
.alm-teaser { background: linear-gradient(180deg, var(--alm-tlo), #fff); border-bottom: 1px solid var(--alm-bez); }
.alm-teaser .alm-siatka { padding-top: 30px; padding-bottom: 26px; }
.alm-teaser h1 { font-size: 30px; margin: 0 0 10px; }
.alm-teaser p { max-width: 780px; margin: 0; font-size: 16.5px; }

/* lista wpisow */
.alm-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 28px; margin: 34px 0 40px; }
.alm-karta { background: #fff; border: 1px solid var(--alm-bez); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--alm-cien); transition: box-shadow .18s ease; }
.alm-karta:hover { box-shadow: var(--alm-cien-hover); }
.alm-karta-foto { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--alm-tlo); }
.alm-karta-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.alm-karta:hover .alm-karta-foto img { transform: scale(1.04); }
.alm-karta-tresc { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.alm-karta h2 { font-size: 20px; margin: 0; }
.alm-karta h2 a { color: var(--alm-braz); }
.alm-karta-data { font-size: 13px; color: var(--alm-mut); }
.alm-karta-data .alm-ikona { color: var(--alm-mut); }
.alm-karta-zajawka { font-size: 15px; color: var(--alm-tekst); margin: 0; }
.alm-karta-wiecej { margin-top: auto; font-weight: 700; font-size: 14px; padding: 6px 0; }
.alm-karta-wiecej::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 7px;
    vertical-align: -2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a7c00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: transform .18s ease;
}
.alm-karta-wiecej:hover::after { transform: translateX(3px); }

/* paginacja: kafelki na srodku, biezaca strona na zielono */
.navigation.pagination { margin: 6px 0 46px; }
.navigation.pagination .nav-links, .alm-paginacja .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 44px;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid var(--alm-bez);
    border-radius: 8px;
    background: #fff;
    color: var(--alm-tekst);
    font-weight: 600;
    font-size: 15px;
}
.nav-links a.page-numbers:hover { border-color: var(--alm-zielen); color: var(--alm-zielen); text-decoration: none; box-shadow: var(--alm-cien); }
.nav-links .page-numbers.current { background: var(--alm-zielen); border-color: var(--alm-zielen); color: #fff; }
.nav-links .page-numbers.dots { border: 0; background: none; min-width: auto; padding: 0 2px; color: var(--alm-mut); }
.nav-links .page-numbers .alm-ikona { color: var(--alm-zielen); }
.nav-links .page-numbers.current .alm-ikona { color: #fff; }

/* wpis: uklad z boczna kolumna na szerokich ekranach, sama tresc max 760px */
.alm-wpis-uklad { padding-top: 30px; padding-bottom: 50px; }
.alm-wpis { max-width: 760px; margin: 0 auto; min-width: 0; }
@media (min-width: 1100px) {
    .alm-wpis-uklad { display: grid; grid-template-columns: minmax(0, 760px) 280px; gap: 44px; justify-content: center; align-items: start; }
    .alm-wpis { margin: 0; }
}
.alm-wpis-naglowek h1 { font-size: 34px; margin: .2em 0 .4em; }
.alm-wpis-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; color: var(--alm-mut); font-size: 14px; margin: 0 0 20px; }
.alm-meta-el { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.alm-meta-el .alm-ikona { color: var(--alm-zielen); }
.alm-wpis-meta a { color: var(--alm-mut); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--alm-bez-c); }
.alm-wpis-meta a:hover { color: var(--alm-zielen); }
.alm-wpis-meta .alm-odswiezenie-meta { color: var(--alm-zielen); font-weight: 600; }
.alm-wpis-foto { margin: 0 0 22px; }
.alm-wpis-foto img { border-radius: 10px; box-shadow: var(--alm-cien); display: block; }

/* typografia tresci: dlugie czytanie ma byc lekkie */
.the_content_wrapper { font-size: 17px; line-height: 1.75; }
.the_content_wrapper p { margin: 0 0 1.15em; }
.the_content_wrapper a { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--alm-bez-c); }
.the_content_wrapper a:hover { text-decoration-color: var(--alm-zielen); }
.the_content_wrapper h2 { margin: 1.8em 0 .6em; font-size: 26px; padding-bottom: .35em; position: relative; border-bottom: 1px solid var(--alm-tlo); }
.the_content_wrapper h2::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 56px; height: 3px; border-radius: 2px; background: var(--alm-zielen); }
.the_content_wrapper h3 { margin: 1.4em 0 .5em; font-size: 21px; }
.the_content_wrapper ul, .the_content_wrapper ol { margin: 0 0 1.15em; padding-left: 1.4em; }
.the_content_wrapper li { margin: 0 0 .4em; }
.the_content_wrapper hr { border: 0; height: 1px; margin: 2.2em auto; max-width: 340px; background: linear-gradient(90deg, rgba(201, 197, 186, 0), var(--alm-bez-c), rgba(201, 197, 186, 0)); }
.the_content_wrapper blockquote {
    position: relative;
    margin: 1.4em 0;
    padding: .9em 1.2em .9em 3em;
    border-left: 4px solid var(--alm-zielen);
    background: var(--alm-tlo);
    border-radius: 0 10px 10px 0;
    box-shadow: var(--alm-cien);
    font-style: italic;
}
.the_content_wrapper blockquote::before { content: "\201E"; position: absolute; left: .3em; top: -.08em; font-size: 2.8em; line-height: 1; color: var(--alm-bez-c); font-family: Georgia, "Times New Roman", serif; font-style: normal; }
.the_content_wrapper blockquote p:last-child { margin-bottom: 0; }
.the_content_wrapper img { border-radius: 8px; }
.the_content_wrapper figure { margin: 1.3em 0; }
.the_content_wrapper figure img, .the_content_wrapper > p > img { box-shadow: var(--alm-cien); }
.the_content_wrapper figcaption { font-size: .85em; color: var(--alm-mut); margin-top: .5em; padding-left: 2px; }

/* galerie WP: blokowa i stara, siatka z odstepami i zaokragleniami */
.the_content_wrapper .wp-block-gallery { gap: 12px; margin: 1.3em 0; }
.the_content_wrapper .wp-block-gallery img { border-radius: 8px; box-shadow: var(--alm-cien); }
.the_content_wrapper .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); gap: 12px; margin: 1.3em 0; }
.the_content_wrapper .gallery .gallery-item { margin: 0; width: auto; }
.the_content_wrapper .gallery .gallery-item img { width: 100%; height: auto; border: 0; border-radius: 8px; box-shadow: var(--alm-cien); }
.the_content_wrapper .gallery .gallery-caption { font-size: .85em; color: var(--alm-mut); margin-top: .4em; }

/* tabele: pasy, brazowe naglowki, przewijanie poziome na waskich ekranach */
.alm-tabela-wrap { overflow-x: auto; margin: 1.2em 0; -webkit-overflow-scrolling: touch; border-radius: 8px; box-shadow: var(--alm-cien); }
.alm-tabela-wrap table { min-width: 540px; margin: 0; }
.the_content_wrapper table { width: 100%; border-collapse: collapse; font-size: .95em; }
.the_content_wrapper th { background: var(--alm-braz); color: #fff; text-align: left; padding: .6em .7em; border: 1px solid var(--alm-braz); }
.the_content_wrapper td { padding: .55em .7em; border: 1px solid var(--alm-bez); vertical-align: top; }
.the_content_wrapper tbody tr:nth-child(even) { background: var(--alm-tlo); }

/* spis tresci (Easy Table of Contents) w barwach motywu */
#ez-toc-container { background: var(--alm-tlo); border: 1px solid var(--alm-bez); border-radius: 10px; padding: 14px 18px; font-size: 15px; box-shadow: var(--alm-cien); width: 100%; }
#ez-toc-container .ez-toc-title { color: var(--alm-braz); font-weight: 700; font-size: 16px; }
#ez-toc-container a { color: var(--alm-tekst); text-decoration: none; }
#ez-toc-container a:hover { color: var(--alm-zielen); }
#ez-toc-container ul { padding-left: 1.1em; }
#ez-toc-container li { margin: 0 0 .25em; }

/* karty produktow ze sklepu (shortcode prestaProducts, klasy z wtyczki):
   wyrozniona sekcja z tlem, etykieta z koszykiem, cien na hover */
.the_content_wrapper .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    background: var(--alm-tlo);
    border: 1px solid var(--alm-bez);
    border-radius: 12px;
    padding: 16px;
    margin: 1.7em 0;
}
.the_content_wrapper .container::before {
    content: "Z oferty sklepu Allmeblo";
    grid-column: 1 / -1;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--alm-braz);
    padding-left: 25px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23521a06' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.6'/%3E%3Ccircle cx='17' cy='20' r='1.6'/%3E%3Cpath d='M3 4h2l2.4 11h10.2L20 7H6'/%3E%3C/svg%3E") left center/17px 17px no-repeat;
}
.the_content_wrapper .mcb-column { border: 1px solid var(--alm-bez); border-radius: 10px; background: #fff; padding: 10px 10px 12px; text-align: center; box-shadow: var(--alm-cien); transition: box-shadow .18s ease, transform .18s ease; }
.the_content_wrapper .mcb-column:hover { box-shadow: var(--alm-cien-hover); transform: translateY(-2px); }
.the_content_wrapper .mcb-column img { border-radius: 6px; box-shadow: none; }
.the_content_wrapper .mcb-column h4 { font-size: 15px; line-height: 1.35; margin: .55em 0 0; border: 0; padding: 0; }
.the_content_wrapper .mcb-column h4::after { content: none; }
.the_content_wrapper .mcb-column h4 a { color: var(--alm-braz); text-decoration: none; }
.the_content_wrapper .mcb-column h4 a:hover { color: var(--alm-zielen); }
@media (max-width: 560px) {
    .the_content_wrapper .container { grid-template-columns: 1fr; }
}

/* blok autora pod wpisem (markup z mu-pluginu, tu tylko dopieszczenie) */
.the_content_wrapper .alm-autor { border-radius: 10px; box-shadow: var(--alm-cien); }
.the_content_wrapper .alm-autor-linki a { display: inline-block; padding: 4px 0; }

/* podobne wpisy na koncu wpisu */
.alm-podobne { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--alm-bez); }
.alm-podobne-tytul { display: flex; align-items: center; gap: 9px; font-size: 22px; margin: 0 0 16px; color: var(--alm-braz); }
.alm-podobne-tytul .alm-ikona { color: var(--alm-zielen); }
.alm-podobne-lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.alm-podobna-karta { border: 1px solid var(--alm-bez); border-radius: 10px; overflow: hidden; background: #fff; box-shadow: var(--alm-cien); transition: box-shadow .18s ease; display: flex; flex-direction: column; }
.alm-podobna-karta:hover { box-shadow: var(--alm-cien-hover); }
.alm-podobna-foto { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--alm-tlo); }
.alm-podobna-foto img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.alm-podobna-karta h3 { font-size: 15.5px; line-height: 1.4; margin: 11px 13px 5px; }
.alm-podobna-karta h3 a { color: var(--alm-braz); text-decoration: none; }
.alm-podobna-karta h3 a:hover { color: var(--alm-zielen); }
.alm-podobna-karta .alm-karta-data { display: block; margin: 0 13px 12px; }
@media (max-width: 640px) {
    .alm-podobne-lista { grid-template-columns: 1fr; }
}

/* boczna kolumna wpisu */
.alm-boczna { min-width: 0; max-width: 760px; margin: 34px auto 0; }
@media (min-width: 1100px) { .alm-boczna { margin: 0; } }
.alm-boks { border: 1px solid var(--alm-bez); border-radius: 10px; background: #fff; padding: 16px 18px; margin: 0 0 18px; font-size: 14.5px; box-shadow: var(--alm-cien); }
.alm-boks p { margin: 0 0 12px; }
.alm-boks p:last-child { margin-bottom: 0; }
.alm-boks-tytul { display: flex; align-items: center; gap: 8px; font-size: 16px; margin: 0 0 12px; padding-bottom: 9px; border-bottom: 1px solid var(--alm-tlo); }
.alm-boks-tytul .alm-ikona { color: var(--alm-zielen); }
.alm-boks-sklep { background: var(--alm-tlo); }
.alm-boks-sklep .alm-boks-tytul { border-bottom-color: var(--alm-bez); }
.alm-boks-wpisy, .alm-boks-kategorie { list-style: none; margin: 0; padding: 0; }
.alm-boks-wpisy li { margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--alm-tlo); }
.alm-boks-wpisy li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.alm-boks-wpisy a { color: var(--alm-tekst); font-weight: 600; display: block; padding: 2px 0; }
.alm-boks-wpisy a:hover { color: var(--alm-zielen); text-decoration: none; }
.alm-boks-data { font-size: 12.5px; color: var(--alm-mut); }
.alm-boks-kategorie li { margin: 0 0 2px; }
.alm-boks-kategorie a { color: var(--alm-tekst); display: inline-block; padding: 4px 0; }
.alm-guzik { display: inline-block; background: var(--alm-zielen); color: #fff; font-weight: 700; font-size: 14px; padding: 11px 18px; border-radius: 8px; box-shadow: var(--alm-cien); transition: background .15s ease, box-shadow .15s ease; }
.alm-guzik:hover { background: var(--alm-zielen-c); color: #fff; text-decoration: none; box-shadow: var(--alm-cien-hover); }
.alm-guzik:focus-visible { outline: 3px solid var(--alm-braz); outline-offset: 2px; }
.alm-guzik::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    vertical-align: -2px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: transform .18s ease;
}
.alm-guzik:hover::after { transform: translateX(3px); }

/* opis kategorii nad siatka wpisow (category.php) */
.alm-kat-opis { max-width: 760px; margin: 6px 0 0; font-size: 16px; color: var(--alm-tekst); }
.alm-kat-opis p { margin: 0 0 8px; }

/* wyniki wyszukiwania: naglowek i stan pusty */
.alm-szukaj-naglowek { margin: 30px 0 4px; }
.alm-szukaj-naglowek h1 { margin: 0 0 6px; font-size: 30px; }
.alm-szukaj-fraza { color: var(--alm-zielen); }
.alm-szukaj-pusto { max-width: 640px; margin: 26px 0 60px; padding: 22px 24px; border: 1px solid var(--alm-bez); border-radius: 10px; background: var(--alm-tlo); box-shadow: var(--alm-cien); }
.alm-szukaj-pusto p { margin: 0 0 12px; }
.alm-szukaj-pusto ul { margin: 0 0 14px; padding-left: 1.3em; }

.alm-wpis-nawigacja { display: flex; justify-content: space-between; gap: 16px; margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--alm-bez); font-size: 14px; }
.alm-wpis-nawigacja a { display: inline-block; padding: 6px 0; }

/* plakietka aktualizacji (spojna z mu-pluginem glownej) */
.alm-odswiezony { display: inline-block; background: var(--alm-zielen); color: #fff; font-size: .78em; line-height: 1; padding: .35em .6em; border-radius: 99px; margin-bottom: .5em; letter-spacing: .02em; }

/* karty produktow ze sklepu (wstawiane w tresc) */
.the_content_wrapper .products-grid, .the_content_wrapper .presta-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(180px, 100%), 1fr)); gap: 16px; }

/* stopka jak w sklepie: bezowy pas + braz, 4 kolumny na desktop, 1 na mobile */
.alm-stopka { background: var(--alm-tlo); border-top: 1px solid var(--alm-bez); margin-top: 40px; font-size: 15px; }
.alm-stopka-kolumny { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; padding: 34px 0; }
.alm-stopka h3 { font-size: 16px; margin: 0 0 12px; position: relative; padding-bottom: 8px; }
.alm-stopka h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 2px; border-radius: 2px; background: var(--alm-zielen); }
.alm-stopka ul { list-style: none; margin: 0; padding: 0; }
.alm-stopka li { margin: 0 0 3px; }
.alm-stopka a { color: var(--alm-tekst); display: inline-block; padding: 4px 0; }
.alm-stopka a:hover { color: var(--alm-zielen); }
.alm-stopka a .alm-ikona { color: var(--alm-zielen); margin-right: 5px; }
.alm-stopka-logo { display: block; margin: 0 0 12px; line-height: 0; }
.alm-stopka-logo img { width: 100%; max-width: 240px; height: auto; }
.alm-stopka-opis { margin: 0 0 12px; color: var(--alm-mut); font-size: 14px; }
.alm-stopka-dol { background: var(--alm-braz); color: #fff; font-size: 13px; }
.alm-stopka-dol .alm-siatka { padding-top: 12px; padding-bottom: 12px; }
.alm-stopka-dol a { color: #fff; }
@media (max-width: 900px) {
    .alm-stopka-kolumny { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .alm-stopka-kolumny { grid-template-columns: 1fr; gap: 22px; padding: 26px 0; }
}

/* dostepnosc i drobiazgi */
.alm-przeskocz { position: absolute; left: -9999px; }
.alm-przeskocz:focus { left: 10px; top: 10px; background: #fff; padding: 8px 14px; z-index: 99; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

@media (max-width: 640px) {
    .alm-wpis-naglowek h1 { font-size: 27px; }
    .alm-pasek-sklep .alm-siatka { justify-content: center; text-align: center; }
    .alm-teaser h1 { font-size: 25px; }
}
@media (max-width: 480px) {
    body { font-size: 16px; }
    .the_content_wrapper { font-size: 16px; }
    .alm-wpis-naglowek h1 { font-size: 25px; }
    .the_content_wrapper h2 { font-size: 22px; }
    .the_content_wrapper h3 { font-size: 19px; }
    .the_content_wrapper blockquote { padding-left: 2.6em; }
    .alm-lista { gap: 20px; margin-top: 26px; }
    .alm-karta-tresc { padding: 15px 16px 17px; }
    .alm-karta h2 { font-size: 18.5px; }
    .alm-boks { padding: 14px 15px; }
    .the_content_wrapper .container { padding: 12px; }
    .nav-links .page-numbers { min-width: 42px; padding: 0 10px; }
}
@media (max-width: 360px) {
    .alm-logo-glowne img { width: 130px; height: 40px; }
    .alm-siatka { padding: 0 14px; }
    .alm-teaser h1 { font-size: 22px; }
    .alm-wpis-naglowek h1 { font-size: 23px; }
}