@font-face{font-family:Oswald;font-weight:400 600;font-display:swap;src:url(fonturi/oswald.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Oswald;font-weight:400 600;font-display:swap;src:url(fonturi/oswald-ext.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(fonturi/opensans.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(fonturi/opensans-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Parohia Ortodoxă Română Klagenfurt – culorile temei vechi: bej, maro-închis, roșu-cărămiziu */
:root{
  --inchis:#211b1a; --negru:#120e0d; --rosu:#a8473a; --rosu-des:#c9604f; --aur:#c9a24a;
  --fond:#ece7df; --hartie:#fff; --text:#2b2422; --gri:#6d625d; --linie:#e2dbd1; --bej:#f7f3ec;
  --lat:1060px; --raza:6px;
  --titlu:Oswald,"Arial Narrow",sans-serif; --sans:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.75 var(--sans);color:var(--text);background:var(--fond) radial-gradient(ellipse at 0 0,#fffdf8 0,transparent 55%) no-repeat}
img{max-width:100%;height:auto}
a{color:var(--rosu);text-underline-offset:3px}
a:hover{color:var(--inchis)}
h1,h2,h3{font-family:var(--titlu);font-weight:500;line-height:1.25;color:var(--inchis);letter-spacing:.01em}
h2{font-size:1.6rem;margin:1.8em 0 .5em}
h3{font-size:1.25rem;margin:1.2em 0 .3em}
.lat{max-width:var(--lat);margin:0 auto;padding:0 20px}
.ascuns{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sari{position:absolute;left:-999px;top:0;background:var(--inchis);color:#fff;padding:8px 14px;z-index:10}
.sari:focus{left:8px}
:focus-visible{outline:3px solid var(--aur);outline-offset:2px}
.nowrap{white-space:nowrap}
.mic{font-size:.88rem}

/* antet */
.antet-grid{display:flex;align-items:center;justify-content:center;position:relative;padding:28px 20px 30px}
.sigla img{display:block;width:360px}
.tropar{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:10px;background:var(--hartie);color:var(--inchis);border:1px solid var(--linie);border-radius:999px;padding:8px 16px 8px 10px;font:600 .85rem var(--sans);cursor:pointer;box-shadow:0 2px 8px rgba(33,27,26,.08)}
.tropar:hover{border-color:var(--rosu)}
.tropar .ic{width:28px;height:28px;border-radius:50%;background:var(--rosu);position:relative;flex:none}
.tropar .ic::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.tropar[aria-pressed=true] .ic::after{left:9px;top:9px;width:10px;height:10px;border:0;border-left:3px solid #fff;border-right:3px solid #fff}
.limba{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:7px;color:var(--inchis);text-decoration:none;font-weight:600;font-size:.88rem}
.limba span{background:var(--inchis);color:#fff;border-radius:4px;padding:1px 6px;font-size:.72rem}
.limba:hover{color:var(--rosu)}
.nota-sf{margin:-.6em 0 .6em;font-size:.78rem;color:#c9bcb2;font-style:italic}
.meniu{background:var(--inchis)}
.meniu .lat{max-width:var(--lat)}
.meniu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}
.meniu a{display:block;padding:18px 14px;color:#f3ede6;text-decoration:none;font:500 .95rem/1 var(--titlu);text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid transparent}
.meniu a:hover{background:var(--negru);color:#fff}
.meniu a.activ{border-bottom-color:var(--aur);color:#fff}
.burger{display:none}

/* erou + titlu */
.erou{background:var(--inchis)}
.erou img{display:block;width:100%;max-width:var(--lat);margin:0 auto}
.erou .lat{padding:0}
.titlu{background:var(--inchis);color:#efe6dc;padding:34px 0 40px;border-top:1px solid #3a302e}
.titlu h1{color:#fff;margin:.15em 0 0;font-size:clamp(1.8rem,4vw,2.5rem)}
.firimituri{font-size:.85rem;color:#c9bcb2}
.firimituri a{color:#fff}

/* continut */
.continut{background:var(--hartie);padding:44px 48px 52px;margin-bottom:0;box-shadow:0 1px 0 var(--linie)}
.continut>:first-child{margin-top:0}
.continut p{text-align:left}
.intro{font-size:1.18rem;line-height:1.7}
.semnatura{font-weight:700;color:var(--inchis)}
.acasa-grid{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:start}
.program{margin-top:26px;padding:20px 24px;background:var(--bej);border-left:4px solid var(--rosu);border-radius:0 var(--raza) var(--raza) 0}
.program h2{margin:0 0 .3em;font-size:1.35rem}
.program p{margin:.3em 0}
.sfintii{background:var(--inchis);color:#efe6dc;border-radius:var(--raza);padding:22px 24px;position:relative;overflow:hidden}
.sfintii::before{content:"";position:absolute;inset:0;border:1px solid rgba(201,162,74,.45);border-radius:var(--raza);margin:6px;pointer-events:none}
.sfintii h2{color:var(--aur);margin:0;font-size:1.4rem;text-transform:uppercase;letter-spacing:.08em}
.sfintii .zi{margin:.1em 0 .8em;color:#fff;font-weight:600}
.sfintii ul{list-style:none;margin:0;padding:0;font-size:.93rem;line-height:1.5}
.sfintii li{padding:7px 0 7px 20px;border-top:1px solid rgba(255,255,255,.1);position:relative}
.sfintii li::before{content:"✝";position:absolute;left:0;top:7px;color:var(--aur);font-size:.8rem}
.sfintii li.praznic{color:#fff;font-weight:700}
.sfintii li.praznic::before{color:#e0574a}
.sfintii .sinaxar{margin:.9em 0 0;font-size:.85rem}
.sfintii a{color:var(--aur)}
ul.carduri{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--linie);padding-top:40px}
ul.carduri a{display:block;height:100%;padding:24px 22px;border:1px solid var(--linie);border-radius:var(--raza);text-decoration:none;color:var(--text);text-align:center;transition:box-shadow .2s,transform .2s}
ul.carduri a:hover{box-shadow:0 10px 28px rgba(33,27,26,.12);transform:translateY(-2px)}
ul.carduri img{width:48px;margin:0 auto}
ul.carduri h2{color:var(--rosu);margin:.4em 0 .4em;font-size:1.45rem}
ul.carduri p{font-size:.93rem;color:var(--gri);text-align:left}
.mai{color:var(--rosu);font-weight:600;font-size:.9rem}
.mai::after{content:" →"}
.icoana{margin:0}
.icoana img{display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.18))}
.icoana.dreapta{float:right;margin:0 0 16px 28px}
h2[id]{clear:both;padding-top:12px;border-top:1px solid var(--linie)}
ul.slujbe{list-style:none;padding:0;display:grid;gap:14px;margin:0 0 28px}
ul.slujbe li{padding:18px 22px 18px 72px;background:var(--bej) url(cruce.png) no-repeat 18px 50%/38px;border-radius:var(--raza)}
ul.slujbe h2{margin:0;font-size:1.3rem}
ul.slujbe p{margin:.2em 0 0}
.nota{background:#fbf3e1;border:1px solid #ecdcb4;border-radius:var(--raza);padding:4px 20px;margin-top:24px}
.parohii{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;clear:both}
.parohii section{background:var(--bej);border-radius:var(--raza);padding:16px 20px;font-size:.92rem;line-height:1.6}
.parohii h3{margin:0;color:var(--rosu)}
.parohii p{margin:.4em 0}
.donatii-grid{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-bottom:24px}
.donatii-grid .cont{background:var(--bej);border-radius:var(--raza);padding:20px 26px}
.donatii-grid h2{margin:0 0 .4em}
.donatii-grid dl{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;margin:0 0 .6em}
.donatii-grid dt{font-weight:700}
.donatii-grid dd{margin:0}
blockquote{margin:30px 0 0;padding:22px 26px;background:var(--inchis);color:#f3ede6;border-radius:var(--raza);text-align:center}
blockquote p{font:500 1.25rem/1.5 var(--titlu);margin:0 0 .4em;color:#fff;text-align:center!important}
blockquote footer{color:var(--aur);font-size:.9rem}
.anunt{border-left:4px solid var(--aur);padding:2px 0 2px 20px}
.anunt .data{font-weight:700;color:var(--rosu);margin:0}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.cutie{background:var(--bej);border-radius:var(--raza);padding:24px 26px}
.cutie h2{margin:0 0 .5em;font-size:1.35rem}
.qr{float:right;margin:0 0 10px 16px;width:130px;text-align:center}
.qr img{display:block;width:130px;background:#fff;padding:6px;border-radius:4px}
.qr figcaption{font-size:.72rem;color:var(--gri);line-height:1.3;margin-top:4px}
.harta::before{content:"↗ "}
.harta{font-weight:600}

/* subsol */
.subsol{background:var(--inchis);color:#cfc3b9;font-size:.93rem}
.subsol .lat{padding-top:36px;padding-bottom:24px}
.legaturi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.legaturi a{display:block;color:#efe6dc;text-decoration:none;line-height:1.45}
.legaturi img{display:block;width:100%;aspect-ratio:368/168;object-fit:cover;border-radius:4px;margin-bottom:10px;opacity:.92;transition:opacity .2s}
.legaturi a:hover img{opacity:1}
.legaturi small{display:block;color:var(--aur);margin-top:2px}
.subsol-jos{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px}
.subsol-jos p{margin:.3em 0}
.subsol-jos a{color:#fff}

/* tableta / telefon */
@media (max-width:900px){
  .acasa-grid{grid-template-columns:1fr}
  ul.carduri{grid-template-columns:1fr}
  .legaturi{grid-template-columns:repeat(2,1fr)}
  .meniu ul{display:none;flex-direction:column;padding-bottom:10px}
  .meniu ul.deschis{display:flex}
  .meniu a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
  .meniu a.activ{border-bottom-color:rgba(255,255,255,.08);color:var(--aur)}
  .burger{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;color:#fff;padding:14px 0;font:500 1rem var(--titlu);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
  .burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:#fff;position:relative}
  .burger span::before,.burger span::after{content:"";position:absolute;left:0}
  .burger span::before{top:-6px}.burger span::after{top:6px}
}
@media (max-width:640px){
  body{font-size:16px}
  .antet-grid{flex-direction:column;gap:14px;padding:20px 16px}
  .sigla img{width:280px}
  .tropar{position:static;transform:none}
  .limba{position:static;transform:none;order:-1;align-self:flex-start}
  .continut{padding:26px 18px 34px}
  .icoana.dreapta{width:96px;margin:0 0 10px 16px}
  .donatii-grid{grid-template-columns:1fr}
  .donatii-grid .icoana{display:none}
  .donatii-grid dl{grid-template-columns:1fr}
  .legaturi{gap:16px}
  .qr{width:100px}
  .qr img{width:100px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
a[href^="tel:"]{white-space:nowrap}