/* ==========================
   HEADER (Cassiopeia) – zgniła zieleń
   ========================== */

/* Kolor tła nagłówka */
.site-header,
.container-header {
  background: #4b5a3c !important;   /* zgniła zieleń */
  background-image: none !important;
}

/* Upewnij się, że nic nie jest "nad" treścią */
.site-header,
.container-header {
  position: relative;
  z-index: 1;
}

/* Zmniejsz wysokość nagłówka przez padding zamiast min-height */
.site-header {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  min-height: 0 !important;         /* ważne: nie wymuszamy wysokości */
}

/* Baner/panorama w nagłówku – ogranicz wysokość */
.site-header img,
.container-header img {
  max-height: 120px;
  height: auto;
  margin-left: 180px;   /*  <--  Przesunięcie baneru w prawo  */
}

/* Żeby treść NIGDY nie nachodziła na nagłówek */
body .site {
  position: relative;
  z-index: 0;
}

main, .site-content, .container-component {
  margin-top: 0 !important;
  padding-top: 0px !important;     /* bezpieczny odstęp pod nagłówkiem  - wpływa na zawartośc tresci artykułów  */
}

/* ==============================
   KOLORY GLOBALNE – styl archiwalny
   ============================== */

/* Tło całej strony */
body {
    background-color: #3f5d63; /* ciemna zielono-niebieska */
}

/* Obszar strony (środek) */
.site {
    background-color: #cfe3d3; /* jasna zieleń */
}

/* Nagłówek */
header.site-header {
    background-color: #4b6b6f; /* zgniła zieleń */
}

/* Stopka */
footer.site-footer {
    background-color: #4b6b6f;
    color: #ffffff;
}

/* ==============================
   MENU LEWE
   ============================== */

.mod-menu {
    background-color: #dff1e4;
    border: 1px solid #aac6b3;
}

.mod-menu a {
    color: #1f3b2d;
}

.mod-menu a:hover {
    background-color: #b8d6c2;
    color: #000;
}

/* ==============================
   TREŚĆ
   ============================== */

.item-page,
.blog,
.category-desc {
    background-color: #d8eadc;
    padding: 15px;
}

/* Nagłówki */
h1, h2, h3 {
    color: #2f4f4f;
}

/* Linki */
a {
    color: #1e6f4d;
}
a:hover {
    color: #0b3f2a;
}


/* ============================================================= Pełnie Księżyca – Byczyna (widget + lista) ===== */

/* KARTA */
.moon-box{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  padding: 1rem;
  background: #fff;
}

/* WIDGET MOONCONNECTION */
.moon-current{
  text-align: center;
  margin-bottom: .85rem;
}

.moon-current img{
  display: block;
  margin: 0 auto;
  max-width: 212px;
  height: auto;
  border-radius: 10px;
}

.moon-link{
  text-align: center;
  margin-top: .35rem;
  font-size: .8rem;
  opacity: .55;
}

.moon-link a{
  text-decoration: none;
}

.moon-link a:hover{
  text-decoration: underline;
}

/* LISTA */
.fullmoon-list{
  max-width: 320px;   /* ładnie pod widgetem */
  margin: 0 auto;
}

.fullmoon-list .fm-title{
  text-align: center;
  font-weight: 650;
  margin: .25rem 0 .65rem 0;
}

/* reset listy */
.fm-ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* wiersze listy */
.fm-li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;

  padding: .42rem .7rem;
  border-radius: 12px;
  background: rgba(255,215,0,.18);
  margin-bottom: .45rem;

  font-weight: 500;
}

/* hierarchia daty/godziny */
.fm-date{
  font-weight: 600;
}

.fm-time{
  font-weight: 400;
  opacity: .72;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* najbliższa pełnia */
.fm-li.fm-next{
  background: rgba(255,215,0,.28);
  border: 1px solid rgba(0,0,0,.08);
}

/* stopka */
.moon-note{
  margin-top: .55rem;
  font-size: .8rem;
  opacity: .65;
  text-align: center;
}

/* desktop odrobinę większe odstępy */
@media (min-width: 768px){
  .moon-box{ padding: 1.25rem 1.5rem; }
}

/* ===== Final polish ===== */

/* 1) link pod widgetem - dyskretny (albo ukryj) */
.moon-link{
  font-size: .72rem;
  opacity: .35;
  margin-top: .25rem;
}
/* jeśli wolisz UKRYĆ całkiem, odkomentuj:
.moon-link{ display:none; }
*/

/* 2) tytuł mniej “krzykliwy” */
.fullmoon-list .fm-title{
  font-size: 1.05rem;
  letter-spacing: .2px;
  margin: .15rem 0 .55rem 0;
}

/* 3) listy ciut lżejsze */
.fm-li{
  padding: .38rem .65rem;
  border-radius: 11px;
  background: rgba(255,215,0,.16);
}

/* 4) separator między widgetem a listą */
.moon-current{
  margin-bottom: .65rem;
}
.fullmoon-list{
  padding-top: .65rem;
  border-top: 1px solid rgba(0,0,0,.08);
}


/*  ===============  ksiazka polowan ================================================================= */
/* === Karta: Elektroniczna książka polowań === */
.kl-book-card{
  text-align:center;
  padding: 10px 0;
}

.kl-book-link{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
  text-decoration:none;
  color:#1f2d1f;
  font-weight:700;
}

/* „kafelek” pod ikoną */
.kl-book-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px;
  border-radius: 18px;
  background: rgba(246,248,245,0.95);
  box-shadow: 0 8px 18px rgba(0,0,0,0.18);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* sama ikona większa i czytelna */
.kl-book-icon img{
  width: 128px;
  height: 128px;
  display:block;
}

/* efekt „podniesienia” */
.kl-book-link:hover .kl-book-icon{
  transform: translateY(-5px);
  box-shadow: 0 14px 28px rgba(0,0,0,0.26);
}

/* tytuł pod spodem */
.kl-book-title{
  font-size: 0.98rem;
  line-height: 1.2;
  text-align:center;
}

/* mobilka – niech nie będzie ogromne */
@media (max-width: 420px){
  .kl-book-icon img{ width: 104px; height: 104px; }
}


/* =================================================================================================================== 
   STOPKA – JEDNA, ZIELONA, 100% SZEROKOŚCI
==================================================================================================================== */
/* STOPKA jak nagłówek – w układzie szablonu, ale pełna szerokość */
.footer-bar, .site-footer, .footer{
  background:#4b5a3c !important;   /* zgnita zieleń */
}

/* stopka ma nie być "wąskim pudełkiem" */
.footer-bar .container, .site-footer .container, .footer .container{
  max-width: 1200px;               /* jak treść strony */
  margin: 0 auto;
  padding: 10px 20px !important;   /* wysokość stopki */
  text-align:center !important;
}

/* tekst */
.kl-stopka-content,
.kl-stopka-content *{
  text-align:center !important;
  color:#f1e6b8 !important;
  font-size:16px !important;
  line-height:1.4 !important;
}

/* KOREKTA POŁOŻENIA STOPKI – w prawo */
.kl-stopka-content{
  margin-left: 320px;   /*  <--  Przesunięcie w prawo  */
  padding: 0px 0px;    /* <--  WYSOKOŚĆ STOPKI */
}

.sidebar-box {
  border: 4px solid #429a1d;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}

.sidebar-box .title {
  font-weight: bold;
  margin-top: 8px;
}

.sidebar-box .name {
  margin-left: 6px;
  margin-bottom: 6px;
}



.zarzad-posiedzenie {
  background-color: #6f8f3a;       /* łowiecka zieleń */
  color: #000;
  padding: 14px 20px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;

  /* centrowanie */
  display: inline-block;
  margin: 20px auto;

  /* delikatne podkreślenie */
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Telefon */
@media (max-width: 600px) {
  .zarzad-posiedzenie {
    font-size: 14px;
    padding: 12px 16px;
  }
}

/*-------------------------------------------------------- artykół fazy księzyca */
/* === Pełnia Księżyca – styl kart === */
.moon-full-wrapper {
  max-width: 320px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.moon-full-title {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.moon-full-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.moon-full-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f7ef;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  box-shadow: inset 0 0 0 1px #d9e4d0;
}

.moon-full-date {
  font-weight: 500;
}

.moon-full-time {
  font-size: 12px;
  opacity: 0.7;
}

.moon-full-footer {
  margin-top: 6px;
  font-size: 11px;
  text-align: center;
  opacity: 0.6;
}
.moon-full-year{ text-align:center; font-weight:600; margin:12px 0 6px; font-size:13px; opacity:.8; }

/* === MODUŁY – tło jak MENU === */
.moduletable,
.moduletable_menu,
.card,
.sidebar .card {
    background-color: #e6f0e3 !important;  /* zielone tło jak menu */
    border: 1px solid #c8d8c2;
    border-radius: 6px;
    box-shadow: none;
}