/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Tło rozwijanego menu */
.main-header-menu .sub-menu,
.ast-builder-menu .sub-menu,
.ast-desktop .main-header-menu .sub-menu {
  background-color: #0F172A !important;
  border: 1px solid #2997AA !important;
}

/* Tekst w rozwijanym menu */
.main-header-menu .sub-menu a,
.ast-builder-menu .sub-menu a,
.ast-desktop .main-header-menu .sub-menu a {
  color: #FFFFFF !important;
  background-color: #0F172A !important;
}

/* Tekst po najechaniu */
.main-header-menu .sub-menu a:hover,
.ast-builder-menu .sub-menu a:hover,
.ast-desktop .main-header-menu .sub-menu a:hover {
  color: #FFFFFF !important;
  background-color: #2997AA !important;
}

/* Linie między pozycjami */
.main-header-menu .sub-menu li,
.ast-builder-menu .sub-menu li {
  border-bottom: 1px solid #2997AA !important;
}

/*padingi mapka*/
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
	padding-left: 0px;
	padding-right:0px;
}
.widget.widget_text {
	text-align:center;
}
.widget-title {
	color: black !important;
}
.textwidget {
	color: black;
}

/*Blog
/* =========================================
   SZOP – BLOG / SINGLE POST
   ========================================= */

.single-post {
    --blog-text: #343a37;
    --blog-heading: #202622;
    --blog-muted: #69736d;

    --blog-accent: var(
        --e-global-color-primary,
        var(--wp--preset--color--primary, #71877b)
    );

    --blog-surface: #f6f8f6;
    --blog-surface-strong: #eef3ef;
    --blog-border: rgba(52, 70, 60, 0.12);

    --blog-radius: 18px;
}


/* =========================================
   GŁÓWNA TREŚĆ
   ========================================= */

.single-post .entry-content {
    max-width: 780px;
    margin-inline: auto;

    font-size: 18px;
    line-height: 1.8;
    color: var(--blog-text);
}


/* AKAPITY */

.single-post .entry-content p {
    margin: 0 0 1.5em;
}


/* =========================================
   NAGŁÓWKI
   ========================================= */

.single-post .entry-content h2 {
    margin-top: 3.2em;
    margin-bottom: 0.8em;

    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.2;
    letter-spacing: -0.025em;

    color: var(--blog-heading);
}

.single-post .entry-content h3 {
    margin-top: 2.4em;
    margin-bottom: 0.7em;

    font-size: clamp(23px, 2.5vw, 29px);
    line-height: 1.3;

    color: var(--blog-heading);
}

.single-post .entry-content h4 {
    margin-top: 2em;
    margin-bottom: 0.6em;

    font-size: 21px;
    line-height: 1.35;

    color: var(--blog-heading);
}

.single-post .entry-content h5,
.single-post .entry-content h6 {
    margin-top: 1.8em;
    margin-bottom: 0.6em;

    color: var(--blog-heading);
}


/* =========================================
   LEAD – pierwszy akapit wpisu
   ========================================= */

.single-post .entry-content > p:first-of-type {
    font-size: clamp(19px, 2vw, 22px);
    line-height: 1.7;

    color: var(--blog-heading);

    margin-bottom: 2em;
}


/* =========================================
   LINKI
   ========================================= */

.single-post .entry-content a {
    color: var(--blog-accent);

    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    transition:
        opacity 0.2s ease,
        text-decoration-thickness 0.2s ease;
}

.single-post .entry-content a:hover {
    opacity: 0.75;
    text-decoration-thickness: 2px;
}


/* =========================================
   LISTA WYPUNKTOWANA
   ========================================= */

.single-post .entry-content ul {
    margin: 1.5em 0 2em;
    padding-left: 0;

    list-style: none;
}

.single-post .entry-content ul > li {
    position: relative;

    margin-bottom: 0.7em;
    padding-left: 1.8em;
}

.single-post .entry-content ul > li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 0.7em;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: var(--blog-accent);
}


/* Zagnieżdżone listy */

.single-post .entry-content ul ul {
    margin-top: 0.7em;
    margin-bottom: 0;
}

.single-post .entry-content ul ul > li::before {
    background: transparent;
    border: 2px solid var(--blog-accent);
}


/* =========================================
   LISTA NUMEROWANA
   ========================================= */

.single-post .entry-content ol {
    counter-reset: blog-counter;

    list-style: none;

    padding: 0;
    margin: 1.7em 0 2em;
}

.single-post .entry-content ol > li {
    counter-increment: blog-counter;

    position: relative;

    min-height: 34px;

    padding-left: 48px;
    margin-bottom: 1em;
}

.single-post .entry-content ol > li::before {
    content: counter(blog-counter);

    position: absolute;

    left: 0;
    top: -2px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 50%;

    background: var(--blog-surface-strong);
    color: var(--blog-accent);

    font-size: 14px;
    font-weight: 700;
}


/* =========================================
   CYTATY
   ========================================= */

.single-post .entry-content blockquote {
    position: relative;

    margin: 2.5em 0;
    padding: 30px 34px 30px 38px;

    border: 0;
    border-radius: var(--blog-radius);

    background: var(--blog-surface);

    font-size: 20px;
    line-height: 1.65;

    color: var(--blog-heading);
}

.single-post .entry-content blockquote::before {
    content: "“";

    position: absolute;

    top: 7px;
    left: 16px;

    font-size: 54px;
    line-height: 1;

    color: var(--blog-accent);

    opacity: 0.25;
}

.single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================
   SEPARATOR
   ========================================= */

.single-post .entry-content hr {
    width: 90px;
    height: 1px;

    margin: 60px auto;

    border: 0;

    background: var(--blog-border);
}


/* =========================================
   POGRUBIENIE / KURSYWA
   ========================================= */

.single-post .entry-content strong {
    color: var(--blog-heading);
    font-weight: 650;
}

.single-post .entry-content em {
    color: #505b55;
}


/* =========================================
   INLINE CODE
   ========================================= */

.single-post .entry-content code {
    padding: 0.18em 0.42em;

    border-radius: 6px;

    background: var(--blog-surface-strong);

    font-size: 0.88em;

    overflow-wrap: anywhere;
}


/* =========================================
   BLOK KODU
   ========================================= */

.single-post .entry-content pre {
    overflow-x: auto;

    padding: 24px 28px;
    margin: 2em 0;

    border-radius: var(--blog-radius);

    background: #202521;
    color: #f2f5f3;

    font-size: 14px;
    line-height: 1.7;
}

.single-post .entry-content pre code {
    padding: 0;

    background: transparent;
    color: inherit;
}


/* =========================================
   TABELE
   ========================================= */

.single-post .entry-content table {
    width: 100%;

    margin: 2em 0;

    border-collapse: separate;
    border-spacing: 0;

    border: 1px solid var(--blog-border);
    border-radius: 14px;

    overflow: hidden;

    font-size: 16px;
}

.single-post .entry-content th,
.single-post .entry-content td {
    padding: 15px 18px;

    border: 0;
    border-bottom: 1px solid var(--blog-border);

    text-align: left;
}

.single-post .entry-content th {
    background: var(--blog-surface-strong);

    color: var(--blog-heading);
    font-weight: 650;
}

.single-post .entry-content tr:last-child td {
    border-bottom: 0;
}

.single-post .entry-content tbody tr:nth-child(even) {
    background: rgba(246, 248, 246, 0.65);
}


/* =========================================
   OBRAZY
   ========================================= */

.single-post .entry-content img,
.single-post .post-thumbnail img {
    border-radius: 20px;
}


/* =========================================
   CHECKBOXY
   ========================================= */

.single-post .entry-content input[type="checkbox"] {
    width: 18px;
    height: 18px;

    margin-right: 9px;

    accent-color: var(--blog-accent);
}


/* =========================================
   DŁUGIE LINKI / SŁOWA
   ========================================= */

.single-post .entry-content {
    overflow-wrap: break-word;
}

.single-post .entry-content a {
    word-break: break-word;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .single-post .entry-content {
        font-size: 17px;
        line-height: 1.75;
    }

    .single-post .entry-content h2 {
        margin-top: 2.5em;
    }

    .single-post .entry-content blockquote {
        padding: 26px 24px 26px 30px;

        font-size: 18px;
    }

    .single-post .entry-content table {
        font-size: 14px;
    }

}