/* =========================================================================
   Szablon JAN: to, czego nie daja tokeny i warianty z definicji (application/core/templates/jan/template.php).
   Wzor: dawny szablon Jan (przemienienie.pl, swkazimierz.pl, kosciolmorski.pl). Kolory wylacznie z tokenow palety:
   --pri (pomarancz do napisow i przyciskow), --sec (jasny akcent), --band-bg (niebieski pasek i pasy), --footer-bg.
   ========================================================================= */

/* ---- Strona biala do krawedzi ------------------------------------------------------------------------------- */
html:not([data-tlo]) body { background: var(--bg); }

/* ---- Naglowek: nazwa Oswaldem w pochylonej ramce, menu biale na niebieskim ------------------------------------ */
.front-root--jan .front-header__name,
.front-root--jan a.front-header__name { font-size: 21px; font-weight: 400; line-height: 1.15; letter-spacing: .01em; }
.front-root--jan .front-header__subtitle { font-family: var(--font-serif); font-weight: 300; letter-spacing: .01em; }
.front-root--jan .front-header__brand { padding: 10px 18px 11px; }
/* nazwa w dwoch wierszach (jak w dawnym Janie), zeby menu zmiescilo sie obok w jednym rzedzie */
.front-root--jan .front-header__titles { max-width: 250px; }
.front-root--jan .front-header__name, .front-root--jan a.front-header__name { text-wrap: balance; }
.front-root--jan .front-header__inner { padding-block: 14px; }
.front-root.front-root--jan a.front-topnav__link { padding: 4px 11px; letter-spacing: .01em; }
.front-root.front-root--jan > .front-header a.front-topnav__link:is(:hover, .front-topnav__link--active),
.front-root.front-root--jan > .front-header .front-topnav__group:hover > a.front-topnav__link { background: var(--pri); color: #fff; text-shadow: none; }
.front-root--jan.front-root--hero-overlay > .front-header .front-topnav__link { text-shadow: 0 1px 6px rgba(0, 0, 0, .35); }

/* ---- Szuflada "Informacje podstawowe" pod zdjeciem: biala, napisy w kolorze glownym ----------------------------- */
.front-root--jan .mateusz-hero__drawer { background: var(--surface); }

/* ---- Kolumna boczna: listy Oswaldem bez kresek i naglowka, Ewangelia na pomaranczu ---------------------------- */
.front-root--jan nav.front-sidebar__box > .front-sidebar__head { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.front-root--jan .front-sidebar__item { border-bottom: 0; }
.front-root--jan :is(.front-sidebar__row, .front-sidebar__link) { padding-left: 0; }
.front-root--jan .front-sidebar__row { border-left: 0; background: none; }
.front-root--jan .front-sidebar__link { font-family: var(--font-serif); font-size: 16px; font-weight: 400; padding-block: 5px; color: var(--ink); }
.front-root--jan .front-sidebar__link:hover,
.front-root--jan .front-sidebar__row.is-active .front-sidebar__link { color: var(--pri); }
.front-root.front-root--jan .front-sidebar section.front-section.front-gospel {
  --section-text: #fff; --section-heading: #fff; --section-muted: #fff; --section-text-soft: #fff; --section-link: #fff;
  background: var(--pri-strong); color: #fff; padding: 16px 18px 18px;
}
.front-root.front-root--jan .front-sidebar .front-gospel .section-head { margin: 0 0 10px; padding: 0 0 8px; border-bottom: 1px solid rgba(255, 255, 255, .45); }
.front-root.front-root--jan .front-sidebar .front-gospel .section-title { color: #fff; font-size: 21px; }
.front-root--jan .front-sidebar .front-gospel :is(.front-gospel__day, .front-gospel__text, .front-gospel__credit, a:not(.btn)) { color: #fff; }
.front-root--jan .front-sidebar .front-gospel a:not(.btn) { text-decoration: underline; text-underline-offset: 3px; }
.front-root--jan .front-sidebar .front-gospel :not(.btn):not(.btn *):not(svg *) { color: #fff; }
.front-root--jan .front-sidebar .front-gospel .btn { background: #fff; border-color: #fff; color: var(--pri-strong); }
.front-root--jan .front-sidebar .front-gospel .btn:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.front-root--jan .front-sidebar .front-gospel :focus-visible { outline-color: #fff; }

/* ---- Naglowki sekcji: Oswald, zwykle pismo, kreska akcentu pod spodem ----------------------------------------- */
.front-root--jan .front-main .section-title { font-size: 30px; color: var(--ink); }
.front-root--jan .front-main > .front-section > .section-head,
.front-root--jan #aktualnosci > .section-head { padding-bottom: 8px; border-bottom: 2px solid var(--border); position: relative; }
.front-root--jan .front-main > .front-section > .section-head::after,
.front-root--jan #aktualnosci > .section-head::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 72px; height: 2px; background: var(--sec); }

/* ---- Aktualnosci: kreska postepu nad sliderem jak w dawnym Janie, przycisk archiwum na srodku ------------------- */
.front-root--jan .news-carousel__dots--progress .news-carousel__dot { width: 34px; height: 4px; background: var(--border); }
.front-root--jan .news-carousel__dot-fill { background: var(--sec); }
.front-root--jan #aktualnosci .section-foot { justify-content: center; }

/* ---- Karta ogloszen: jasna z ikona dokumentu zamiast zdjecia -------------------------------------------------- */
.front-root--jan :is(.front-main, .mateusz-widgets) .mateusz-duo > section.mateusz-ann-card { background: var(--surface-2); }
.front-root--jan .mateusz-ann-card__link { background: none; color: var(--ink); --section-dot-ring: var(--ink-3); }
.front-root--jan .mateusz-ann-card__link::before {
  content: ''; width: 34px; height: 40px; margin-bottom: 4px; background: var(--pri);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M15 1H4a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V9zm0 0v8h8M7 16h10M7 21h10M7 11h3' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M15 1H4a3 3 0 0 0-3 3v20a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V9zm0 0v8h8M7 16h10M7 21h10M7 11h3' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.front-root--jan .mateusz-ann-card__heading { margin-bottom: 6px; font-size: 24px; font-weight: 400; color: var(--ink); text-shadow: none; }
.front-root--jan .mateusz-ann-card__date { color: var(--ink-3); }
.front-root--jan .mateusz-ann-card__title { color: var(--ink); font-family: var(--font-serif); font-weight: 500; }
.front-root--jan .mateusz-ann-card__more { border-color: var(--pri); border-radius: 0; color: var(--pri); text-transform: uppercase; letter-spacing: .04em; font-size: 13px; }
.front-root--jan .mateusz-ann-card__link:is(:hover, :focus-visible) .mateusz-ann-card__more { background: var(--pri); color: #fff; }

/* ---- Pasy na kolorze (elementy, galerie): delikatna kratka jak w dawnym Janie ---------------------------------- */
.front-root--jan :is(.mateusz-elements--dark, #galerie, #duszpasterze.mateusz-pastors--dark) {
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(-45deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px);
}
.front-root--jan .mateusz-elements__title { font-size: 25px; font-weight: 400; }
.front-root--jan .mateusz-elements__photo { border-radius: 0; }
.front-root--jan .mateusz-elements__more.btn { background: var(--pri-strong); border-color: var(--pri-strong); color: #fff; }
.front-root--jan .mateusz-elements__more.btn:hover { background: #fff; border-color: #fff; color: var(--pri-strong); }

/* ---- Sakramenty na bialym: kola z cieniem, podpis Oswaldem w kolorze tekstu ------------------------------------- */
.front-root--jan .front-sacraments:not([style]) .section-title { color: var(--ink); }
.front-root--jan .front-sacraments:not([style]) .sacrament-tile__caption { color: var(--ink); font-weight: 400; font-size: 18px; }
.front-root--jan .front-sacraments:not([style]) .sacrament-tile__photo { box-shadow: 0 8px 20px rgba(0, 0, 0, .16); }
.front-root--jan .front-sacraments:not([style]) .sacrament-tile__photo::after { border-color: #fff; }

/* ---- Logotypy na bialym, nad stopka ------------------------------------------------------------------------- */
.front-root--jan .front-promoted-logos:not(.mateusz-logos--in-footer) { background: var(--bg); padding-block: 12px; }

/* ---- Stopka: naglowki kolumn wersalikami, dolny pasek ciemniejszy, wysrodkowany ----------------------------------- */
.front-root--jan :is(.front-footer__label, .front-footer__name) { font-family: var(--font-serif); font-weight: 500; letter-spacing: .05em; text-transform: uppercase; font-size: 15px; }
.front-root--jan .front-footer__bar { background: rgba(0, 0, 0, .22); }
.front-root--jan .front-footer__bar-inner { justify-content: center; flex-direction: column; gap: 8px; text-align: center; }

/* ---- Telefon -------------------------------------------------------------------------------------------------- */
@media (max-width: 760px) {
  .front-root--jan .front-header__name,
  .front-root--jan a.front-header__name { font-size: 18px; }
  .front-root--jan .front-main .section-title { font-size: 26px; }
}