:root {
  --kph-footer-bg: #0d2b4e;
  --kph-footer-bg-dark: #0a2140;
  --kph-footer-text: #e2e8f0;
  --kph-footer-text-muted: #94a3b8;
}

.kph-footer {
  background: linear-gradient(135deg, var(--kph-footer-bg) 0%, var(--kph-footer-bg-dark) 100%);
  color: var(--kph-footer-text);
  padding: 28px 24px;
}
.kph-footer__inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: flex-start; gap: 32px; flex-wrap: wrap;
}

/* Brand */
.kph-footer__brand { display: flex; align-items: flex-start; gap: 12px; flex: 1 1 260px; }
.kph-footer__logo { width: 40px; height: auto; flex-shrink: 0; }
.kph-footer__title {
  font-size: 14px; font-weight: 700; text-decoration: underline;
  text-underline-offset: 3px; color: #fff; line-height: 1.35;
}
.kph-footer__subtitle { font-size: 12px; color: var(--kph-footer-text-muted); margin-top: 4px; }

/* Kolom kontak */
.kph-footer__col {
  flex: 1 1 200px; display: flex; flex-direction: column; gap: 10px;
  border-left: 1px solid rgba(255,255,255,.15); padding-left: 24px;
}
.kph-footer__item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.5; }
.kph-footer__icon {
  display: block; width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px;
  background-color: var(--kph-footer-text);
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}
.kph-footer__icon--pin::before,
.kph-footer__icon--pin { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.6 2 4 5.6 4 10c0 6 8 12 8 12s8-6 8-12c0-4.4-3.6-8-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7.6 2 4 5.6 4 10c0 6 8 12 8 12s8-6 8-12c0-4.4-3.6-8-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E"); }
.kph-footer__icon--phone { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.2 1L6.6 10.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.2 1L6.6 10.8z'/%3E%3C/svg%3E"); }
.kph-footer__icon--mail { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c.6 0 1 .4 1 1v14c0 .6-.4 1-1 1H4c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1zm8 8.7L4.5 6.7 3.9 7.5 12 14l8.1-6.5-.6-.8L12 12.7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c.6 0 1 .4 1 1v14c0 .6-.4 1-1 1H4c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1zm8 8.7L4.5 6.7 3.9 7.5 12 14l8.1-6.5-.6-.8L12 12.7z'/%3E%3C/svg%3E"); }

/* Sosial media */
.kph-footer__col--social { border-left: 1px solid rgba(255,255,255,.15); }
.kph-footer__social-title { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #fff; }
.kph-footer__social { display: flex; gap: 10px; }
.kph-footer__social-icon {
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 999px;
  background: rgba(255,255,255,.12); text-decoration: none;
  transition: background .15s;
}
.kph-footer__social-icon:hover { background: var(--kph-primary, #2981cc); }
.kph-footer__social-icon .kph-footer__icon { width: 15px; height: 15px; margin-top: 0; }
.kph-footer__icon--facebook { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12z'/%3E%3C/svg%3E"); }
.kph-footer__icon--instagram { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-5 3.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM17.8 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-5 3.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM17.8 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E"); }
.kph-footer__icon--youtube { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 7.2s-.2-1.6-.9-2.3c-.9-.9-1.9-.9-2.3-1C16.4 3.7 12 3.7 12 3.7s-4.4 0-7.3.2c-.4 0-1.4.1-2.3 1-.7.7-.9 2.3-.9 2.3S1.3 9 1.3 10.9v2.2C1.3 15 1.5 16.8 1.5 16.8s.2 1.6.9 2.3c.9.9 2 .9 2.5 1 1.8.2 7.6.2 7.6.2s4.4 0 7.3-.2c.4-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.7v-2.2c0-1.9-.2-3.7-.2-3.7zM9.8 14.6V8.9l5.7 2.9-5.7 2.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 7.2s-.2-1.6-.9-2.3c-.9-.9-1.9-.9-2.3-1C16.4 3.7 12 3.7 12 3.7s-4.4 0-7.3.2c-.4 0-1.4.1-2.3 1-.7.7-.9 2.3-.9 2.3S1.3 9 1.3 10.9v2.2C1.3 15 1.5 16.8 1.5 16.8s.2 1.6.9 2.3c.9.9 2 .9 2.5 1 1.8.2 7.6.2 7.6.2s4.4 0 7.3-.2c.4-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.7v-2.2c0-1.9-.2-3.7-.2-3.7zM9.8 14.6V8.9l5.7 2.9-5.7 2.8z'/%3E%3C/svg%3E"); }

/* Copyright */
.kph-footer__copyright {
  flex: 1 1 200px; text-align: right; font-size: 12px;
  color: var(--kph-footer-text-muted); line-height: 1.6;
  border-left: 1px solid rgba(255,255,255,.15); padding-left: 24px;
}

/* Responsif */
@media (max-width: 900px) {
  .kph-footer__inner { flex-direction: column; gap: 20px; }
  .kph-footer__col, .kph-footer__col--social, .kph-footer__copyright {
    border-left: none; padding-left: 0; text-align: left;
  }
}