/*
Theme Name: Ognisko Kraków Editable Plus
Theme URI: https://ogniskokrakow.eu/
Author: Marcin Dudek
Description: Edytowalny motyw WordPress dla Ogniska w Krakowie z sekcjami strony głównej, wydarzeniami, plikami, kontaktem, przełącznikami sekcji i elastyczną typografią.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: ognisko
*/

:root{
  --bg:#f6f1ea;
  --text:#292524;
  --muted:#57534e;
  --line:#e6ddd2;
  --card:#ffffff;
  --accent:#c87428;
  --accent-dark:#8d4d1d;
  --accent-soft:#e0a15a;
  --dark:#171a33;
  --dark-2:#26233c;
}

*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.site-main a:not(.ognisko-btn):not(.ognisko-readmore):not(.wp-block-button__link){color:var(--accent-dark)}
h1,h2,h3,h4,.font-display,.site-title{
  font-family:"Cormorant Garamond",Georgia,serif;
}
.ognisko-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ognisko-page h1,.ognisko-page h2,.ognisko-page h3{margin:0}
.ognisko-header{
  position:sticky;top:0;z-index:30;
  background:rgba(248,242,234,.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(141,77,29,.12);
  box-shadow:0 6px 28px rgba(200,116,40,.18);
}
.ognisko-header-inner{
  max-width:1200px;margin:0 auto;padding:16px 24px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
}
.ognisko-brand-title{font-size:22px;font-weight:700;color:var(--accent-dark);letter-spacing:.02em}
.ognisko-brand-sub{font-size:14px;color:#746556;margin-top:4px}
.ognisko-menu-wrap ul{display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:0;margin:0}
.ognisko-menu-wrap a{color:#3c3244;font-size:15px;font-weight:600;transition:.2s}
.ognisko-menu-wrap a:hover,.ognisko-menu-wrap .current-menu-item>a{color:var(--accent)}
.ognisko-section{padding:56px 0}
.ognisko-eyebrow{
  margin-bottom:12px;font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.2em;color:var(--accent);
}
.ognisko-section h2{font-size:48px;line-height:1.1;color:#1c1917}
.ognisko-section p{font-size:20px;line-height:1.8;color:#57534e}
.ognisko-readmore,.ognisko-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 20px;border-radius:999px;font-size:14px;font-weight:700;transition:.2s;
}
.ognisko-readmore{
  margin-top:24px;border:1px solid var(--accent-dark);color:var(--accent-dark);
}
.ognisko-readmore:hover{background:var(--accent-dark);color:#fff}
.ognisko-btn-primary{
  background:linear-gradient(135deg,#c87428,#a65d23);color:#fff;
  box-shadow:0 12px 30px rgba(217,119,6,.35)
}
.ognisko-btn-primary:hover{background:linear-gradient(135deg,#d88940,#b56628)}
.ognisko-btn-secondary{
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(6px)
}
.ognisko-btn-secondary:hover{background:rgba(255,255,255,.18)}

.ognisko-hero-section{
  padding:40px 0 56px;
  background:linear-gradient(to bottom,#1a1e3c 0%,#2a2942 34%,#7c4f2f 72%,#f1e4d3 100%);
  border-bottom:1px solid var(--line);
}
.ognisko-hero-card{
  overflow:hidden;border-radius:32px;
  background:linear-gradient(180deg,#151933 0%,#2a2942 100%);
  border:1px solid rgba(231,229,228,.8);
  box-shadow:0 34px 90px rgba(23,26,51,.28);
}
.ognisko-hero{position:relative;height:600px;overflow:hidden;background:linear-gradient(180deg,#171a33 0%,#282642 58%,#4a2f22 100%)}
.ognisko-hero-media,
.ognisko-page-banner-media{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)
}
.ognisko-hero::after,
.ognisko-page-banner::after{
  content:"";position:absolute;inset:0;
  background:
   linear-gradient(to bottom,rgba(14,19,45,.18),rgba(24,20,36,.46)),
   radial-gradient(circle at center bottom,rgba(255,175,83,.42),rgba(200,116,40,.24) 24%,rgba(0,0,0,0) 52%),
   linear-gradient(to top,rgba(12,9,13,.76),rgba(15,16,29,.2) 45%,rgba(0,0,0,.06));
  pointer-events:none;
}
.ognisko-vignette{
  position:absolute;inset:0;
  background:radial-gradient(circle at center,transparent 34%,rgba(17,20,38,.20) 76%,rgba(9,9,17,.48) 100%);
  pointer-events:none;
}
.ognisko-glow{
  position:absolute;left:50%;bottom:-4%;width:38rem;height:18rem;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(255,182,92,.36) 0%,rgba(200,116,40,.18) 42%,rgba(200,116,40,0) 72%);
  filter:blur(20px);animation:ogniskoGlowPulse 4.6s ease-in-out infinite;pointer-events:none;
}
.ognisko-spark{
  position:absolute;bottom:9%;left:50%;width:5px;height:5px;border-radius:999px;
  background:radial-gradient(circle,rgba(255,243,205,1) 0%,rgba(255,191,73,.95) 45%,rgba(255,140,0,.25) 100%);
  box-shadow:0 0 12px rgba(255,191,73,.85);opacity:0;pointer-events:none;
}
.ognisko-s1{animation:ogniskoRise1 6s linear infinite .1s}
.ognisko-s2{animation:ogniskoRise2 5.5s linear infinite .8s}
.ognisko-s3{animation:ogniskoRise3 6.8s linear infinite 1.4s}
.ognisko-s4{animation:ogniskoRise4 4.9s linear infinite .4s}
.ognisko-s5{animation:ogniskoRise5 7.2s linear infinite 2.2s}
.ognisko-s6{animation:ogniskoRise6 5.2s linear infinite 1.1s}
.ognisko-s7{animation:ogniskoRise7 6.4s linear infinite 2.8s}
.ognisko-s8{animation:ogniskoRise8 5.7s linear infinite 1.9s}
.ognisko-s9{animation:ogniskoRise9 6.1s linear infinite 3.1s}
.ognisko-s10{animation:ogniskoRise10 4.7s linear infinite 2.5s}
.ognisko-s11{animation:ogniskoRise11 6.9s linear infinite .9s}
.ognisko-s12{animation:ogniskoRise12 5.8s linear infinite 3.4s}

.ognisko-hero-content,.ognisko-page-banner-content{
  position:relative;z-index:2;height:100%;
  display:flex;align-items:end;justify-content:center;text-align:center;
  padding:64px 24px 80px;
}
.ognisko-hero-box,.ognisko-page-banner-box{max-width:900px}
.ognisko-badge{
  display:inline-flex;margin-bottom:20px;padding:8px 16px;border-radius:999px;
  border:1px solid rgba(255,255,255,.2);background:rgba(27,26,51,.24);color:#f4d7a7;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;backdrop-filter:blur(6px)
}
.ognisko-hero-title,.ognisko-page-banner-title{
  font-size:var(--hero-title-size,76px);line-height:.95;font-weight:600;color:#fff;
  text-shadow:0 8px 28px rgba(0,0,0,.55)
}
.ognisko-hero-text,.ognisko-page-banner-text{
  max-width:760px;margin:24px auto 0;
  font-size:var(--hero-text-size,22px);line-height:1.7;color:#f5f5f4;
}
.ognisko-hero-extra{
  max-width:860px;margin:18px auto 0;
  font-size:var(--hero-extra-size,18px);line-height:1.8;color:#efe7dd;
}
.ognisko-actions{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.ognisko-quote-section{padding:0 0 56px}
.ognisko-quote-card{
  background:linear-gradient(180deg,rgba(255,250,245,.96) 0%,rgba(248,238,226,.98) 100%);
  border:1px solid rgba(141,77,29,.14);border-radius:28px;padding:34px 38px;
  box-shadow:0 18px 45px rgba(64,40,24,.08)
}
.ognisko-quote-card blockquote{
  margin:0;color:var(--quote-color,#4b3a2d);font-size:var(--quote-size,30px);line-height:1.6;font-weight:500
}
.ognisko-quote-card cite{
  display:block;margin-top:18px;color:var(--quote-author-color,#8d4d1d);
  font-size:calc(var(--quote-size,30px) * .55);font-style:normal;font-weight:700;letter-spacing:.01em
}
.ognisko-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ognisko-grid.single-card{grid-template-columns:1fr}
.ognisko-card{
  overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:28px;
  box-shadow:0 10px 30px rgba(28,25,23,.06)
}
.ognisko-card-split-left,.ognisko-card-split-right{display:grid;min-height:240px}
.ognisko-card-split-left{grid-template-columns:320px 1fr}
.ognisko-card-split-right{grid-template-columns:1fr 320px}
.ognisko-image-box,.ognisko-image-box-alt{
  display:flex;align-items:center;justify-content:center;padding:24px
}
.ognisko-image-box{background:#f5f5f4}
.ognisko-image-box-alt{background:linear-gradient(180deg,#fff4e6 0%,#f2dfc6 100%)}
.ognisko-placeholder{
  width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:16px;border-radius:20px;background:#fff;border:2px dashed #d6d3d1;color:#78716c;font-size:14px;line-height:1.6
}
.ognisko-card-image{width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:20px}
.ognisko-card-content{padding:32px}
.ognisko-card h3{margin:8px 0 0;font-size:34px;line-height:1.15;color:#1c1917}
.ognisko-card p{margin-top:16px;font-size:18px;line-height:1.8;color:#57534e}
.ognisko-card-actions{margin-top:24px}
.ognisko-events{
  background:linear-gradient(180deg,#fffaf5 0%,#ffffff 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.ognisko-events-grid{
  display:grid;
  grid-template-columns:repeat(3,320px);
  justify-content:center;
  gap:24px;
}
.ognisko-event{
  background:#fafaf9;border:1px solid var(--line);border-radius:20px;padding:24px
}
.ognisko-event-date{font-size:14px;color:#78716c}
.ognisko-event-title{margin-top:8px;font-size:24px;font-weight:700;color:#1c1917}
.ognisko-event p{margin:12px 0 0;font-size:16px;line-height:1.8;color:#57534e}
.ognisko-footer{
  background:linear-gradient(180deg,#1a1e3c 0%,#17181f 100%);
  color:#e7e5e4
}
.ognisko-footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.ognisko-footer h2{color:#fff}
.ognisko-footer p{color:#d6d3d1}
.ognisko-contact-card{
  background:#292524;border:1px solid #44403c;border-radius:28px;padding:32px
}
.ognisko-contact-card p{margin:0 0 12px;font-size:16px;line-height:1.8;color:#e7e5e4}
.ognisko-contact-card strong{color:#fff}
.ognisko-footer-widgets{
  margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px
}
.ognisko-footer-widget{font-size:16px;line-height:1.8}
.ognisko-footer-widget h3{color:#fff;font-size:24px;margin:0 0 12px}
.ognisko-page-banner-section{
  padding:24px 0 40px;
  background:linear-gradient(to bottom,#1a1e3c 0%,#2a2942 34%,#7c4f2f 72%,#f1e4d3 100%);
}
.ognisko-page-banner{
  position:relative;height:340px;border-radius:28px;overflow:hidden;
  background:linear-gradient(180deg,#171a33 0%,#282642 58%,#4a2f22 100%)
}
.ognisko-content-wrap{max-width:860px}
.site-main .entry-content{font-size:20px;line-height:1.85;color:#57534e}
.site-main .entry-content > *{margin-top:0;margin-bottom:1em}
.archive-list{display:grid;gap:24px}
.archive-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}
.archive-card h2{font-size:34px;margin:0 0 10px}
.archive-meta{color:#746556;font-size:14px;margin-bottom:14px}
.pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.screen-reader-text{position:absolute;left:-9999px}

@keyframes ogniskoGlowPulse{
  0%,100%{opacity:.72;transform:translateX(-50%) scale(.98)}
  50%{opacity:1;transform:translateX(-50%) scale(1.05)}
}
@keyframes ogniskoRise1{0%{transform:translate(0,0) scale(.8);opacity:0}10%{opacity:.95}100%{transform:translate(-180px,-320px) scale(.2);opacity:0}}
@keyframes ogniskoRise2{0%{transform:translate(10px,0) scale(.9);opacity:0}12%{opacity:.85}100%{transform:translate(110px,-280px) scale(.25);opacity:0}}
@keyframes ogniskoRise3{0%{transform:translate(-12px,0) scale(.75);opacity:0}10%{opacity:.9}100%{transform:translate(-70px,-370px) scale(.18);opacity:0}}
@keyframes ogniskoRise4{0%{transform:translate(0,0) scale(.65);opacity:0}15%{opacity:.82}100%{transform:translate(155px,-250px) scale(.22);opacity:0}}
@keyframes ogniskoRise5{0%{transform:translate(-8px,0) scale(.78);opacity:0}14%{opacity:.92}100%{transform:translate(-120px,-390px) scale(.16);opacity:0}}
@keyframes ogniskoRise6{0%{transform:translate(0,0) scale(.88);opacity:0}10%{opacity:.88}100%{transform:translate(76px,-305px) scale(.2);opacity:0}}
@keyframes ogniskoRise7{0%{transform:translate(6px,0) scale(.7);opacity:0}10%{opacity:.88}100%{transform:translate(-145px,-335px) scale(.15);opacity:0}}
@keyframes ogniskoRise8{0%{transform:translate(-10px,0) scale(.84);opacity:0}13%{opacity:.94}100%{transform:translate(132px,-300px) scale(.18);opacity:0}}
@keyframes ogniskoRise9{0%{transform:translate(0,0) scale(.72);opacity:0}10%{opacity:.86}100%{transform:translate(-95px,-350px) scale(.16);opacity:0}}
@keyframes ogniskoRise10{0%{transform:translate(14px,0) scale(.82);opacity:0}12%{opacity:.9}100%{transform:translate(185px,-245px) scale(.18);opacity:0}}
@keyframes ogniskoRise11{0%{transform:translate(-6px,0) scale(.74);opacity:0}14%{opacity:.9}100%{transform:translate(-40px,-410px) scale(.14);opacity:0}}
@keyframes ogniskoRise12{0%{transform:translate(0,0) scale(.76);opacity:0}10%{opacity:.84}100%{transform:translate(58px,-330px) scale(.18);opacity:0}}

@media (max-width:991px){
  .ognisko-header-inner{flex-direction:column;align-items:flex-start}
  .ognisko-grid,.ognisko-events-grid,.ognisko-card-split-left,.ognisko-card-split-right,.ognisko-footer-grid,.ognisko-footer-widgets{grid-template-columns:1fr}
  .ognisko-hero{height:520px}
  .ognisko-hero-title,.ognisko-page-banner-title{font-size:54px}
  .ognisko-hero-text,.ognisko-page-banner-text{font-size:18px}
}
@media (max-width:767px){
  .ognisko-wrap{padding:0 16px}
  .ognisko-hero-section{padding:24px 0 36px}
  .ognisko-hero{height:460px}
  .ognisko-hero-content,.ognisko-page-banner-content{padding:48px 18px 48px;align-items:center}
  .ognisko-hero-title,.ognisko-page-banner-title{font-size:40px}
  .ognisko-hero-text,.ognisko-page-banner-text,.ognisko-hero-extra{font-size:16px;line-height:1.6}
  .ognisko-section h2{font-size:36px}
  .ognisko-section p,.ognisko-card p,.site-main .entry-content{font-size:17px}
  .ognisko-card h3{font-size:28px}
  .ognisko-actions{gap:12px}
  .ognisko-btn{width:100%;text-align:center}
}
/* O NAS – wyśrodkowanie i kontrola typografii */

.ognisko-about-content{
  max-width:860px;
  margin:0 auto;
  text-align:justify;
  font-size:var(--about-size,20px);
  line-height:1.8;
}

.ognisko-about-content h2{
  text-align:center;
}

.ognisko-about-content .ognisko-eyebrow{
  text-align:center;
}

/*podstrony*/