/*
 * 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.
 */
/* the site's font, on every page (the CMS set it page by page; the front page no longer loads homepage.css) */
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

.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; }