/* --- ERŐSEN TEMPLOMI TÉMA (ikonos, aranyos, díszesebb) --- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root{
  --primary:#4a0c10;          /* mély bordó */
  --primary2:#2c0608;         /* még mélyebb */
  --secondary:#d4af37;        /* arany */
  --secondary2:#f2d57a;       /* világos arany */
  --bg:#fbf6ea;               /* pergamen */
  --card:#ffffff;
  --text:#222;
  --muted:#666;
  --shadow: 0 10px 24px rgba(0,0,0,.10);
  --radius:14px;
}

/* finom kereszt-watermark háttér */
body{
  margin:0;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--text);
  background-color: var(--bg);
  background-image:
    radial-gradient(1100px 700px at 20% 0%, rgba(212,175,55,0.12), transparent 60%),
    radial-gradient(900px 600px at 90% 10%, rgba(74,12,16,0.14), transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23d4af37' stroke-opacity='0.10' stroke-width='6'%3E%3Cpath d='M120 40v160'/%3E%3Cpath d='M70 100h100'/%3E%3Cpath d='M108 40h24'/%3E%3Cpath d='M108 200h24'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat,no-repeat,repeat;
  background-size: auto,auto,240px 240px;
  background-position: center,center,0 0;
  /* a díszkeret ne "ússzon" a tartalommal – külön, fix rétegen van */
  position:relative;
}

/* Fix, díszes arany keret a viewport körül (nem mozog görgetéskor) */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:14px;
  border-radius:20px;
  pointer-events:none;
  z-index:1;
}
body::before{
  border:2px solid rgba(212,175,55,.62);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.10) inset,
    0 0 0 6px rgba(212,175,55,0.08);
}
body::after{
  inset:24px;
  border:1px solid rgba(212,175,55,.28);
  border-radius:16px;
}

/* Oldal kerete – arany díszcsík */
.page-frame{
  max-width:1100px;
  margin:0 auto;
  padding:18px 14px 28px;
  position:relative;
  z-index:2; /* a fix keret fölé */
}


/* --- „Egyházi” hangulat: meleg tónusok, finom arany részletek, banner fejléc --- */
/* Fejléc banner + áttetsző sáv */
.site-header{
  position:relative;
  color:#fff;
  padding:28px 18px 18px;
  min-height:240px;
  background:
    linear-gradient(0deg, rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
    url('banner.jpg') center/cover no-repeat;
  border-bottom:4px solid rgba(212,175,55,0.75);
  z-index:2;
}

.site-header::before{
  content:"";
  position:absolute;
  inset:10px;
  border:2px solid rgba(212,175,55,0.85);
  border-radius:18px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12) inset;
  pointer-events:none;
}

.site-header::after{
  /* liturgikus „szalag” */
  content:"";
  display:block;
  height:6px;
  margin-top:12px;
  background:linear-gradient(90deg, rgba(212,175,55,0.95), rgba(212,175,55,0.55), rgba(212,175,55,0.95));
  border-radius:999px;
}

.header-inner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  max-width:1100px;
  margin:0 auto;
}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,0.35))}
.brand-title{font-weight:900;letter-spacing:0.3px;font-size:1.35rem;line-height:1.1;font-family:Georgia,'Times New Roman',serif}
.brand-subtitle{font-size:0.95rem;opacity:0.92}
.header-verse{max-width:520px;text-align:right;font-style:italic;opacity:0.92;font-size:0.95rem}

.topnav{
  position:relative;
  z-index:2;
  max-width:1100px;
  margin:14px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(74,12,16,0.95), rgba(44,6,8,0.92));
  border:1px solid rgba(212,175,55,0.45);
  box-shadow: 0 10px 22px rgba(0,0,0,0.25);
}
.topnav a{
  color:#2b1a0b;
  text-decoration:none;
  font-weight:900;
  padding:9px 12px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(242,213,122,0.95), rgba(212,175,55,0.92));
  border:1px solid rgba(0,0,0,0.18);
  box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}
.topnav a:hover{filter:brightness(1.03)}
.topnav .nav-cta{
  background:linear-gradient(180deg, rgba(255,238,186,0.98), rgba(242,213,122,0.95));
  border-color:rgba(212,175,55,0.85);
}

.site-main{padding:18px 15px;max-width:1100px;margin:0 auto}
footer{
 background:#f0eadf;
 text-align:center;
 padding:10px;
 font-size:14px;
 color:#3a3a3a;
 border-top:1px solid rgba(0,0,0,0.08);
}
/* „Látványterv” jellegű csempék: arany keret, pergamenes tónus, finom árnyék */
.card{
  background:rgba(255,255,255,0.94);
  border:1px solid rgba(212,175,55,0.55);
  border-left:8px solid rgba(212,175,55,0.85);
  padding:16px 16px;
  margin:14px 0;
  border-radius:18px;
  box-shadow: 0 14px 30px rgba(0,0,0,0.10);
}
.card h1,.card h2,.card h3,.card h4,.card h5{
  font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  letter-spacing:.2px;
  margin-top:0;
}
.card ul{padding-left:18px}
.card li{margin:6px 0}
@media(max-width:768px){
 .header-inner{flex-direction:column;align-items:flex-start}
 .header-verse{text-align:left}
 .topnav a{display:inline-block}
 body{font-size:18px;}
 body::before{inset:10px}
 body::after{inset:18px}
 .col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-7,.col-lg-5,.col-lg-6,.col-lg-7{flex:0 0 100%}
}

.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.dash-card{background:#fff;border-left:6px solid var(--secondary);padding:15px;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,0.12)}

/* --- Egyszerű UI komponensek (bootstrap nélkül) --- */
.section-title{font-size:1.35rem;font-weight:800;margin-bottom:6px}
.section-subtitle{color:var(--muted);margin-bottom:16px}

.btn{display:inline-block;border:1px solid transparent;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:800;cursor:pointer}
.btn-sm{padding:7px 10px;font-size:0.9rem}
.btn-pill{border-radius:999px}
.btn-dark{background:#111;color:#fff}
/* Arany, templomi gomb (a látványtervhez hasonló) */
.btn-outline-dark{
  background:linear-gradient(180deg, rgba(242,213,122,0.95), rgba(212,175,55,0.92));
  border-color:rgba(74,12,16,0.35);
  color:#2b1a0b;
  box-shadow: 0 6px 14px rgba(0,0,0,0.10);
}
.btn-outline-dark:hover{filter:brightness(1.02)}
.btn-outline-secondary{background:transparent;border-color:#777;color:#333}
.btn-outline-danger{background:transparent;border-color:#b00020;color:#b00020}
.btn:hover{filter:brightness(0.96)}

.alert{padding:10px 12px;border-radius:10px;margin:10px 0}
.alert-success{background:#e8f7ee;border:1px solid #b7e4c7}
.alert-danger{background:#fde8e8;border:1px solid #f5b5b5}
.text-muted{color:#666}
.small{font-size:0.92rem}
.fw-semibold{font-weight:700}
.text-end{text-align:right}

.form-label{display:block;font-weight:700;margin-bottom:6px}
.form-control,.form-select,textarea{width:100%;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:10px;padding:10px 12px;background:#fff}
.form-control:focus,.form-select:focus,textarea:focus{outline:2px solid rgba(123,30,30,0.25);border-color:rgba(123,30,30,0.55)}
.form-text{color:#666;font-size:0.9rem;margin-top:6px}

.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:10px;vertical-align:top}
.table thead th{font-size:0.9rem;text-transform:uppercase;color:#666}
.table-responsive{overflow:auto}

.list-group{display:flex;flex-direction:column;gap:8px}
.list-group-item{
  background:rgba(255,255,255,0.92);
  border:1px solid rgba(212,175,55,0.35);
  border-radius:14px;
  padding:12px 14px;
}
.list-group-item-action{transition:transform .08s ease, box-shadow .08s ease}
.list-group-item-action:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,0.08)}

/* egyszerű grid (row/col) */
.row{display:flex;flex-wrap:wrap}
.g-3{gap:12px}
.g-4{gap:16px}
.col-12{flex:0 0 100%}
.col-md-2{flex:0 0 16.666%}
.col-md-3{flex:0 0 25%}
.col-md-4{flex:0 0 33.333%}
.col-md-5{flex:0 0 41.666%}
.col-md-7{flex:0 0 58.333%}
.col-lg-5{flex:0 0 41.666%}
.col-lg-6{flex:0 0 50%}
.col-lg-7{flex:0 0 58.333%}
.d-flex{display:flex}
.justify-content-between{justify-content:space-between}
.justify-content-end{justify-content:flex-end}
.align-items-start{align-items:flex-start}
.gap-2{gap:8px}
.gap-3{gap:12px}
.flex-wrap{flex-wrap:wrap}
.h-100{height:100%}
.p-3{padding:12px}
.p-4{padding:16px}
.mt-1{margin-top:4px}
.mt-2{margin-top:8px}
.mt-3{margin-top:12px}
.mt-4{margin-top:16px}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:4px}
.mb-2{margin-bottom:8px}
.mb-3{margin-bottom:12px}
.mb-4{margin-bottom:16px}

.card-elevated{border-left:8px solid var(--secondary)}


/* --- Fejléc: nagy banner + arany díszítés --- */
.site-header{
  background:
    linear-gradient(0deg, rgba(0,0,0,0.68), rgba(0,0,0,0.35)),
    url('banner.jpg');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:26px 16px 0;
  border-bottom:3px solid rgba(212,175,55,.75);
  box-shadow: 0 14px 30px rgba(0,0,0,.20);
  position:relative;
}
.site-header:after{
  content:"";
  display:block;
  height:10px;
  background: linear-gradient(90deg, rgba(212,175,55,0), rgba(212,175,55,.9), rgba(212,175,55,0));
  margin-top:14px;
}
.header-inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
}
.brand{
  display:flex;
  gap:14px;
  align-items:center;
  text-decoration:none;
  color:#fff;
}
.brand-logo{
  width:62px;
  height:62px;
  object-fit:contain;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.35));
}
.brand-title{
  font-family: 'Cinzel', 'Cormorant Garamond', serif;
  font-weight:700;
  letter-spacing:.6px;
  font-size:34px;
  line-height:1.05;
  text-shadow: 0 3px 12px rgba(0,0,0,.55);
}
.brand-title:before{
  content:"✝ ";
  color: var(--secondary2);
  text-shadow: 0 3px 12px rgba(0,0,0,.55);
}
.brand-subtitle{
  margin-top:4px;
  font-family:'Cormorant Garamond', serif;
  font-size:18px;
  color: rgba(242,213,122,.95);
  letter-spacing:.2px;
}
.header-verse{
  max-width:380px;
  font-family:'Cormorant Garamond', serif;
  font-size:18px;
  line-height:1.2;
  color: rgba(255,255,255,.92);
  border-left:3px solid rgba(212,175,55,.75);
  padding-left:12px;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}

/* Navigáció: arany keretes gombok */
.topnav{
  max-width:1100px;
  margin:14px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 8px 18px;
}
.topnav a{
  color:#fff;
  text-decoration:none;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.55);
  background: rgba(44,6,8,.45);
  backdrop-filter: blur(3px);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  font-weight:600;
}
.topnav a:hover{
  transform: translateY(-1px);
  background: rgba(212,175,55,.18);
  border-color: rgba(242,213,122,.9);
}

/* Tartalom kártyák: arany díszcsík + árnyék */
.container{max-width:1100px;margin:0 auto;padding:18px 16px 34px;}
.card, .box, .panel, .content-box{
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border:1px solid rgba(0,0,0,.06);
  position:relative;
}
.card:before, .box:before, .panel:before, .content-box:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background: linear-gradient(180deg, rgba(212,175,55,.9), rgba(212,175,55,.20));
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* Címsorok: díszes aláhúzás */
h1,h2,h3{
  font-family:'Cinzel','Cormorant Garamond',serif;
  letter-spacing:.3px;
}
h2{
  position:relative;
  padding-bottom:10px;
}
h2:after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:220px; height:3px;
  background: linear-gradient(90deg, rgba(212,175,55,.95), rgba(212,175,55,0));
  border-radius:4px;
}

/* Gombok: arany */
button, .btn, input[type=submit]{
  background: linear-gradient(180deg, rgba(242,213,122,.98), rgba(212,175,55,.92));
  border:1px solid rgba(44,6,8,.35);
  color: #2b0b0c;
  border-radius:999px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}
button:hover, .btn:hover, input[type=submit]:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* Lábléc */
footer{
  margin-top:28px;
  padding:18px 16px;
  background: linear-gradient(180deg, rgba(44,6,8,.96), rgba(74,12,16,.96));
  color: rgba(255,255,255,.9);
  border-top:3px solid rgba(212,175,55,.55);
}


/* Arany díszkeret a teljes oldal körül */
body::before{
  content:"";
  position:fixed;
  inset:12px;
  border:3px solid rgba(212,175,55,0.75);
  outline:1px solid rgba(74,12,16,0.35);
  border-radius:22px;
  box-shadow:
    0 0 0 1px rgba(242,213,122,0.35) inset,
    0 10px 30px rgba(0,0,0,0.20);
  pointer-events:none;
  z-index:9999;
}
body::after{
  /* sarokdíszek */
  content:"";
  position:fixed;
  inset:12px;
  border-radius:22px;
  pointer-events:none;
  z-index:9998;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 70 C20 35 35 20 70 20'/%3E%3Cpath d='M30 70 C30 45 45 30 70 30' stroke-opacity='.6'/%3E%3Cpath d='M110 20 C145 20 160 35 160 70'/%3E%3Cpath d='M110 30 C135 30 150 45 150 70' stroke-opacity='.6'/%3E%3Cpath d='M20 110 C20 145 35 160 70 160'/%3E%3Cpath d='M30 110 C30 135 45 150 70 150' stroke-opacity='.6'/%3E%3Cpath d='M110 160 C145 160 160 145 160 110'/%3E%3Cpath d='M110 150 C135 150 150 135 150 110' stroke-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") left top no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 70 C20 35 35 20 70 20'/%3E%3Cpath d='M30 70 C30 45 45 30 70 30' stroke-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") left bottom no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M110 20 C145 20 160 35 160 70'/%3E%3Cpath d='M110 30 C135 30 150 45 150 70' stroke-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") right top no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23d4af37' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M110 160 C145 160 160 145 160 110'/%3E%3Cpath d='M110 150 C135 150 150 135 150 110' stroke-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") right bottom no-repeat;
  opacity:0.65;
}

/* ===== Gyász hírek csempék ===== */
.gyasz-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:18px;
}
@media (max-width: 900px){
  .gyasz-grid{ grid-template-columns: 1fr; }
}

.gyasz-card{
  position:relative;
  overflow:hidden;
  background:#fdfaf3;
  padding:26px 26px 22px;
  border-radius:18px;
  border:2px solid rgba(201,162,39,0.85);
  box-shadow: 0 10px 25px rgba(0,0,0,0.10);
}

/* Halvány arany kereszt vízjel */
.gyasz-card::before{
  content:"✝";
  position:absolute;
  right:-10px;
  bottom:-30px;
  font-size:170px;
  line-height:1;
  color: rgba(201,162,39,0.18);
  transform: rotate(-12deg);
  pointer-events:none;
  z-index:0;
}

/* Fekete gyászszalag (átlós) */
.gyasz-card::after{
  content:"";
  position:absolute;
  top:14px;
  right:-56px;
  width:190px;
  height:30px;
  background: linear-gradient(180deg, #111, #000);
  opacity:0.95;
  transform: rotate(45deg);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  z-index:1;
}

/* Kereszt a jobb felső sarokban */
.gyasz-card .corner-cross{
  position:absolute;
  top:12px;
  right:14px;
  font-size:28px;
  color:#000;
  z-index:2;
}

.gyasz-idezett{
  position:relative;
  z-index:2;
  font-style:italic;
  color:#3f3f3f;
  margin-bottom:10px;
}
.gyasz-nev{
  position:relative;
  z-index:2;
  font-size:22px;
  font-weight:800;
  color:#5a0000;
  margin: 6px 0 6px;
}
.gyasz-datum{
  position:relative;
  z-index:2;
  color:#555;
  font-size:14px;
}
.gyasz-szoveg{
  position:relative;
  z-index:2;
  margin-top:12px;
  color:#2e2e2e;
  font-size:15px;
  white-space: pre-line;
}

/* ===== Általános csempés rács ===== */
.tile-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:18px;
}
@media (max-width: 900px){
  .tile-grid{ grid-template-columns: 1fr; }
}

.tile{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:2px solid rgba(201,162,39,0.75);
  border-radius:18px;
  padding:22px 22px 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.10);
}
.tile::before{
  /* halvány arany kereszt vízjel */
  content:"✝";
  position:absolute;
  right:-10px;
  bottom:-34px;
  font-size:170px;
  line-height:1;
  color: rgba(201,162,39,0.14);
  transform: rotate(-12deg);
  pointer-events:none;
}

/* ===== Miserend csempék ===== */
.miserend-hero{margin: 8px 0 16px;}
.page-title{
  font-family: Georgia,'Times New Roman',serif;
  font-weight: 900;
  letter-spacing: 0.5px;
  font-size: 2rem;
  margin: 0 0 6px;
}
.page-subtitle{color:#6b6b6b;margin:0 0 18px;}

.mise-tile .mise-day{
  font-size: 1.2rem;
  font-weight: 900;
  color: #5b0f14;
  margin-bottom: 6px;
}
.mise-tile .mise-time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(212,175,55,0.14);
  border: 1px solid rgba(201,162,39,0.35);
  font-weight: 800;
  color: #3a2a00;
}
.mise-tile .mise-note{
  margin-top: 12px;
  color:#3b3b3b;
  line-height:1.45;
}
.mise-tile .mise-note:empty{display:none;}

/* ===== Hírek (lista) csempék ===== */
.news-grid{margin-top: 14px;}
.news-tile{
  display:block;
  text-decoration:none;
  color: inherit;
}
.news-tile .news-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom: 10px;
}
.news-tile .news-title{
  font-weight: 900;
  color:#4a0c10;
  font-size: 1.05rem;
  line-height:1.25;
}
.news-tile .news-date{
  white-space:nowrap;
  font-size: 0.9rem;
  font-weight: 800;
  color:#3a2a00;
  background: linear-gradient(#f1d98a, #c9a227);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(90,0,0,0.25);
  box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}
.news-tile .news-excerpt{color:#4a4a4a;line-height:1.45;}
.news-tile:hover{transform: translateY(-1px);}
.news-tile .tile{transition: transform .10s ease, box-shadow .10s ease;}
.news-tile:hover .tile{box-shadow: 0 14px 32px rgba(0,0,0,0.13);}
.news-tile .news-cta{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight: 900;
  color:#5b0f14;
}

/* ===== Hír részletek ===== */
.news-detail{
  padding: 26px 26px 22px;
}
.news-detail h2{margin:0 0 6px;color:#4a0c10;}
.news-meta{color:#6b6b6b;margin:0 0 14px;font-weight:700;}
.news-content{white-space: pre-line;line-height:1.6;color:#2b2b2b;}

/* Képgaléria + lightbox (hír részletek) */
.thumb-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:12px;margin-top:14px;}
@media (max-width: 1000px){.thumb-grid{grid-template-columns:repeat(3, minmax(0,1fr));}}
@media (max-width: 700px){.thumb-grid{grid-template-columns:repeat(2, minmax(0,1fr));}}

.news-thumb{cursor:pointer;overflow:hidden;border-radius:14px;border:1px solid rgba(201,162,39,0.35);background:#fff;box-shadow:0 8px 18px rgba(0,0,0,0.08);transition:transform .12s ease, box-shadow .12s ease;}
.news-thumb img{width:100%;height:180px;object-fit:cover;display:block;}
.news-thumb:hover{transform:scale(1.02);box-shadow:0 14px 28px rgba(0,0,0,0.16)}

#lightbox-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.92);display:none;align-items:center;justify-content:center;z-index:2000;}
#lightbox-overlay.active{display:flex;}
#lightbox-overlay .lightbox-inner{position:relative;max-width:92%;max-height:92%;}
#lightbox-image{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,0.65);}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:rgba(0,0,0,0.6);color:#fff;border:none;font-size:2rem;line-height:1;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.25s;}
.lightbox-close{top:-54px;right:0;}
.lightbox-prev{top:50%;left:-64px;transform:translateY(-50%);}
.lightbox-next{top:50%;right:-64px;transform:translateY(-50%);}
.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,0.25);}
@media (max-width: 768px){
  .lightbox-prev{left:10px;}
  .lightbox-next{right:10px;}
  .lightbox-close{top:-44px;}
}


/* ====== FŐOLDAL CSEMPE LAYOUT (stabil, látványterv-szerű) ====== */
.home-hero{
  padding: 10px 6px 18px;
}
.home-hero h1{
  font-family: "Cinzel","Cormorant Garamond",serif;
  font-size: 34px;
  margin: 6px 0 6px;
  letter-spacing: .5px;
}
.home-hero p{margin:0;color:var(--muted);max-width: 70ch}

.home-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}
@media (max-width: 920px){
  .home-grid{grid-template-columns:1fr}
}

.tile{
  position:relative;
  background: rgba(255,255,255,.92);
  border: 2px solid rgba(212,175,55,.75);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 18px 18px 16px;
  overflow:hidden;
}
.tile::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 600px at 10% 0%, rgba(212,175,55,0.10), transparent 55%),
    radial-gradient(800px 500px at 90% 10%, rgba(74,12,16,0.10), transparent 55%);
  pointer-events:none;
}
.tile > *{position:relative; z-index:1}

.tile-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin: 0 0 12px;
  font-family:"Cinzel","Cormorant Garamond",serif;
  font-size:18px;
  color: #2c0608;
}
.tile-badge{
  font-size: 12px;
  color: #4a2f00;
  background: linear-gradient(180deg, rgba(242,213,122,.95), rgba(212,175,55,.92));
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(120,80,0,.35);
  white-space: nowrap;
}

.tile-list{
  margin:0;
  padding-left: 18px;
}
.tile-list li{margin: 6px 0}
.tile-muted{color:var(--muted); margin:0}

.tile-actions{margin-top: 14px}

/* hírek mini-lista a főoldalon */
.mini-news{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mini-news-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(212,175,55,.45);
  background: rgba(255,255,255,.75);
  text-decoration:none;
  color: inherit;
}
.mini-news-item:hover{background: rgba(255,255,255,.92)}
.mini-news-title{font-weight:700; text-decoration: underline; text-underline-offset: 3px}
.mini-news-excerpt{color:var(--muted); font-size: 13px; margin-top: 4px}
.mini-news-date{color:var(--muted); font-size: 12px; white-space:nowrap; margin-left:auto}

/* biztos ami biztos: minden elem számoljon border-box-szal */
*, *::before, *::after{box-sizing:border-box}