/*
 * Meravia 0.1.0
 * Portal / guided knowledge hub.
 */

:root {
    --meravia-navy: #102a43;
    --meravia-navy-2: #243b53;
    --meravia-ink: #1f2933;
    --meravia-muted: #627d98;
    --meravia-line: #d9e2ec;
    --meravia-paper: #f5f1e8;
    --meravia-white: #ffffff;
    --meravia-coral: #d05a42;
    --meravia-gold: #d8a84e;
    --meravia-soft: #e8eef2;
    --meravia-shell: 1320px;
}

.meravia-theme {
    background: var(--meravia-paper);
    color: var(--meravia-ink);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.meravia-theme a {
    color: inherit;
}

.meravia-shell {
    width: min(calc(100% - 48px), var(--meravia-shell));
    margin-inline: auto;
}

.meravia-header {
    background: var(--meravia-white);
    border-bottom: 1px solid var(--meravia-line);
}

.meravia-utility {
    background: var(--meravia-navy);
    color: #d9e2ec;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.meravia-utility-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 38px;
}

.meravia-utility-label {
    text-align: center;
}

.meravia-cooperation {
    justify-self: end;
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.meravia-masthead {
    background: var(--meravia-navy);
    color: #ffffff;
    padding: 28px 0 30px;
}

.meravia-masthead-inner {
    display: grid;
    grid-template-columns: minmax(260px, 0.75fr) minmax(420px, 1.25fr);
    gap: 54px;
    align-items: center;
}

.meravia-brand {
    min-width: 0;
}

.meravia-brand-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.meravia-logo .custom-logo-link {
    display: block;
}

.meravia-logo img {
    display: block;
    width: auto;
    max-width: 320px;
    max-height: 78px;
    object-fit: contain;
}

.meravia-site-name {
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.meravia-slogan {
    margin: 10px 0 0;
    color: #bcccdc;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    line-height: 1.45;
    text-transform: uppercase;
}

.meravia-header-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    background: #ffffff;
    border: 4px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    overflow: hidden;
}

.meravia-header-search input {
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    color: var(--meravia-ink);
    font-size: 1rem;
    outline: none;
}

.meravia-header-search button {
    min-width: 120px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: 0;
    background: var(--meravia-coral);
    color: #ffffff;
    font-weight: 800;
    white-space: nowrap;
}

.meravia-navigation {
    background: #ffffff;
    border-bottom: 1px solid var(--meravia-line);
}

.meravia-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meravia-menu > li {
    margin: 0;
}

.meravia-menu > li > a {
    display: block;
    padding: 18px 25px 16px 0;
    color: var(--meravia-navy);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-decoration: none;
    text-transform: uppercase;
}

.meravia-menu > li > a:hover,
.meravia-menu > li > a:focus {
    color: var(--meravia-coral);
}

.meravia-site-content {
    min-height: 50vh;
}

.meravia-intro {
    padding: 54px 0 42px;
}

.meravia-intro-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
    gap: 60px;
    align-items: end;
}

.meravia-kicker,
.meravia-eyebrow,
.meravia-meta {
    margin: 0 0 10px;
    color: var(--meravia-coral);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.meravia-intro h1,
.meravia-heading-row h2 {
    margin: 0;
    color: var(--meravia-navy);
    font-size: clamp(2.5rem, 5.4vw, 5.2rem);
    font-weight: 760;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.meravia-intro-copy {
    margin: 0;
    color: var(--meravia-muted);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    line-height: 1.7;
}

.meravia-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(310px, 0.75fr);
    gap: 28px;
    margin-bottom: 78px;
}

.meravia-lead {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(290px, 0.9fr);
    min-height: 520px;
    background: #ffffff;
    border: 1px solid var(--meravia-line);
    overflow: hidden;
}

.meravia-lead-media {
    min-height: 100%;
    background: var(--meravia-soft);
}

.meravia-lead-media img,
.meravia-guide-media img,
.meravia-stream-media img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.meravia-image-placeholder {
    display: block;
    width: 100%;
    min-height: 100%;
    background:
        linear-gradient(135deg, rgba(16, 42, 67, 0.92), rgba(208, 90, 66, 0.68));
}

.meravia-lead-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(34px, 5vw, 68px);
}

.meravia-lead-content h2 {
    margin: 0 0 24px;
    color: var(--meravia-navy);
    font-size: clamp(2rem, 3.4vw, 3.65rem);
    letter-spacing: -0.045em;
    line-height: 1.02;
}

.meravia-lead-content h2 a,
.meravia-trending h3 a,
.meravia-topic-card a,
.meravia-guide-card h3 a,
.meravia-stream-item h3 a {
    text-decoration: none;
}

.meravia-lead-content > p:not(.meravia-eyebrow) {
    margin: 0 0 28px;
    color: var(--meravia-muted);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.02rem;
    line-height: 1.65;
}

.meravia-read-more {
    align-self: flex-start;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--meravia-coral);
    color: var(--meravia-navy);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.meravia-trending {
    background: var(--meravia-navy);
    color: #ffffff;
    padding: 32px;
}

.meravia-section-label {
    margin-bottom: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 760;
}

.meravia-trending-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.meravia-index {
    color: var(--meravia-coral);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.meravia-trending .meravia-meta {
    color: #9fb3c8;
}

.meravia-trending h3 {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.34;
}

.meravia-heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 30px;
    padding-bottom: 26px;
    border-bottom: 2px solid var(--meravia-navy);
}

.meravia-heading-row h2 {
    font-size: clamp(2.1rem, 4.2vw, 4rem);
}

.meravia-heading-row > p {
    margin: 0;
    color: var(--meravia-muted);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.65;
}

.meravia-topics {
    margin-bottom: 82px;
}

.meravia-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--meravia-line);
    border-left: 1px solid var(--meravia-line);
}

.meravia-topic-card {
    min-height: 210px;
    padding: 28px;
    background: rgba(255, 255, 255, 0.62);
    border-right: 1px solid var(--meravia-line);
    border-bottom: 1px solid var(--meravia-line);
}

.meravia-topic-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 42px;
    color: var(--meravia-coral);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.meravia-topic-top a {
    color: var(--meravia-navy);
}

.meravia-topic-card h3 {
    margin: 0;
    color: var(--meravia-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem;
    line-height: 1.4;
}

.meravia-guides {
    margin-bottom: 82px;
    padding: 46px;
    background: var(--meravia-navy);
    color: #ffffff;
}

.meravia-heading-row-dark {
    border-bottom-color: rgba(255, 255, 255, 0.28);
}

.meravia-heading-row-dark h2 {
    color: #ffffff;
}

.meravia-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.meravia-guide-card {
    background: #ffffff;
    color: var(--meravia-ink);
}

.meravia-guide-media {
    display: block;
    aspect-ratio: 16 / 10;
    background: var(--meravia-soft);
    overflow: hidden;
}

.meravia-guide-content {
    padding: 24px;
}

.meravia-guide-content h3 {
    margin: 0 0 14px;
    color: var(--meravia-navy);
    font-size: 1.35rem;
    line-height: 1.22;
}

.meravia-guide-content > p:last-child {
    margin: 0;
    color: var(--meravia-muted);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.55;
}

.meravia-latest {
    margin-bottom: 80px;
}

.meravia-latest-stream {
    border-top: 1px solid var(--meravia-line);
}

.meravia-stream-item {
    display: grid;
    grid-template-columns: 46px 230px minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid var(--meravia-line);
}

.meravia-stream-media {
    display: block;
    aspect-ratio: 4 / 3;
    background: var(--meravia-soft);
    overflow: hidden;
}

.meravia-stream-content .meravia-meta span {
    margin-left: 14px;
    color: var(--meravia-muted);
}

.meravia-stream-content h3 {
    margin: 0 0 10px;
    color: var(--meravia-navy);
    font-size: clamp(1.35rem, 2.3vw, 2.2rem);
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.meravia-stream-content > p:last-child {
    margin: 0;
    color: var(--meravia-muted);
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.55;
}

.meravia-home-widgets {
    margin-bottom: 80px;
    padding-top: 34px;
    border-top: 2px solid var(--meravia-navy);
}

.meravia-home-widgets .widget {
    margin-bottom: 34px;
}

.meravia-home-widgets .widget-title {
    margin: 0 0 18px;
    color: var(--meravia-navy);
    font-size: clamp(1.55rem, 2.5vw, 2.25rem);
    letter-spacing: -0.03em;
}

.meravia-footer {
    background: var(--meravia-navy);
    color: #d9e2ec;
}

.meravia-footer-grid {
    display: grid;
    grid-template-columns: 1fr 0.7fr 1.2fr;
    gap: 60px;
    padding-top: 58px;
    padding-bottom: 50px;
}

.meravia-footer h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 1.1rem;
}

.meravia-footer-brand > a {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    text-decoration: none;
}

.meravia-footer-brand p,
.meravia-footer-widget p {
    color: #9fb3c8;
    line-height: 1.65;
}

.meravia-footer-links a {
    display: block;
    margin: 0 0 12px;
    color: #d9e2ec;
}

.meravia-footer-bottom {
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #9fb3c8;
    font-size: 0.8rem;
}

/* Archiwa i wpisy. */
.meravia-theme .archive-header,
.meravia-theme .page-header {
    margin: 44px 0 30px;
    padding: 34px;
    background: var(--meravia-navy);
    color: #ffffff;
}

.meravia-theme .archive-header .page-title,
.meravia-theme .page-header .page-title,
.meravia-theme .archive-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 4.2rem);
    letter-spacing: -0.045em;
}

.meravia-theme .single-article .entry-title {
    color: var(--meravia-navy);
    font-size: clamp(2.5rem, 5vw, 5rem);
    letter-spacing: -0.055em;
    line-height: 1;
}

.meravia-theme .single-article > .entry-content {
    color: var(--meravia-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    line-height: 1.78;
}

.meravia-theme .single-article > .entry-content h2,
.meravia-theme .single-article > .entry-content h3 {
    color: var(--meravia-navy);
    font-family: Inter, system-ui, sans-serif;
    letter-spacing: -0.025em;
}

@media (max-width: 1050px) {
    .meravia-masthead-inner,
    .meravia-dashboard,
    .meravia-intro-inner {
        grid-template-columns: 1fr;
    }

    .meravia-lead {
        grid-template-columns: 1fr 1fr;
    }

    .meravia-topic-grid,
    .meravia-guide-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .meravia-shell {
        width: min(calc(100% - 28px), var(--meravia-shell));
    }

    .meravia-utility-inner {
        grid-template-columns: 1fr auto;
    }

    .meravia-utility-label {
        display: none;
    }

    .meravia-masthead {
        padding: 22px 0;
    }

    .meravia-masthead-inner {
        gap: 22px;
    }

    .meravia-header-search {
        grid-template-columns: 1fr;
    }

    .meravia-header-search button {
        min-height: 48px;
    }

    .meravia-menu {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .meravia-menu > li > a {
        padding-right: 22px;
        white-space: nowrap;
    }

    .meravia-intro {
        padding: 36px 0 28px;
    }

    .meravia-intro-inner,
    .meravia-heading-row {
        gap: 22px;
    }

    .meravia-lead {
        grid-template-columns: 1fr;
    }

    .meravia-lead-media {
        aspect-ratio: 16 / 11;
    }

    .meravia-topic-grid,
    .meravia-guide-grid,
    .meravia-footer-grid {
        grid-template-columns: 1fr;
    }

    .meravia-guides {
        padding: 28px 20px;
    }

    .meravia-stream-item {
        grid-template-columns: 34px 112px minmax(0, 1fr);
        gap: 14px;
    }

    .meravia-stream-content > p:last-child {
        display: none;
    }
}


/* MERAVIA_0_1_1_TYPOGRAPHY_AND_PAGINATION_START */

/* Mniejsza skala dwóch największych tytułów strony głównej. */
.meravia-theme .meravia-intro h1 {
    font-size: clamp(2.15rem, 4vw, 4rem) !important;
    line-height: 1.01 !important;
}

.meravia-theme .meravia-lead-content h2 {
    font-size: clamp(1.8rem, 2.65vw, 2.8rem) !important;
    line-height: 1.06 !important;
}

/* Naprawiona paginacja: elementy obok siebie, bez rozciągania na całą szerokość. */
.meravia-theme .navigation.pagination,
.meravia-theme nav.pagination,
.meravia-theme .pagination {
    margin: 38px 0 0 !important;
}

.meravia-theme .navigation.pagination .nav-links,
.meravia-theme nav.pagination .nav-links,
.meravia-theme .pagination .nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
}

.meravia-theme .navigation.pagination .page-numbers,
.meravia-theme nav.pagination .page-numbers,
.meravia-theme .pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    border: 1px solid var(--meravia-line) !important;
    border-radius: 6px !important;
    background: var(--meravia-white) !important;
    color: var(--meravia-navy) !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.meravia-theme .navigation.pagination .page-numbers.current,
.meravia-theme nav.pagination .page-numbers.current,
.meravia-theme .pagination .page-numbers.current {
    border-color: var(--meravia-navy) !important;
    background: var(--meravia-navy) !important;
    color: var(--meravia-white) !important;
}

.meravia-theme .navigation.pagination a.page-numbers:hover,
.meravia-theme .navigation.pagination a.page-numbers:focus,
.meravia-theme nav.pagination a.page-numbers:hover,
.meravia-theme nav.pagination a.page-numbers:focus,
.meravia-theme .pagination a.page-numbers:hover,
.meravia-theme .pagination a.page-numbers:focus {
    border-color: var(--meravia-coral) !important;
    color: var(--meravia-coral) !important;
}

.meravia-theme .navigation.pagination .prev,
.meravia-theme .navigation.pagination .next,
.meravia-theme nav.pagination .prev,
.meravia-theme nav.pagination .next,
.meravia-theme .pagination .prev,
.meravia-theme .pagination .next {
    width: auto !important;
    padding-inline: 16px !important;
}

@media (max-width: 760px) {
    .meravia-theme .meravia-intro h1 {
        font-size: clamp(2rem, 10vw, 3rem) !important;
    }

    .meravia-theme .meravia-lead-content h2 {
        font-size: clamp(1.75rem, 8vw, 2.45rem) !important;
    }

    .meravia-theme .navigation.pagination .nav-links,
    .meravia-theme nav.pagination .nav-links,
    .meravia-theme .pagination .nav-links {
        gap: 6px !important;
    }

    .meravia-theme .navigation.pagination .page-numbers,
    .meravia-theme nav.pagination .page-numbers,
    .meravia-theme .pagination .page-numbers {
        min-width: 38px !important;
        min-height: 38px !important;
        padding: 6px 10px !important;
    }
}

/* MERAVIA_0_1_1_TYPOGRAPHY_AND_PAGINATION_END */


/* MERAVIA_0_1_2_DARK_CONTRAST_START */

/*
 * Kontrast elementów osadzonych na granatowych tłach.
 * Wcześniejsze reguły bazy miały większą specyficzność i nadpisywały
 * jasny kolor tytułów archiwum oraz linków w panelu „Na czasie”.
 */
.meravia-theme .archive-header,
.meravia-theme .page-header,
.meravia-theme .search-header {
    color: var(--meravia-white) !important;
}

.meravia-theme .archive-header h1,
.meravia-theme .archive-header .page-title,
.meravia-theme .archive-header .archive-title,
.meravia-theme .page-header h1,
.meravia-theme .page-header .page-title,
.meravia-theme .page-header .archive-title,
.meravia-theme .search-header h1,
.meravia-theme .search-header .page-title,
.meravia-theme .search-header .archive-title {
    color: var(--meravia-white) !important;
}

.meravia-theme .archive-header .archive-description,
.meravia-theme .archive-header .taxonomy-description,
.meravia-theme .page-header .archive-description,
.meravia-theme .page-header .taxonomy-description,
.meravia-theme .search-header .archive-description {
    color: #d9e2ec !important;
}

.meravia-theme .meravia-trending,
.meravia-theme .meravia-trending .meravia-section-label {
    color: var(--meravia-white) !important;
}

.meravia-theme .meravia-trending h2,
.meravia-theme .meravia-trending h3,
.meravia-theme .meravia-trending h3 a,
.meravia-theme .meravia-trending-item h3,
.meravia-theme .meravia-trending-item h3 a {
    color: var(--meravia-white) !important;
}

.meravia-theme .meravia-trending h3 a:hover,
.meravia-theme .meravia-trending h3 a:focus,
.meravia-theme .meravia-trending-item h3 a:hover,
.meravia-theme .meravia-trending-item h3 a:focus {
    color: #f6c7bc !important;
}

.meravia-theme .meravia-trending .meravia-meta {
    color: #9fb3c8 !important;
}

.meravia-theme .meravia-trending .meravia-index {
    color: var(--meravia-coral) !important;
}

/* MERAVIA_0_1_2_DARK_CONTRAST_END */


/* MERAVIA_0_1_3_SIDEBAR_SEARCH_START */

/* Wyszukiwarka w sidebarze: przycisk nie może łamać napisu „Szukaj”. */
.meravia-theme .sidebar .widget_search .search-form,
.meravia-theme .sidebar .wp-block-search__inside-wrapper,
.meravia-theme .widget-area .widget_search .search-form,
.meravia-theme .widget-area .wp-block-search__inside-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.meravia-theme .sidebar .widget_search .search-field,
.meravia-theme .sidebar .wp-block-search__input,
.meravia-theme .widget-area .widget_search .search-field,
.meravia-theme .widget-area .wp-block-search__input {
    width: 100% !important;
    min-width: 0 !important;
}

.meravia-theme .sidebar .widget_search .search-submit,
.meravia-theme .sidebar .wp-block-search__button,
.meravia-theme .widget-area .widget_search .search-submit,
.meravia-theme .widget-area .wp-block-search__button {
    width: auto !important;
    min-width: max-content !important;
    padding-inline: 18px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

@media (max-width: 420px) {
    .meravia-theme .sidebar .widget_search .search-form,
    .meravia-theme .sidebar .wp-block-search__inside-wrapper,
    .meravia-theme .widget-area .widget_search .search-form,
    .meravia-theme .widget-area .wp-block-search__inside-wrapper {
        grid-template-columns: 1fr !important;
    }

    .meravia-theme .sidebar .widget_search .search-submit,
    .meravia-theme .sidebar .wp-block-search__button,
    .meravia-theme .widget-area .widget_search .search-submit,
    .meravia-theme .widget-area .wp-block-search__button {
        width: 100% !important;
    }
}

/* MERAVIA_0_1_3_SIDEBAR_SEARCH_END */