:root{--maroon:#5d1822;--gold:#d7a94a;--cream:#fff8eb;--ink:#2d1f1b;--muted:#765e57}*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:linear-gradient(180deg,#fff8eb,#f5e7cf);color:var(--ink)}a{color:var(--maroon)}.top{background:linear-gradient(135deg,var(--maroon),#2c0e13);color:white;padding:28px 18px;border-bottom:5px solid var(--gold)}.wrap{max-width:1100px;margin:0 auto}.brand{font-size:34px;font-weight:bold;letter-spacing:.5px}.tag{opacity:.92;margin-top:6px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.nav a,.btn{display:inline-block;background:var(--gold);color:#28150f;padding:10px 16px;border-radius:999px;text-decoration:none;border:0;font-weight:bold;cursor:pointer}.nav a.secondary,.btn.secondary{background:#fff;color:var(--maroon)}.hero{padding:34px 18px}.card{background:rgba(255,255,255,.88);border:1px solid rgba(93,24,34,.12);border-radius:22px;padding:24px;box-shadow:0 12px 30px rgba(50,20,10,.08);margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.field{margin:14px 0}.field label{display:block;font-weight:bold;margin-bottom:6px;color:var(--maroon)}input,select,textarea{width:100%;padding:12px;border:1px solid #d8c7ad;border-radius:12px;background:#fff;font:inherit}textarea{min-height:135px}.hint{color:var(--muted);font-size:14px}.notice{background:#fff0bf;border:1px solid #e5c05a;padding:14px;border-radius:14px}.success{background:#e7ffe9;border:1px solid #75bd7c;padding:14px;border-radius:14px}.danger{background:#ffe8e8;border:1px solid #c76d6d;padding:14px;border-radius:14px}.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.table th{background:#5d1822;color:white}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eee;font-size:13px}.badge.ok{background:#dbf7d8;color:#115b19}.badge.wait{background:#fff1bb;color:#705200}.footer{text-align:center;padding:28px;color:var(--muted)}.coverbox{background:radial-gradient(circle at top,#a97834,#5d1822 55%,#21090c);color:#fff;border-radius:28px;padding:32px;border:3px solid var(--gold)}.coverbox h1{font-size:44px;margin:0;color:#ffe3a0}.coverbox p{font-size:18px}.small{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.photo-list{display:flex;flex-wrap:wrap;gap:8px}.photo-list img{width:90px;height:70px;object-fit:cover;border-radius:10px;border:1px solid #ddd}@media(max-width:700px){.brand{font-size:26px}.coverbox h1{font-size:32px}.table{font-size:14px}}
.lang-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.lang-switch a{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);font-weight:bold}.lang-switch a.active{background:var(--gold);color:#28150f;border-color:var(--gold)}.card .lang-switch a{color:var(--maroon);border-color:rgba(93,24,34,.25);background:#fff}.card .lang-switch a.active{background:var(--gold);color:#28150f}


/* Header image banner patch - lighter soft gradient for clearer photo */
.top{
  position:relative;
  background-image:
    linear-gradient(0deg,rgba(33,9,12,.30),rgba(33,9,12,0) 48%),
    linear-gradient(90deg,rgba(33,9,12,.50),rgba(33,9,12,.12) 58%,rgba(33,9,12,.24)),
    url('../images/mega-eleftherochori-header.jpg');
  background-size:cover;
  background-position:center center;
  min-height:280px;
  display:flex;
  align-items:flex-end;
  padding:34px 18px 30px;
}
.top .wrap{width:100%;}
.brand,.tag,.nav,.lang-switch{
  position:relative;
  z-index:1;
  text-shadow:0 2px 5px rgba(0,0,0,.78),0 0 18px rgba(0,0,0,.35);
}
.brand{font-size:42px;}
@media(max-width:700px){
  .top{
    min-height:230px;
    background-position:center center;
    padding:26px 16px 22px;
    background-image:
      linear-gradient(0deg,rgba(33,9,12,.34),rgba(33,9,12,0) 50%),
      linear-gradient(90deg,rgba(33,9,12,.55),rgba(33,9,12,.16) 62%,rgba(33,9,12,.22)),
      url('../images/mega-eleftherochori-header.jpg');
  }
  .brand{font-size:28px;}
}