/* GEN-HER / Lepton - odświeżony szablon
   Zachowuje istniejący HTML/PHP oraz funkcje CMS WebsiteBaker/LEPTON.
   Logo/baner img/1.jpg pozostaje bez zmian.
*/
:root {
  --gh-brown: #644b32;
  --gh-brown-dark: #3d2b1e;
  --gh-brown-mid: #806348;
  --gh-gold: #c49a5a;
  --gh-cream: #f7f3ec;
  --gh-paper: #fffdf9;
  --gh-text: #34291f;
  --gh-muted: #786b5d;
  --gh-border: #e5d9c8;
  --gh-shadow: 0 8px 28px rgba(48, 32, 18, .12);
}
* { box-sizing: border-box; }
html { background: var(--gh-cream); }
body {
  margin: 0;
  background: linear-gradient(135deg, #e9dfd1 0%, var(--gh-cream) 55%, #eee5d9 100%);
  color: var(--gh-text);
  font: 16px/1.65 Arial, Helvetica, sans-serif;
}
a { color: var(--gh-brown); text-decoration: underline; text-underline-offset: 3px; }
a:visited { color: var(--gh-brown-mid); }
a:hover, a:focus { color: #9a6b2e; }
img { max-width: 100%; height: auto; }
#site {
  width: min(1120px, calc(100% - 36px));
  margin: 28px auto;
  overflow: hidden;
  background: var(--gh-paper);
  border: 1px solid rgba(100,75,50,.18);
  border-radius: 12px;
  box-shadow: var(--gh-shadow);
  color: var(--gh-text);
}
#wewn { width: 100%; }
#head { width: 100%; height: auto; line-height: 0; background: #fff; }
#head a { display: block; }
#head .head_img { display: block; width: 100%; height: auto; }
#headtitle {
  padding: 12px 22px; text-align: center; color: #fff;
  background: var(--gh-brown); font: 600 1.25rem/1.4 Georgia, 'Times New Roman', serif;
}
#spacer { height: 12px; }
#side {
  float: left; width: 230px; padding: 22px 16px 24px;
  background: #f2eadf; border-right: 1px solid var(--gh-border);
}
#40lecie { margin: 0 0 18px; text-align: center; }
#40lecie img { display: inline-block; max-width: 100%; border-radius: 8px; }
#navi1 ul { margin: 0; padding: 0; list-style: none; }
#navi1 ul ul { padding: 2px 0 6px 12px; }
#navi1 li { margin: 0 0 5px; }
#navi1 a {
  display: block; padding: 10px 12px; border: 1px solid transparent;
  border-radius: 7px; background: transparent; color: var(--gh-brown-dark);
  font-size: 15px; line-height: 1.35; text-decoration: none; transition: background .15s ease, color .15s ease;
}
#navi1 a:hover, #navi1 a:focus { background: #e7d8c4; border-color: #dfc9ac; color: #392619; }
#navi1 .menu-current > a, #navi1 .menu-current a { background: var(--gh-brown); color: #fff; border-color: var(--gh-brown); }
#flagi, #FB { margin: 18px 0; text-align: center; }
#flagi img { margin: 3px; vertical-align: middle; }
#FB img { width: 42px; height: auto; }
#search, #login { width: 100%; margin: 18px 0; font-size: 13px; }
#search fieldset, #login fieldset { min-width: 0; padding: 12px; border: 1px solid var(--gh-border); border-radius: 8px; }
#search legend, #login legend { padding: 0 5px; color: var(--gh-brown); font-weight: bold; }
#search input[type='text'], #login input[type='text'], #login input[type='password'] {
  width: 100%; max-width: 100%; margin: 5px 0 10px; padding: 9px 10px;
  color: var(--gh-text); background: #fff; border: 1px solid #d8c9b7; border-radius: 5px; font: inherit;
}
#search input[type='submit'], #login input[type='submit'] {
  display: inline-block; padding: 8px 13px; border: 0; border-radius: 5px;
  background: var(--gh-brown); color: #fff; font: inherit; cursor: pointer;
}
#search input[type='submit']:hover, #login input[type='submit']:hover { background: var(--gh-brown-dark); }
#login a { display: inline-block; margin: 4px 5px 0 0; }
#frontedit { margin: 22px 0 0; padding: 10px; color: var(--gh-text); text-align: left; overflow-wrap: anywhere; }
#frontedit a { color: #9b3c2d; font-size: 13px; }
#cont {
  margin-left: 230px; min-height: 420px; padding: 30px 34px 38px;
  background: var(--gh-paper); line-height: 1.75; overflow-wrap: anywhere;
}
#cont h1, #cont h2, #cont h3, #cont h4 {
  color: var(--gh-brown-dark); font-family: Georgia, 'Times New Roman', serif; line-height: 1.3;
}
#cont h1 { margin: 0 0 22px; padding-bottom: 12px; border-bottom: 2px solid var(--gh-gold); font-size: clamp(1.7rem, 3vw, 2.25rem); }
#cont h2 { margin-top: 1.6em; font-size: 1.65rem; }
#cont h3 { font-size: 1.3rem; }
#cont p { margin: 0 0 1.1em; }
#cont ul, #cont ol { padding-left: 1.6em; }
#cont li { margin-bottom: .35em; }
#cont blockquote { margin: 1.5em 0; padding: 12px 18px; border-left: 4px solid var(--gh-gold); background: var(--gh-cream); }
#cont table { width: 100%; border-collapse: collapse; margin: 1.2em 0; }
#cont th, #cont td { padding: 9px 11px; border: 1px solid var(--gh-border); text-align: left; }
#cont th { background: #f0e5d6; }
#cont input, #cont select, #cont textarea { max-width: 100%; }
#foot { clear: both; padding: 13px 16px; background: var(--gh-brown-dark); color: #f9f3eb; font-size: 13px; text-align: center; }
#foot ul { display: inline; margin: 0; padding: 0; list-style: none; }
#foot li { display: inline-block; padding: 3px 7px; }
#foot a, #foot a:visited { padding: 4px; color: #f9f3eb; text-decoration: none; }
#foot a:hover, #foot a:focus { color: #f0c982; text-decoration: underline; }
#basic { display: flex; justify-content: space-between; gap: 16px; padding: 12px 18px; background: #eee4d7; color: var(--gh-muted); font-size: 12px; }
#links { min-width: 0; }
#design { text-align: right; }
#design a { color: var(--gh-muted); }
#lastnews { margin: 12px 0; padding: 12px; border: 1px solid var(--gh-border); border-radius: 8px; }
.clear, .clearfix { clear: both; }
@media (max-width: 760px) {
  #site { width: calc(100% - 20px); margin: 10px auto; border-radius: 8px; }
  #side { float: none; width: 100%; padding: 14px; border-right: 0; border-bottom: 1px solid var(--gh-border); }
  #40lecie { margin-bottom: 12px; }
  #navi1 > ul, #navi1 ul.menu { display: flex; flex-wrap: wrap; gap: 5px; }
  #navi1 li { margin: 0; }
  #navi1 a { padding: 8px 10px; }
  #navi1 ul ul { padding-left: 8px; }
  #search, #login { max-width: 420px; margin: 14px auto; }
  #cont { margin-left: 0; min-height: 0; padding: 24px 20px 30px; }
  #foot { padding: 10px; }
  #foot li { padding: 3px; }
  #basic { display: block; text-align: center; }
  #design { margin-top: 6px; text-align: center; }
}
@media (max-width: 420px) {
  body { font-size: 15px; }
  #site { width: calc(100% - 12px); margin: 6px auto; }
  #cont { padding: 20px 14px 24px; }
  #navi1 > ul, #navi1 ul.menu { display: block; }
  #navi1 li { margin-bottom: 3px; }
}
@media print {
  body, #site, #cont { background: #fff; box-shadow: none; color: #000; }
  #site { width: 100%; margin: 0; border: 0; }
  #side, #foot, #basic { display: none; }
  #cont { margin: 0; padding: 0; }
  a { color: #000; text-decoration: underline; }
}



/* GEN-HER — czytelna, ciemna treść newsów i podstron */
#cont,
#cont p,
#cont div,
#cont span,
#cont li,
#cont td,
#cont th,
#cont strong,
#cont em {
    color: #222222 !important;
}

/* Tytuły i nagłówki */
#cont h1,
#cont h2,
#cont h3,
#cont h4,
#cont h5,
#cont h6 {
    color: #1f1a16 !important;
}

/* Tytuły i treść wiadomości */
#cont .news-title,
#cont .news-title a,
#cont .mod_news_title,
#cont .mod_news_title a,
#cont .post-title,
#cont .post-title a {
    color: #1f1a16 !important;
}

/* Linki w treści */
#cont a,
#cont a:visited {
    color: #644b32 !important;
}

#cont a:hover,
#cont a:focus {
    color: #9a6b2e !important;
}