/* =========================
   ZSZ Płock — Rebuild CSS
   Works for all pages (Drupal 7 DOM)
   ========================= */

/* ---- Reset (м’який) ---- */
html, body { margin:0; padding:0; }
img, iframe { max-width:100%; height:auto; border:0; }
ul, ol { margin:0; padding-left:1.2rem; }
h1,h2,h3,h4,h5,h6,p { margin:0 0 .75rem; }
* { box-sizing:border-box; }

/* ---- Base ---- */
body {
  background:#987d63;              /* коричневий бек як на скріні */
  color:#222;
  font: 14px/1.6 Georgia,'Palatino Linotype','Book Antiqua','URW Palladio L',Baskerville,serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a { color:#6a8f15; text-decoration:none; }
a:hover, a:focus { color:#3f5d00; text-decoration:underline; }
.element-invisible { position:absolute !important; clip:rect(1px,1px,1px,1px); }

/* ---- Page wrapper (фіксована 1024px як у вихідному HTML) ---- */
#page-wrapper {
  width:1024px;
  margin:14px auto;
  background:#f8f1d6;              /* світлий крем у внутрішній області */
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  border-radius:4px;
}

/* ---- Header ---- */
#header { height:300px; border:none; position:relative; overflow:hidden; }
#header-watermark {
  background-image:url('/sites/all/themes/mayo/images/pat-6.png');
  background-repeat:repeat;
}
#logo a { display:block; width:100%; height:100%; }

/* Пошук праворуч у шапці */
#header-searchbox form { display:flex; align-items:center; gap:.5rem; }
#header-searchbox input[type="text"]{
  width:220px; padding:.5rem .6rem; border:1px solid #c8bda6; border-radius:3px;
  background:#fff;
}
#header-searchbox .form-submit { width:28px; height:28px; }

/* ---- Navigation (чорна смуга) ---- */
#navigation { background:#111; border-top:1px solid #000; border-bottom:1px solid #000; }
#navigation .section { max-width:100%; margin:0 auto; }
#main-menu { display:flex; flex-wrap:wrap; gap:0; list-style:none; padding:0 10px; }
#main-menu > li { margin:0; }
#main-menu > li > a,
#main-menu > li { 
  display:block; color:#fff; padding:12px 16px; font-weight:700;
}
#main-menu > li > a:hover,
#main-menu > li > a:focus,
#main-menu > li > a.active { background:#2a2a2a; color:#fff; }
#main-menu .menu-237 > a.active { background:#2a2a2a; }

/* ---- Layout columns ---- */
#main { padding:0 10px 10px; }
#sidebar-first { width:20%; float:left; }
#content { width:80%; float:left; }
.section { margin-left:0; margin-right:0; }

/* Сайдбар блоки */
.region-sidebar-first .block {
  background:#fbf0be;             /* м’який жовтуватий */
  border:1px solid #e6d89b;
  border-radius:4px;
  padding:12px;
  margin:0 5px 12px 0;
  box-shadow:0 1px 0 #efe2a9 inset;
}
.region-sidebar-first .block h2 {
  font-size:18px; color:#3d5e0a; margin:0 0 .5rem;
  border-bottom:1px solid #d8cc94; padding-bottom:.3rem;
}
.region-sidebar-first .menu li { margin:.35rem 0; }
.region-sidebar-first .menu a { color:#315200; }
.region-sidebar-first .menu a:hover { color:#1f3300; text-decoration:underline; }

/* ---- Content cards (лаймові) ---- */
.region-content .block { margin-bottom:16px; }
.node { background:#eaffb9; border:1px solid #d9eda1; border-radius:4px; padding:14px; box-shadow:0 1px 0 #f7ffd8 inset; }
.node + .node { margin-top:16px; }
.node-sticky { border-color:#cfe492; }
.node h2 a { font-size:28px; line-height:1.2; color:#466d0f; text-decoration:none; }
.node h2 a:hover { color:#2f4b08; text-decoration:underline; }

.node .submitted { color:#6f6f6f; font-size:12px; margin:.25rem 0 .75rem; }

/* "Czytaj dalej" лінк */
.node .links.inline { margin-top:.5rem; }
.node .links.inline a {
  color:#6a8f15; font-weight:700;
}
.node .links.inline a:hover { color:#3f5d00; }

/* ---- Views list on top (4 плашки) ---- */
.view-id-strona_g_wna.view-display-id-block_1 .node { background:#eeffb9; }
.view-id-strona_g_wna .views-row { margin-bottom:12px; }

/* ---- Pager ---- */
.pager { display:flex; gap:6px; flex-wrap:wrap; list-style:none; padding:8px 0; }
.pager a,
.pager-current {
  display:inline-block; min-width:28px; text-align:center;
  padding:6px 10px; border:1px solid #d9d9d9; background:#fff; border-radius:3px; color:#2b2b2b;
}
.pager a:hover { background:#f3f3f3; }
.pager-current { background:#6a8f15; color:#fff; border-color:#6a8f15; }

/* ---- Tables, lists, text ---- */
table { width:100%; border-collapse:collapse; margin:.75rem 0; background:#fff; }
th, td { border:1px solid #e0e0e0; padding:.5rem .6rem; vertical-align:top; }
th { background:#f5f5f5; text-align:left; }
blockquote { padding:.5rem .75rem; border-left:4px solid #c3d98a; background:#f9ffe6; }

/* ---- Forms (universal) ---- */
input[type=text], input[type=email], input[type=password], textarea, select {
  width:100%; padding:.5rem .6rem; border:1px solid #c8c8c8; border-radius:3px; background:#fff;
}
button, .form-submit, input[type=submit]{
  display:inline-block; padding:.5rem .9rem; border:1px solid #6a8f15; background:#6a8f15; color:#fff; border-radius:4px; cursor:pointer;
}
button:hover, .form-submit:hover, input[type=submit]:hover { background:#577810; border-color:#577810; }

/* ---- Footer ---- */
#footer-wrapper { background:#3b2f24; color:#e8d9c2; }
#footer .block { text-align:center; }
#footer a { color:#daa520; }
#footer a:hover { color:#ffd15b; }

/* ---- Colorbox (м’яка інтеграція, якщо модуль є) ---- */
#colorbox, #cboxOverlay, #cboxWrapper { outline:0; }

/* ---- Cookie bar (якщо ввімкнений модуль) ---- */
#sliding-popup.sliding-popup-bottom {
  background:#3b3b3b !important;
}
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p { color:#fff !important; }

/* ---- Utility ---- */
.cfie:before, .cfie:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.cfie:after, .clearfix:after { clear:both; }

/* =========================
   Responsive
   ========================= */
@media (max-width: 1024px){
  #page-wrapper { width:100%; border-radius:0; }
  #sidebar-first { width:26%; }
  #content { width:74%; }
}

@media (max-width: 900px){
  #sidebar-first { width:100%; float:none; }
  #content { width:100%; float:none; }
  .region-sidebar-first .block { margin-right:0; }
}

/* Mobile nav (з бургером) */
#nav-toggle {
  display:none;
  background:#111; color:#fff; border:none; width:100%; text-align:left;
  padding:12px 16px; font-weight:700;
}
@media (max-width: 768px){
  #nav-toggle { display:block; }
  #main-menu { display:none; width:100%; flex-direction:column; }
  #main-menu.show { display:flex; }
  #main-menu > li > a { border-top:1px solid #222; }
}

/* ---- Minor tweaks for internal Node pages ---- */
.page-node .node, .page-taxonomy .node, .page-search .node { background:#eeffb9; }
.page-node .field, .page-node .content { margin-top:.25rem; }