/* ============================================ FOOTER — Малайзия Турбюро Pure CSS — no @apply, no build step needed Link directly in HTML : ============================================ */ .site-footer { background-color: #1a1f2e; color: #d1d5db; font-family: "Poppins", sans-serif; width: 100%; } /* ── Main grid ── */ .site-footer__inner { max-width: 1330px; margin: 0 auto; padding: 48px 24px; display: grid; grid-template-columns: 1fr; gap: 40px; box-sizing: border-box; } @media (min-width: 576px) { .site-footer__inner { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .site-footer__inner { grid-template-columns: 1fr 1fr 1fr; } } /* ── Brand column ── */ .site-footer__brand { display: flex; flex-direction: column; gap: 16px; } .site-footer__brand h2 { color: #ffffff; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.03em; margin: 0; font-family: "Oswald", sans-serif; line-height: 1.2; } .site-footer__brand p { font-size: 0.82rem; color: #9ca3af; line-height: 1.75; margin: 0; max-width: 280px; } /* ── Social icons ── */ .site-footer__socials { display: flex; align-items: center; gap: 12px; list-style: none; padding: 0; margin: 4px 0 0 0; } .site-footer__socials a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 6px; border: 1px solid #4b5563; color: #9ca3af; text-decoration: none; transition: border-color 0.3s, color 0.3s; flex-shrink: 0; } .site-footer__socials a:hover { border-color: #4ade80; color: #4ade80; } .site-footer__socials svg { width: 16px; height: 16px; display: block; } /* ── Quick Links ── */ .site-footer__links { display: flex; flex-direction: column; gap: 16px; } .site-footer__links h3 { color: #ffffff; font-size: 0.9rem; font-weight: 600; margin: 0; font-family: "Poppins", sans-serif; line-height: 1.2; } .site-footer__links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } .site-footer__links a { font-size: 0.85rem; color: #9ca3af; text-decoration: none; transition: color 0.3s; display: inline-block; } .site-footer__links a:hover { color: #4ade80; } /* ── Contact ── */ .site-footer__contact { display: flex; flex-direction: column; gap: 16px; } .site-footer__contact h3 { color: #ffffff; font-size: 0.9rem; font-weight: 600; margin: 0; font-family: "Poppins", sans-serif; line-height: 1.2; } .site-footer__contact ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } .site-footer__contact li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.85rem; color: #9ca3af; line-height: 1.6; } .site-footer__contact li.is-center { align-items: center; } .site-footer__contact .footer-icon { color: #4ade80; flex-shrink: 0; margin-top: 2px; line-height: 1; display: flex; } .site-footer__contact li.is-center .footer-icon { margin-top: 0; } .site-footer__contact a { color: #9ca3af; text-decoration: none; transition: color 0.3s; } .site-footer__contact a:hover { color: #4ade80; } /* ── Divider ── */ .site-footer__divider { border: none; border-top: 1px solid rgba(255, 255, 255, 0.08); margin: 0; } /* ── Bottom bar ── */ .site-footer__bottom { max-width: 1330px; margin: 0 auto; padding: 16px 24px; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 0.75rem; color: #6b7280; box-sizing: border-box; } @media (min-width: 576px) { .site-footer__bottom { flex-direction: row; justify-content: space-between; } } .site-footer__bottom p { margin: 0; } .site-footer__bottom-brand { color: #22c55e; text-decoration: none; transition: color 0.3s; } .site-footer__bottom-brand:hover { color: #4ade80; } .site-footer__bottom-links { display: flex; gap: 20px; } .site-footer__bottom-links a { color: #6b7280; text-decoration: none; transition: color 0.3s; } .site-footer__bottom-links a:hover { color: #d1d5db; }