/*
Theme Name: Spotkanie OI 2027
Theme URI: https://spotkanie.ordoiuris.pl/
Author: Ordo Iuris
Description: Strona zaproszenia na spotkanie świąteczne 2027. Formularz jest dodawany w treści strony głównej.
Version: 1.0.1
Text Domain: spotkanie-oi
*/

@font-face{font-family:CrimsonLocal;src:url('assets/fonts/crimson-text-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:CrimsonLocal;src:url('assets/fonts/crimson-text-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:GreatVibesLocal;src:url('assets/fonts/great-vibes.ttf') format('truetype');font-weight:400;font-display:swap}

:root{--wine:#631523;--wine-deep:#290a13;--gold:#dfbc70;--paper:#f7f3eb;--ink:#321925;--muted:#6d5660}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wine-deep);color:var(--paper);font-family:CrimsonLocal,Georgia,serif;font-size:19px;line-height:1.48}
button,input,select,textarea{font:inherit}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip-link{position:absolute;left:-100vw;top:1rem;z-index:20;background:#fff;color:#111;padding:.7rem 1rem}
.skip-link:focus{left:1rem}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:102px;padding:1.1rem clamp(1.2rem,4vw,4.5rem);background:#45101c;border-bottom:1px solid rgba(223,188,112,.35)}
.site-header__brands{display:flex;align-items:center;gap:1.25rem;text-decoration:none}
.site-header__brands img{display:block;width:138px;height:auto}
.site-header__name{max-width:310px;color:#f7e6c0;font-size:.72rem;line-height:1.35;letter-spacing:.13em;text-transform:uppercase}
.site-header__link{color:var(--gold);font-family:Arial,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:.25rem;white-space:nowrap}
.site-main{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);min-height:calc(100vh - 102px)}
.invite{position:relative;isolation:isolate;background:#6b1424 url('assets/img/swiateczne-tlo-2027.jpg') center center/cover no-repeat;min-width:0}
.invite:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,3,11,.1),rgba(26,3,11,.1) 52%,rgba(26,3,11,.65))}
.invite__inner{max-width:810px;margin:0 auto;padding:clamp(4.8rem,9vw,9.5rem) clamp(2rem,5vw,5.6rem) clamp(6.5rem,11vw,11rem)}
.invite__eyebrow{margin:0 0 .3rem;color:#f7dfb0;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;text-align:center}
.invite h1{margin:0;color:#fff9ed;font-family:GreatVibesLocal,'Brush Script MT',cursive;font-size:clamp(4.5rem,8.4vw,9rem);font-weight:400;line-height:.93;text-align:center;text-shadow:0 3px 20px rgba(21,4,6,.25)}
.invite__date{margin:1.7rem 0 0;color:#f0cd83;font-family:Arial,sans-serif;font-size:clamp(.83rem,1.2vw,1.02rem);font-weight:700;letter-spacing:.16em;text-align:center;text-transform:uppercase}
.invite__place{margin:1rem 0 0;color:#fff7ea;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.3;text-align:center}
.invite__divider{width:72px;height:1px;margin:3.6rem auto 2.7rem;background:var(--gold)}
.invite__hosts{max-width:660px;margin:0 auto 2.6rem;text-align:center;font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.48}
.invite__hosts strong{font-weight:600}
.invite h2{margin:0 0 1.2rem;color:var(--gold);font-family:GreatVibesLocal,'Brush Script MT',cursive;font-size:clamp(2.8rem,4.2vw,4.3rem);font-weight:400;line-height:1.15;text-align:center}
.program{margin:0 auto;max-width:660px}
.program__place{margin:1.8rem 0 .8rem;color:#f4d896;font-size:1.19rem;font-weight:600}
.program__list{margin:0;padding:0;list-style:none}
.program__list li{display:grid;grid-template-columns:4.3rem minmax(0,1fr);gap:.75rem;padding:.34rem 0;border-bottom:1px solid rgba(255,255,255,.16)}
.program__list time{color:#f4d896;font-weight:600}
.contact{max-width:660px;margin:3rem auto 0;padding:1.5rem;background:rgba(45,7,16,.8);border-top:1px solid rgba(223,188,112,.55);font-size:1.06rem}
.contact p{margin:.3rem 0}
.contact a{text-decoration-color:var(--gold);text-underline-offset:3px}
.registration{display:flex;align-items:flex-start;justify-content:center;background:var(--paper);color:var(--ink);min-width:0;padding:clamp(3.2rem,7vw,7.5rem) clamp(1.5rem,4vw,5.5rem) 5rem}
.registration__inner{position:sticky;top:2rem;width:min(100%,610px)}
.registration__kicker{margin:0 0 .75rem;color:#955b40;font-family:Arial,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.registration h2{margin:0;color:#641c2c;font-family:CrimsonLocal,Georgia,serif;font-size:clamp(2.7rem,4.6vw,5rem);font-weight:400;line-height:.98}
.registration__rule{width:72px;height:2px;margin:1.75rem 0 2rem;background:#c8a45e}
.registration__intro{font-size:clamp(1.2rem,1.55vw,1.42rem);line-height:1.38}
.registration__intro p{margin:0 0 1.1rem}
.registration__small{color:var(--muted);font-size:1rem}
.registration__form{margin-top:2.3rem;min-height:230px}
.registration__form form{display:grid;gap:.9rem}
.registration__form label{display:block;font-family:Arial,sans-serif;font-size:.85rem;font-weight:600}
.registration__form input,.registration__form select,.registration__form textarea{width:100%;max-width:100%;min-height:46px;padding:.7rem;border:1px solid #bdafb0;background:#fff;color:#28171b;border-radius:2px}
.registration__form input[type=checkbox],.registration__form input[type=radio]{width:auto;min-height:auto}
.registration__form button,.registration__form input[type=submit]{width:auto;min-width:170px;padding:.9rem 1.4rem;border:0;background:#781c2d;color:#fff;font-family:Arial,sans-serif;font-size:.87rem;font-weight:700;cursor:pointer}
.form-placeholder{border-top:1px solid #dbcab6;padding-top:1.6rem;color:#786875;font-size:1.04rem}
.form-placeholder strong{display:block;margin-bottom:.35rem;color:#641c2c;font-weight:600;font-size:1.2rem}
.site-footer{padding:1.5rem 2rem;background:#2b0b15;color:#dbc9bd;text-align:center;font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.03em}
.secondary-page{min-height:100vh;max-width:850px;margin:0 auto;padding:4rem 1.5rem;color:#fff9ed}
.secondary-page__back{color:var(--gold);text-decoration:none}
.secondary-page h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:400}
@media(max-width:900px){.site-main{grid-template-columns:minmax(0,1fr)}.invite__inner{max-width:720px;padding:5.8rem clamp(1.5rem,6vw,4rem) 7.5rem}.invite h1{font-size:clamp(5.2rem,13vw,8rem)}.registration{padding:4rem 2rem 5rem}.registration__inner{position:static;width:min(100%,690px)}.site-header__name{display:none}}
@media(max-width:560px){body{font-size:17px}.site-header{min-height:76px;padding:.85rem 1.05rem}.site-header__brands img{width:105px}.site-header__link{font-size:.65rem}.invite{background-position:center center}.invite__inner{padding:5.7rem 1.35rem 6.5rem}.invite h1{font-size:clamp(4.4rem,16vw,6.6rem)}.invite__date{font-size:.74rem;letter-spacing:.08em}.invite__place{font-size:1.18rem}.invite__divider{margin:3rem auto 2.2rem}.invite__hosts{font-size:1.04rem}.invite h2{font-size:3.1rem}.program__list li{grid-template-columns:3.7rem minmax(0,1fr);gap:.4rem}.registration{padding:3.2rem 1.3rem 4rem}.registration h2{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}