/* Barve in motivi iz vabila PGD Bodonci 2026. */
.brand-logo{display:block;width:52px;height:auto;flex-shrink:0;border-radius:5px;box-shadow:0 4px 16px #0002}
:root{--forest:#173f28;--green:#285536;--cream:#fffaf2;--ink:#263c2d;--muted:#6d705f;--line:#e6dcc7;--gold:#e3b663;--red:#ab202b;--white:#fffefa;--shadow:0 12px 32px #62481208}
body{background:radial-gradient(ellipse at 0 12%,#f2e4bd55,transparent 45%),radial-gradient(ellipse at 100% 60%,#e8eee366,transparent 45%),var(--cream)}
.site-header{position:relative;padding-top:32px;padding-bottom:26px}.brand-mark{background:var(--forest);color:#f5d794;box-shadow:0 0 0 3px #fffaf2,0 0 0 4px #c9a45c}.brand{font-family:Georgia,serif}.brand small{color:#826639;letter-spacing:.22em}.site-header nav a:hover{color:var(--red)}
.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d0ad65;border-radius:20px;background:linear-gradient(120deg,#fffefb,#faf5e8);color:var(--forest);box-shadow:inset 0 0 0 5px #fffaf3,inset 0 0 0 6px #e8d7ae,0 16px 50px #5e402310;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;padding:36px;align-items:center}
.hero:before{content:"";position:absolute;inset:0 0 auto;height:125px;pointer-events:none;background:url('christmas-garland.svg') repeat-x center top;background-size:800px 160px;z-index:-1;opacity:.95}
.hero-copy{padding:55px 12px 20px 16px;min-width:0}.hero .eyebrow{color:#8a6429;letter-spacing:.17em;margin-bottom:25px}.hero-kicker{font:italic 58px/1.02 Georgia,serif;letter-spacing:-.035em;color:var(--forest);margin:0 0 23px}.hero h1{background:linear-gradient(100deg,#971522,#b72530,#941722);border-top:2px solid #e8c377;border-bottom:2px solid #e8c377;color:#fff9e8;font:600 22px/1.25 Georgia,serif;padding:13px 18px;margin:0 0 24px;box-shadow:0 4px 12px #8d1d1b18;border-radius:3px;text-wrap:balance}.hero-description{color:#40523e;font-size:14px;line-height:1.8;max-width:540px}.event-meta{display:grid;grid-template-columns:.8fr 1.2fr;color:var(--forest);gap:20px;border-top:1px solid #dfc995;border-bottom:1px solid #dfc995;padding:17px 0;margin:22px 0}.event-meta small{color:#8b6b36;font-size:9px;letter-spacing:.13em;margin-bottom:5px}.hero-note{color:#775d36;margin:11px 0 0;font-size:11px}.hero-closed{color:var(--forest);background:#f3ebd8;border-color:#d9c593}.hero-closed small{color:#775d36}
.button.primary,.button.gold{background:linear-gradient(110deg,#a21b28,#ba2b33);color:#fffbed;border-color:#a8242d;box-shadow:0 3px 0 #7c1822}.button.primary:hover,.button.gold:hover{background:#881b25;color:#fff}.button.secondary{border-color:#d8bd83}.button.secondary:hover{background:#fbf0d9}.hero .button.gold{padding:14px 25px;font-size:14px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-invitation-link{color:#785b2b;font-size:12px}.hero-invitation-link:hover{color:var(--red)}
.invitation-preview{display:block;position:relative;max-width:360px;width:100%;justify-self:center;margin:28px 0 8px;padding:9px 9px 0;background:#fff;border:1px solid #dec58e;border-radius:6px;box-shadow:0 18px 32px #5a3f2523;transform:rotate(1.2deg);text-decoration:none;transition:transform .2s}.invitation-preview:hover{transform:rotate(0)}.invitation-preview img{display:block;width:100%;height:auto;border-radius:2px}.invitation-preview span{display:flex;align-items:center;justify-content:space-between;padding:12px 7px;color:#735527;font-size:11px;font-weight:600}.invitation-preview b{font-size:17px;font-weight:400}.hero .hero-art{min-height:450px}
.steps{margin-bottom:48px;border-color:#dbc79b}.steps b{color:#a2262e;background:#f6e9d3;border:1px solid #e8d7b4;border-radius:50%;min-width:30px;height:30px;display:grid;place-items:center;padding:0}.steps strong{color:var(--forest)}.registration-layout>aside .eyebrow{color:#9d2730}.registration-layout>aside h2{font-style:italic;font-size:39px}.phone{color:var(--red)}.card{border-color:#e2d4b5;box-shadow:0 9px 30px #74572407}.form-card{border-top:3px solid #b22a32}.section-number{background:#fbf0db;color:#966c29;border-color:#e7d1a3}.child-card{background:#fcfaf4;border-color:#e7dcc6}.count-badge{background:#fbf1df}.add-child{border-color:#c9b782;background:#faf6e9;color:var(--forest)}.success-symbol{background:#f8e8d0;color:var(--red)}.recovery-box{border-color:#e1c68f;background:#fff9e9}.site-footer{position:relative;border-color:#d9c69e;padding-bottom:42px}.site-footer strong{color:var(--red)}
@media(min-width:1400px){.hero{min-height:650px}.hero-copy{padding-left:28px}.hero-kicker{font-size:66px}.invitation-preview{max-width:380px}}
@media(max-width:1050px){.hero{gap:15px;padding:26px}.hero-copy{padding:55px 6px 15px}.hero-kicker{font-size:48px}.hero h1{font-size:20px;padding:12px}.hero-description{font-size:13px}.invitation-preview{max-width:320px}}
@media(max-width:760px){.site-header{padding:23px 20px}.hero{display:flex;flex-direction:column;gap:0;padding:20px 23px 25px;border-radius:14px}.hero:before{background-size:650px 130px;height:115px;background-position:center -16px}.hero-copy{padding:64px 0 0;width:100%}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero-kicker{font-size:48px;margin-bottom:20px}.hero h1{font-size:20px;margin-bottom:19px;padding:12px 13px}.hero-description{font-size:13px}.event-meta{font-size:12px;gap:15px;margin:20px 0}.hero-actions{gap:15px}.hero .button.gold{padding:12px 19px;font-size:13px}.hero-note{font-size:10px;line-height:1.6}.invitation-preview{margin:26px 0 0;max-width:260px;transform:none;padding:7px 7px 0}.invitation-preview span{padding:10px 5px}.steps{padding:23px 7px;margin-bottom:30px;gap:17px}.steps>div{align-items:center;min-width:0}.steps strong{display:block}.registration-layout>aside h2{font-size:34px}.form-card{padding:22px 18px}.hero .hero-art{min-height:245px}.site-footer{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.invitation-preview{transition:none}}
@media print{.hero{border:0;background:white;box-shadow:none;padding:0;color:#000}.hero:before,.invitation-preview,.hero-invitation-link{display:none}.hero h1{background:none;color:#000;border:0;box-shadow:none}.hero-copy{padding:0}}
.event-details{padding:16px 8px 0;color:#596346;font-size:12px}.event-details summary{cursor:pointer;color:#7c612e;width:fit-content}.event-details p{max-width:900px;margin:13px 0 4px;line-height:1.85}@media print{.event-details{display:none}}
@media(max-width:760px){.hero-kicker{font-size:40px}}@media(max-width:360px){.hero-kicker{font-size:34px}}
.hero .button.gold{min-height:62px;padding:17px 31px;font-size:17px;gap:23px}.lightbox-open{overflow:hidden}.invitation-lightbox{width:min(900px,94vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #d4b874;border-radius:12px;background:#fffaf2;color:#173f28;box-shadow:0 20px 80px #0006}.invitation-lightbox::backdrop{background:#0b201bd9;backdrop-filter:blur(5px)}.lightbox-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px;background:#fffaf2;border-bottom:1px solid #e2d4b5}.lightbox-toolbar h2{font-size:23px;margin:0}.lightbox-toolbar .button{min-height:40px;padding:8px 14px;box-shadow:none;flex-shrink:0}.lightbox-content{padding:14px}.lightbox-content img{display:block;width:100%;height:auto}.lightbox-footer{padding:0 20px 17px;font-size:13px}@media(max-width:760px){.hero .button.gold{min-height:57px;font-size:16px;padding:15px 25px}.lightbox-toolbar{padding:11px 12px}.lightbox-toolbar h2{font-size:18px}.lightbox-content{padding:6px}.invitation-lightbox{width:96vw;max-height:96dvh}.lightbox-footer{padding:8px 12px 14px}}@media print{.invitation-lightbox{display:none!important}}
.invitation-lightbox{width:min(640px,94vw)}.lightbox-content img{width:auto;max-width:100%;max-height:calc(94dvh - 145px);margin:auto;object-fit:contain}@media(max-width:760px){.invitation-lightbox{width:96vw}.lightbox-content img{max-height:calc(96dvh - 125px)}}

/* Temna praznična kulisa; vsebinski kartici ostajata svetli. */
.christmas-night .success-page{background:#fffaf2;border:1px solid #ddc28e;border-radius:18px;padding:32px;box-shadow:0 16px 45px #0002}.christmas-night .page-heading{color:#fff4dc}.christmas-night .page-heading p,.christmas-night>.container>.field-help{color:#e9ddc6}.christmas-night .page-heading .eyebrow{color:#edca86}.christmas-night .success-page>.button-row .secondary{background:#fffefa}
body.christmas-night{background-color:#102d27;background-image:url('christmas-garland.svg'),url('christmas-night.svg'),radial-gradient(ellipse at 45% 0,#315346 0,transparent 65%),linear-gradient(135deg,#132f29,#0b211f);background-repeat:repeat-x,repeat,no-repeat,no-repeat;background-size:800px 160px,640px 720px,100% 1100px,100% 100%;background-position:center -70px,center 0,center top,center top}
.christmas-night .site-header{padding-top:40px;padding-bottom:30px}.christmas-night .brand{color:#fff4dc}.christmas-night .brand small{color:#e4c58d}.christmas-night .brand-logo{width:58px;box-shadow:0 0 0 1px #eac78370,0 5px 20px #0004}.christmas-night .site-header nav a,.christmas-night .site-header .link-button{color:#f5e7c8}.christmas-night .site-header nav a:hover{color:#ffda8b}.christmas-night .site-header nav .staff-link{color:#dfd7c5}
.christmas-night .hero{box-shadow:inset 0 0 0 5px #fffaf3,inset 0 0 0 6px #e8d7ae,0 18px 50px #0003}.christmas-night .event-details{color:#ede2cc}.christmas-night .event-details summary{color:#f1ce8a}.christmas-night .steps{background:#fffaf2;border:1px solid #e4d2a9;border-radius:13px;margin-top:24px;padding:24px;color:#596346}.christmas-night .registration-layout>aside{background:#fffaf2;border:1px solid #e2d4b5;border-radius:14px;padding:25px;align-self:start}.christmas-night .site-footer{color:#ddd6c3;border-color:#cfb37150}.christmas-night .site-footer strong{color:#f0ce8c}.christmas-night .site-footer a{color:#f0dfbc}
@media(max-width:760px){.brand-logo{width:44px}.christmas-night .site-header{padding:34px 20px 23px;gap:15px}.christmas-night .brand-logo{width:46px}.christmas-night .steps{padding:22px 16px}.christmas-night .registration-layout>aside{padding:23px 21px}.christmas-night .registration-layout>aside h2{color:#173f28}}
@media print{body.christmas-night{background:white}.christmas-night .registration-layout>aside,.christmas-night .steps{border:0;background:white;color:#000}.christmas-night .event-details{color:#000}}
