/* ============================================================
   without_christ_all.css
   Purpose: Single, minimal stylesheet for the "A World Without Christmas"
            template under /CHRIST/*/without_christ.php

   Notes:
   - Keep this file next to the PHP file in each language folder
   - Flags expected at: /flags/hu.png, /flags/gb.png, /flags/ro.png,
     /flags/ua.png, /flags/ru.png
   ============================================================ */

/* -------- Page base -------- */
html, body{
  background-color: #f3fbe8;
}

.wc-body{
  margin: 0;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  background-color: #f3fbe8;
}

/* Link colors (legacy link/alink/vlink replacement) */
.wc-body a:link{ color: #0000ff; }
.wc-body a:visited{ color: #ff0000; }
.wc-body a:active{ color: #000088; }

/* -------- Main layout -------- */
.page{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px 24px 12px;
}

.content-table{
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  max-width: 1100px;
}

/* Side empty column (optional, keeps the "air" around the text on desktop) */
.oldal-ures-oszlop{
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}

/* Main content cell */
.main-cell{
  vertical-align: top;
}

/* Sidebar (visitors + flags) */
.sidebar-cell{
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  vertical-align: top;
  text-align: center;
  padding-top: 8px;
}

/* -------- Hero image + headline spacing -------- */
.hero{
  text-align: center;
}

.hero img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 6px auto; /* brings the headline visually closer */
}

.valami_z{
  padding: 1em 2em 2em 2em;
  line-height: 1.35em;
  text-indent: 0;
  background-color: #f3fbe8;
  font-size: 1.3em;
}

.Cimsor{
  font-size: 2.4em;
  font-weight: bold;
  margin: 0 0 0.35em 0; /* closer to image */
  line-height: 1.05em;
}

.valami_z em{
  display: block;
  margin: 0 0 1.0em 0;
}

/* Typography helpers */
.valami_z p{
  margin: 0 0 0.9em 0;
}

.valami_z h2{
  margin: 1.1em 0 0.5em 0;
  font-size: 1.35em;
}

.valami_z hr{
  border: 0;
  border-top: 1px solid rgba(0,0,0,0.2);
  margin: 1.1em 0;
}

/* -------- Visitor box -------- */
.visitor-box{
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  background: #fff;
  padding: 6px 10px;
  border-radius: 8px;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  margin: 6px auto 4px auto;
}

/* -------- Flags (language chooser) -------- */
.langbar{
  width: 100%;
  box-sizing: border-box;
  padding: 8px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.langbar .langlink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Uniform flag box size for ALL flags */
.langbar img{
  width: 44px;
  height: 30px;
  object-fit: contain;
  display: block;
  border: 0;
}

/* -------- Small screens -------- */
@media (max-width: 900px){
  .oldal-ures-oszlop{ display: none; width: 0; min-width: 0; max-width: 0; }
  .sidebar-cell{ width: 140px; min-width: 140px; max-width: 140px; }
  .valami_z{ padding: 1.2em 1.1em 1.6em 1.1em; font-size: 1.15em; }
  .Cimsor{ font-size: 2.0em; }
}