/*
 Theme Name:   Hello Elementor Child – Parafia Świętej Trójcy
 Theme URI:    https://www.swietatrojca.szczecin.pl/
 Description:  Motyw potomny Hello Elementor dla strony Parafii pw. Świętej Trójcy w Szczecinie. Tu wpisuj własny CSS – nie zniknie po aktualizacji motywu.
 Author:       WebPower
 Author URI:   https://webpower.com.pl/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* =========================================================
   Galeria (wtyczka Parish Gallery) – styl Propozycji B
   ========================================================= */
:root{--pg-primary:#8F6224;--pg-accent:#DBA860;--pg-primary-light:rgba(219,168,96,.15);--pg-text:#464646;--pg-text-muted:#6B6B6B;--pg-bg:#F6F4F2;--pg-white:#FFFFFF;--pg-border:#ECE7E1;--pg-radius:0;--pg-radius-lg:0;--pg-gap:40px 28px}
.pg-archive-wrap{padding-top:56px;padding-bottom:88px}
.pg-cat-filter{justify-content:flex-start;gap:8px;padding-bottom:24px;margin-bottom:40px;border-bottom:1px solid var(--pg-border)}
.pg-cat-filter a{border:1px solid #E2DBD2;border-radius:0;padding:9px 18px;background:#fff;color:var(--pg-text);font-family:'Oswald',sans-serif;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.pg-cat-filter a:hover{background:#fff;border-color:var(--pg-accent);color:var(--pg-primary)}
.pg-cat-filter a.active{background:var(--pg-accent);border-color:var(--pg-accent);color:#252525}
.pg-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.pg-card{background:transparent;color:var(--pg-text)}
.pg-card:hover{transform:none}
.pg-card__thumb{aspect-ratio:3/2;border-radius:0;background:#EFEAE4}
.pg-card__thumb::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pg-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.pg-card:hover .pg-card__thumb::after{transform:scaleX(1)}
.pg-card__count{right:12px;bottom:12px;border-radius:0;background:rgba(37,37,37,.82);backdrop-filter:none;color:#F6F4F2;font-family:'Oswald',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px}
.pg-card__body{padding-top:14px}
.pg-card__title{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:700;line-height:1.3;color:var(--pg-text);transition:color .2s ease}
.pg-card:hover .pg-card__title{color:var(--pg-primary)}
.pg-card__date{font-family:'Oswald',sans-serif;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--pg-primary)}
.pg-card__no-image{background:#EFEAE4;color:var(--pg-accent)}
.pg-pagination{margin-top:56px}
.pg-pagination ul{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.pg-pagination a,.pg-pagination span{width:44px;height:44px;border:1px solid #E2DBD2;border-radius:0;color:var(--pg-text);font-family:'Oswald',sans-serif;font-size:14px;font-weight:500}
.pg-pagination a:hover{background:#fff;border-color:var(--pg-accent);color:var(--pg-primary)}
.pg-pagination .current{background:#252525;border-color:#252525;color:#fff}
.pg-pagination .dots{border:0}
.pg-single{max-width:1200px;padding:56px 24px 88px}
.pg-breadcrumb{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--pg-text-muted)}
.pg-breadcrumb a{color:var(--pg-primary);text-decoration:underline;text-underline-offset:3px}
.pg-single__header{text-align:left;margin-bottom:24px}
.pg-single__header .pg-card__cats{justify-content:flex-start}
.pg-single__title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,5vw,54px);font-weight:700;line-height:1.1;color:var(--pg-text);margin:0 0 16px}
.pg-single__title::after{content:'';display:block;width:56px;height:3px;margin-top:16px;background:var(--pg-accent)}
.pg-single__meta{justify-content:flex-start;font-size:14px;color:var(--pg-text-muted)}
.pg-single__meta .pg-date{color:var(--pg-primary);font-weight:600}
.pg-single__desc{text-align:left;margin:0 0 40px;max-width:760px;font-family:'Montserrat',sans-serif;font-size:18px;line-height:1.75;color:#5E5E5E}
.pg-cat-badge{border-radius:0;background:var(--pg-accent);color:#252525;font-family:'Oswald',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px}
.pg-photo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pg-photo-item{border-radius:0;aspect-ratio:3/2;background:#EFEAE4}
.pg-photo-item:hover img{transform:scale(1.04);opacity:1}
.pg-photo-masonry .pg-photo-item{aspect-ratio:unset}
.pg-photo-slider{border-radius:0}
.pg-slider-btn{border-radius:0;background:rgba(37,37,37,.8);color:#fff}
.pg-slider-btn:hover{background:var(--pg-accent);color:#252525}
.pg-post-nav{border-top-color:#E2DBD2}
.pg-post-nav a{color:var(--pg-primary);font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.pg-post-nav a:hover{color:#6E4A18}
.pg-btn{border-radius:0;background:var(--pg-accent);color:#252525!important;font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:15px 28px}
.pg-btn:hover{background:#CF9A4E;color:#252525!important;transform:none}
.pg-section-title{font-family:'Playfair Display',Georgia,serif;color:var(--pg-text)}
.pg-section-title::before{background:var(--pg-accent);border-radius:0;width:3px}
@media (max-width:700px){.pg-archive-wrap{padding-top:40px;padding-bottom:64px}.pg-grid{grid-template-columns:1fr;gap:32px}.pg-photo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pg-single{padding:40px 16px 64px}}

/* ----- Poprawki mobile (wyrównanie marginesów z nagłówkiem i stopką) ----- */
.pg-container{padding-left:24px;padding-right:24px}
@media (max-width:700px){
  .pg-single{padding:32px 24px 64px}
  .pg-single__title{font-size:36px}
  .pg-single__desc{font-size:16px;margin-bottom:28px}
  .pg-breadcrumb{font-size:11px;letter-spacing:.16em;line-height:1.9}
  .pg-card__title{font-size:19px}
  .pg-cat-filter{margin-bottom:28px}
  .pg-pagination{margin-top:40px}
}
/* =========================================================
   Ogłoszenia parafialne (wtyczka Parafia Ogłoszenia) – styl Propozycji B
   ========================================================= */

/* ----- Kontener ----- */
#parafia-ogloszenia-wrap {
  background: #fff;
  overflow-x: clip;               /* beżowe tło nagłówka bez poziomego przewijania */
}
#parafia-ogloszenia-wrap .parafia-ogl-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 88px;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  color: #5E5E5E;
  font-size: 16px;
  line-height: 1.75;
}

/* ----- Nagłówek: beżowy pas na całą szerokość jak na innych podstronach ----- */
#parafia-ogloszenia-wrap .parafia-ogl-header {
  position: relative;
  padding: 56px 0 56px;
  margin-bottom: 64px;
  background: #F6F4F2;
  box-shadow: 0 0 0 100vmax #F6F4F2;   /* rozciąga tło poza kontener */
  clip-path: inset(0 -100vmax);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#parafia-ogloszenia-wrap .parafia-ogl-header::before {   /* okruszki */
  content: 'Strona główna  /  Informacje  /  Ogłoszenia parafialne';
  white-space: pre;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #6B6B6B;
}
#parafia-ogloszenia-wrap .parafia-ogl-title {
  margin: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.1;
  color: #464646;
}
#parafia-ogloszenia-wrap .parafia-ogl-title::after {      /* złota kreska */
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 20px;
  background: #DBA860;
}
#parafia-ogloszenia-wrap .parafia-ogl-date {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #8F6224;
}

/* ----- Treść ogłoszeń ----- */
#parafia-ogloszenia-wrap .parafia-ogl-content {
  max-width: 820px;
}
#parafia-ogloszenia-wrap .parafia-ogl-content > *:first-child { margin-top: 0; }
#parafia-ogloszenia-wrap .parafia-ogl-content p { margin: 0 0 18px; }
#parafia-ogloszenia-wrap .parafia-ogl-content h2,
#parafia-ogloszenia-wrap .parafia-ogl-content h3,
#parafia-ogloszenia-wrap .parafia-ogl-content h4 {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  color: #464646;
  line-height: 1.3;
  margin: 40px 0 16px;
}
#parafia-ogloszenia-wrap .parafia-ogl-content h2 { font-size: 30px; }
#parafia-ogloszenia-wrap .parafia-ogl-content h3 { font-size: 24px; }
#parafia-ogloszenia-wrap .parafia-ogl-content a { color: #8F6224; text-underline-offset: 3px; }
#parafia-ogloszenia-wrap .parafia-ogl-content strong { color: #464646; }

/* Lista numerowana – złote kółka z numerami jak w projekcie */
#parafia-ogloszenia-wrap .parafia-ogl-content ol {
  list-style: none;
  counter-reset: ogl;
  margin: 0 0 32px;
  padding: 0;
}
#parafia-ogloszenia-wrap .parafia-ogl-content ol > li {
  counter-increment: ogl;
  position: relative;
  padding: 24px 0 24px 64px;
  border-bottom: 1px solid #ECE7E1;
}
#parafia-ogloszenia-wrap .parafia-ogl-content ol > li:first-child { padding-top: 4px; }
#parafia-ogloszenia-wrap .parafia-ogl-content ol > li:first-child::before { top: 4px; }
#parafia-ogloszenia-wrap .parafia-ogl-content ol > li::before {
  content: counter(ogl);
  position: absolute;
  left: 0;
  top: 24px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #DBA860;
  color: #252525;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}
/* zagnieżdżone listy (np. wklejone z Worda) – bez podwójnych kółek */
#parafia-ogloszenia-wrap .parafia-ogl-content ol ol,
#parafia-ogloszenia-wrap .parafia-ogl-content li[style*="list-style-type: none"] { counter-increment: none; }
#parafia-ogloszenia-wrap .parafia-ogl-content li[style*="list-style-type: none"]::before { display: none; }
#parafia-ogloszenia-wrap .parafia-ogl-content li[style*="list-style-type: none"] { padding-left: 0; border: 0; }
#parafia-ogloszenia-wrap .parafia-ogl-content ul { padding-left: 20px; margin: 0 0 24px; }
#parafia-ogloszenia-wrap .parafia-ogl-content ul li::marker { color: #DBA860; }

/* Cytat / komunikat kurii */
#parafia-ogloszenia-wrap .parafia-ogl-content blockquote {
  margin: 32px 0;
  padding: 28px 32px;
  background: #F6F4F2;
  border-left: 3px solid #DBA860;
  font-style: italic;
}

/* ----- Brak ogłoszeń ----- */
#parafia-ogloszenia-wrap .parafia-ogl-empty {
  padding: 32px;
  background: #F6F4F2;
  border-top: 3px solid #DBA860;
  max-width: 820px;
}
#parafia-ogloszenia-wrap .parafia-ogl-empty p { margin: 0; color: #464646; }

/* ----- Link do ogłoszeń sprzed tygodnia ----- */
#parafia-ogloszenia-wrap .parafia-ogl-nav {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 3px solid #DBA860;
  max-width: 820px;
}
#parafia-ogloszenia-wrap .parafia-ogl-link {
  display: inline-block;
  padding: 14px 28px;
  border: 1.5px solid #464646;
  color: #464646;
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  transition: background .2s, color .2s, border-color .2s;
}
#parafia-ogloszenia-wrap .parafia-ogl-link:hover {
  background: #DBA860;
  border-color: #DBA860;
  color: #252525;
}

/* ----- Shortcode [ogloszenie_aktualne] (np. na stronie głównej) ----- */
.parafia-ogl-sc {
  background: #fff;
  border-top: 3px solid #DBA860;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: 'Montserrat', sans-serif;
  color: #5E5E5E;
}
.parafia-ogl-sc-header { display: flex; flex-direction: column; gap: 6px; }
.parafia-ogl-sc-title {
  margin: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px; font-weight: 700; line-height: 1.25; color: #464646;
}
.parafia-ogl-sc-date {
  font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase; color: #8F6224;
}
.parafia-ogl-sc-excerpt, .parafia-ogl-sc-content { margin: 0; line-height: 1.7; }
.parafia-ogl-sc-btn {
  align-self: flex-start;
  display: inline-block;
  padding: 15px 28px;
  background: #DBA860;
  color: #252525 !important;
  text-decoration: none !important;
  font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase;
}
.parafia-ogl-sc-btn:hover { background: #CF9A4E; }
.parafia-ogl-sc-empty p { margin: 0; font-style: italic; color: #6B6B6B; }

/* ----- Mobile ----- */
@media (max-width: 700px) {
  #parafia-ogloszenia-wrap .parafia-ogl-header { padding: 40px 0; margin-bottom: 40px; }
  #parafia-ogloszenia-wrap .parafia-ogl-header::before { white-space: normal; font-size: 11px; letter-spacing: .16em; }
  #parafia-ogloszenia-wrap .parafia-ogl-title { font-size: 36px; }
  #parafia-ogloszenia-wrap .parafia-ogl-content ol > li { padding-left: 52px; }
  #parafia-ogloszenia-wrap .parafia-ogl-content ol > li::before { width: 36px; height: 36px; font-size: 17px; }
  #parafia-ogloszenia-wrap .parafia-ogl-link { display: block; text-align: center; }
}
/* =========================================================
   Ogłoszenia – układ strony (nagłówek z Elementora + treść + boczna kolumna)
   ========================================================= */
.ogl-page{background:#fff}
.ogl-lead-title{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:24px;color:#464646}
.ogl-section{padding:72px 24px 88px}
.ogl-layout{max-width:1152px;margin:0 auto;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.ogl-main{flex:3 1 560px;min-width:0;font-family:'Montserrat',sans-serif;color:#5E5E5E;font-size:16px;line-height:1.75}
.ogl-aside{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.ogl-eyebrow{display:block;margin:0 0 24px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#8F6224}
.ogl-box{background:#F6F4F2;padding:28px;display:flex;flex-direction:column;gap:10px;font-family:'Montserrat',sans-serif;color:#5E5E5E;font-size:15px}
.ogl-box--gold{border-top:3px solid #DBA860}
.ogl-box .ogl-eyebrow{margin:0}
.ogl-box h2{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:700;color:#464646}
.ogl-box p{margin:0}
.ogl-btn{align-self:flex-start;display:inline-block;margin-top:6px;padding:15px 28px;background:#DBA860;color:#252525!important;text-decoration:none!important;font-family:'Oswald',sans-serif;font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.ogl-btn:hover{background:#CF9A4E}
.ogl-side-link{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #E2DBD2;color:#464646!important;text-decoration:none!important}
.ogl-side-link:last-child{border-bottom:0}
.ogl-side-link:hover{color:#8F6224!important}
#parafia-ogloszenia-wrap .ogl-main .parafia-ogl-content{max-width:none}
@media (max-width:700px){.ogl-section{padding:40px 24px 64px}.ogl-layout{gap:40px}.ogl-lead-title{font-size:20px}}
/* ----- Strona 404 ----- */
#strona-404 a.e-con{padding-inline:0!important;text-decoration:none}
#strona-404 a.e-con h3::after{content:' →';color:#DBA860}
#strona-404 a.e-con:hover h3{color:#8F6224}