/*
 * izolmak.com.mk, every page: the footer (partials/footer.html) and the legal pages (privacy policy).
 * Replaces the CMS's footer.css. The file name changes with its content: CSS is cached 30 days.
 */
/* no default margin round the page */
body { margin: 0; }  /* homepage.css had it, until 24 October */

/* Manrope (24 October 2026; the owner asked for Plus Jakarta Sans, which has no Macedonian letters).
   Self-hosted, variable 200-800, Cyrillic and Latin (the site's text needs no more). */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(/themes/izolmak/fonts/manrope-cyrillic.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(/themes/izolmak/fonts/manrope-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* every page in Manrope (owner, 24 October: "use the font on other places too"); html and body because about.css
   sets the system font on both. Buttons and form fields take the page's font. */
html, body { font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
button, input, select, textarea { font-family: inherit; }
.site-header .nav-list, .site-header .nav-list a { font-weight: 600; letter-spacing: -.005em; }
/* headings, names and big figures at Manrope 800 (owner, 24 October). !important: each page's CSS sets 700 with
   selectors of its own (".sp .sp-hero h1" and the like), and this one rule is meant to win over all of them. Small
   uppercase labels and bold words in the text stay at 700. */
h1, h2, h3, .sp-ex-name, .pd-card-name, .fp-h3, .fp-tile-name, .fp-post-title, .ts-prof-name, .pr-fam-body b, .iz-foot-brand,
.pd-figs b, .pr-stats b, .pr-air b, .pr-big b, .pr-save-nums b, .pd-fact strong, .fp-fact strong, .ih-count strong, .ih-word,
.pr-jumps b { font-weight: 800 !important; }
h1, h2 { letter-spacing: -.01em; }

.iz-foot { background: #0b1f5c; color: #ffffff; font-size: 15px; line-height: 1.55; }
.iz-foot-wrap { max-width: 1152px; margin: 0 auto; padding: 56px 24px 28px; box-sizing: border-box; display: flex; flex-direction: column; gap: 40px; }
.iz-foot-cols { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 40px; }
.iz-foot-about { display: flex; flex-direction: column; gap: 14px; }
.iz-foot-brand { font-size: 22px; font-weight: 700; font-style: italic; color: #ffffff; text-decoration: none; align-self: flex-start; }
.iz-foot-about p { margin: 0; color: #c9d3ee; max-width: 360px; }
.iz-foot-about img { height: 28px; width: auto; align-self: flex-start; }
.iz-foot-col { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; color: #c9d3ee; }
.iz-foot-h { margin: 0 0 8px; font-size: 13px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #FDB813; }
.iz-foot address { font-style: normal; margin-bottom: 6px; }
.iz-foot address strong { color: #ffffff; }
.iz-foot a { color: #c9d3ee; text-decoration: none; }
.iz-foot-col a { display: inline-block; padding: 6px 0; }
.iz-foot a:hover { color: #FDB813; }
.iz-foot a:focus-visible { outline: 3px solid #FDB813; outline-offset: 3px; }
.iz-foot-bar { border-top: 1px solid rgba(255, 255, 255, .18); padding-top: 18px; display: flex; justify-content: space-between; gap: 12px 20px;
  flex-wrap: wrap; font-size: 14px; color: #c9d3ee; }
.iz-foot-legal { display: flex; gap: 20px; flex-wrap: wrap; }
.iz-foot-legal a { display: inline-block; padding: 6px 0; }
@media (max-width: 900px) { .iz-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .iz-foot-wrap { padding: 44px 16px 24px; gap: 32px; }
  .iz-foot-cols { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* legal pages */
/* inside the pages' white panel (.about__content) under the blue title band */
.iz-legal { max-width: 760px; margin: 0 auto; padding: 32px 0 8px; box-sizing: border-box; color: #1f2937; font-size: 16px; line-height: 1.7; }
.iz-legal h1 { margin: 0 0 6px; font-size: clamp(28px, 4vw, 38px); line-height: 1.2; color: #1B3679; }
.iz-legal .iz-legal-note { margin: 0 0 28px; font-size: 14px; color: #4b5563; }
.iz-legal h2 { margin: 36px 0 10px; font-size: 21px; line-height: 1.3; color: #1B3679; }
.iz-legal p, .iz-legal ul { margin: 0 0 14px; }
.iz-legal ul { padding-left: 22px; }
.iz-legal li { margin: 4px 0; }
.iz-legal a { color: #1B3679; }
.iz-legal a:hover { color: #0f2150; }
.iz-legal nav { margin: 0 0 8px; padding: 18px 22px; background: #F0F2FA; border-radius: 8px; }
.iz-legal nav p { margin: 0 0 6px; font-weight: 700; color: #1B3679; }
.iz-legal nav ol { margin: 0; padding-left: 22px; columns: 2; column-gap: 32px; }
.iz-legal nav li { margin: 0 0 4px; break-inside: avoid; }
@media (max-width: 560px) { .iz-legal { padding: 24px 0 8px; } .iz-legal nav ol { columns: 1; } }

/* the note under the support form */
.form .form-note { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: #4b5563; }
.form .form-note a { color: #1B3679; }