/* ============================================================
   without_christ_all.css
   Purpose: Single, minimal stylesheet for the "A világ karácsony nélkül"
            template under /CHRIST/*/without_christ.php

   Merged from (and replacing):
   - style.css
   - without_christ.css
   - without_christ_v3.css

   Notes:
   - Keep this file next to the PHP file in each language folder
     (e.g. /CHRIST/HU/without_christ_all.css)
   - Flags are 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; }

/* -------- Layout helpers used by the template -------- */
.content-table{
  margin: 0 auto;
  border-collapse: collapse;
  width: 1100px;
}

/* Side empty column (if present in your table layout) */
.oldal-ures-oszlop{
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

/* Main content wrapper used in your template */
.valami_z{
  padding: 2em;
  line-height: 1.2em;
  text-indent: 5px;
  background-color: #f3fbe8;
  font-size: 1.5em;
}

/* Headline class used in the template */
.Cimsor{
  font-size: 2.2em;
  font-weight: bold;
}

/* -------- Visitors + Flags (language chooser) --------
   Requirement:
   - Under the Visitors block
   - Vertical
   - Centered relative to Visitors block
   - Uniform flag size (HU/EN match RO/UA/RU)
*/
.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;   /* consistent visual width */
  height: 30px;  /* consistent visual height */
  object-fit: contain;
  display: block;
  border: 0;
}

/* If your KompoZer export adds a centered DIV after the bar, avoid extra gaps */
.langbar + div[align="center"]{
  margin-top: 0;
}