/* Lake Prespa – 2026 design layer (loaded after custom.css on every page).
   Palette: lake blue, reed green, sand. Fonts: Lora (headings) + Inter (text). */
:root {
  --lake: #0E4A63;
  --lake-2: #1F6F8B;
  --reed: #5E7B3C;
  --reed-dark: #3F5527;
  --sand: #F3EDE2;
  --paper: #FBF9F5;
  --ink: #1C2B33;
  --muted: #4E5D66;
  --line: #E6DFD2;
  --footer: #0B3446;
}

body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-size: 17px;
  line-height: 1.6;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: Lora, Georgia, serif; font-weight: 600; }
h5, h6, .h5, .h6 { font-family: Inter, system-ui, sans-serif; font-weight: 600; }
a { color: var(--lake); }
a:hover { color: var(--lake-2); }
.text-justify { text-align: left !important; }
.blue-f { color: var(--lake) !important; }
.green-f, .green-f-light { color: var(--reed) !important; }
.green-back { background: var(--reed) !important; }

/* ---------- buttons ---------- */
.button-pr {
  background: var(--lake) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px;
  padding: 11px 24px !important;
  font-weight: 600;
  font-family: Inter, system-ui, sans-serif;
  min-height: 44px;
  cursor: pointer;
}
.button-pr:hover { background: var(--lake-2) !important; color: #fff !important; outline: none; }
.on-dark .button-pr, .button-pr.light { background: #fff !important; color: var(--lake) !important; }
.on-dark .button-pr:hover, .button-pr.light:hover { background: var(--sand) !important; color: var(--lake) !important; }

/* ---------- header ---------- */
.site-header { background: #fff; border-bottom: 1px solid var(--line); box-shadow: none; }
.site-header > div { align-items: center; }
.above-menu { display: none !important; }
.second-row { padding: 8px 0; }
.main-navigation a { color: var(--ink); font-weight: 500; font-size: 15px; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: var(--lake); }
.main-navigation ul ul { border-top: 3px solid var(--lake); box-shadow: 0 8px 24px rgba(14, 74, 99, .12); }
.site-branding { width: 84px; }
.site-branding1 { width: 76px; padding-left: 12px; border-left: 1px solid var(--line); }
/* language switch as text: МК | EN */
.qtranxs_widget ul li { opacity: 1 !important; margin: 0 !important; }
.lang-txt { font: 600 14px/1 Inter, system-ui, sans-serif; color: var(--muted); letter-spacing: .02em; }
.qtranxs_widget li.active .lang-txt { color: var(--lake); text-decoration: underline; text-underline-offset: 3px; }
.qtranxs_widget li.lang-mk::after { content: "|"; color: #B9B2A6; margin: 0 6px; font-size: 14px; }
@media (min-width: 601px) {
  .second-row .qtranxs_widget { display: flex !important; align-items: center; margin-left: 18px; }
  .main-navigation.vertical-center { flex-direction: row !important; align-items: center; }
  .main-navigation .menu-main-container { flex: 1; }
}
@media (max-width: 600px) {
  button.menu-toggle { color: var(--lake) !important; }
}

/* ---------- page heading band ---------- */
.heading, .entry-header { background: var(--lake); padding: 28px 0 24px; }
.heading h1, .heading h2 { color: #fff; font-size: 34px; line-height: 1.2; }
.heading a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.heading a:hover { color: var(--sand); }
@media (max-width: 600px) { .heading h1, .heading h2 { font-size: 26px; } }

/* ---------- content pages ---------- */
.post_centent { font-size: 17px; max-width: 860px; }
.post_centent h3 { color: var(--lake) !important; font-size: 1.45rem !important; }
.post_centent table { background: #fff; }
.post_centent .table th { background: var(--sand); }
.post_centent .button-pr { background: var(--lake) !important; }
main .container { max-width: 1200px; }

/* cards on listing pages */
.flora-inner, .news-inner, .event-inner, .cultural-inner, .bio-inner-div { border-radius: 10px; overflow: hidden; }
.flora-inner .title, .flora-inner .title-hover, .bio-description { background: var(--lake-2); }
.cultural-inner .description { background: var(--reed) !important; }
.activities-title { background: var(--lake-2) !important; }
#activities { background: var(--lake) !important; }
.half-paint { background: linear-gradient(to top, var(--sand) 60%, var(--paper) 50%) !important; }

/* ---------- footer ---------- */
.site-footer { background: var(--footer) !important; color: #D9E4E8; padding: 56px 0 28px; font-size: 15px; }
.site-footer a, .site-footer a:hover { color: #D9E4E8 !important; }
.site-footer a:hover { text-decoration: underline !important; }
.site-footer .ft-title { font: 600 15px/1.3 Inter, system-ui, sans-serif; color: #fff; margin: 0 0 10px; }
.site-footer .ft-brand { font: 600 21px/1.2 Lora, Georgia, serif; color: #fff; margin: 0 0 10px; }
.site-footer p { margin: 0 0 6px; }
.site-footer .ft-partners { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding: 22px 0; margin-top: 28px;
  border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.site-footer .ft-partners span { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #A9BCC4; }
.site-footer .ft-partners img { height: 52px; width: auto; background: #fff; border-radius: 6px; padding: 4px; }
.site-footer .ft-small { font-size: 13px; color: #A9BCC4; margin-top: 18px; }

/* ---------- fixes: language switch layout, fixed header offset, mobile logos ---------- */
.qtranxs_widget ul.language-chooser { display: flex !important; flex-wrap: nowrap; align-items: center; white-space: nowrap; }
.qtranxs_widget ul.language-chooser li { display: inline-flex !important; align-items: center; }
.heading, .entry-header { margin-top: 95px; }
main.h26 { padding-top: 95px; }
@media (max-width: 600px) {
  .site-header > div { align-items: stretch; }
  .site-branding { width: 95px; }
  .site-branding1 { width: 70px; padding-left: 0; border-left: 0; }
  .heading, .entry-header { margin-top: 166px; }
  main.h26 { padding-top: 166px; }
  .main-navigation ul.language-chooser { display: flex !important; justify-content: center; padding: 4px 0 6px; }
}
/* links inside page text */
.post_centent a:not(:has(.button-pr)) { color: var(--lake); text-decoration: underline; text-underline-offset: 3px; }
.post_centent a:not(:has(.button-pr)):hover { color: var(--lake-2); }
.post_centent td a { white-space: nowrap; }
/* contact page map under the fixed header */
.mapouter { margin-top: 95px; }
.mapouter iframe { display: block; }
@media (max-width: 600px) { .mapouter { margin-top: 166px; } .mapouter iframe { height: 380px; } }
/* footer extras */
.site-footer .ft-bottom { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 18px; font-size: 13px; color: #A9BCC4; }
.site-footer .ft-bottom a { color: #D9E4E8 !important; }
.site-footer .ft-cross { margin-top: 12px; font-size: 13px; line-height: 1.9; color: #A9BCC4; }
.site-footer .ft-cross span { font-weight: 600; letter-spacing: .1em; text-transform: uppercase; font-size: 11px; }
.site-footer .ft-partners img.round { border-radius: 50%; padding: 0; background: #fff; }