/* ============ GLOBAL FOOTER (Zonalam Adventure) ============
   Satu-satunya sumber CSS untuk footer di semua halaman.
   Dipakai bersama oleh zonalam.html (inline, disalin persis dari sini)
   dan seluruh halaman PHP lewat <link rel="stylesheet" href="/assets/css/footer.css">.
   Kalau footer diubah, ubah di sini lalu salin ulang ke <style> zonalam.html.

   PENTING -- cache 7 hari (lihat .htaccess: ExpiresByType text/css "access
   plus 7 days"): setiap kali file ini diubah, NAIKKAN angka ?v=... di semua
   <link href="/assets/css/footer.css?v=...."> pada 404.php, layanan.php,
   jelajah.php, jelajah-list.php, promo.php, promo-list.php -- kalau tidak,
   browser pengunjung yang sudah pernah buka situs akan tetap memakai
   salinan lama sampai 7 hari meskipun file di server sudah benar. */
footer{color:rgba(255,255,255,.85);position:relative;}
footer .container{max-width:1160px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.footer-logo .logo-mark.logo-mark-image{height:56px;}
.footer-logo .logo-mark.logo-mark-image img{max-width:280px;filter:drop-shadow(0 0 12px rgba(255,255,255,.3)) drop-shadow(0 0 3px rgba(255,255,255,.45));}
.footer-logo .logo-mark.logo-mark-image.footer-logo-mark img{max-width:300px;filter:none;}
.footer-gallery{position:relative;height:150px;overflow:hidden;background:#0d2c34;}
.footer-gallery-row{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:100%;height:100%;}
.footer-gallery-row img{width:100%;height:100%;object-fit:cover;display:block;}
.footer-gallery-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:64px;display:block;}
.footer-gallery-wave path{fill:#0d2c34;}
.footer-bg{position:relative;background-color:#0d2c34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='none' stroke='white' stroke-opacity='0.07' stroke-width='1'%3E%3Cpath d='M-20,30 Q40,5 100,30 T220,30'/%3E%3Cpath d='M-20,80 Q40,55 100,80 T220,80'/%3E%3Cpath d='M-20,130 Q40,105 100,130 T220,130'/%3E%3Cpath d='M-20,180 Q40,155 100,180 T220,180'/%3E%3Cpath d='M-20,225 Q40,200 100,225 T220,225'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 240px;background-position:center;padding:44px 0 22px;}
.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr;gap:36px;position:relative;z-index:1;}
.footer-grid .footer-col-mid,.footer-grid .footer-col-address{padding-left:24px;border-left:1px solid rgba(255,255,255,.18);}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-family:var(--font-head,inherit);font-weight:800;font-size:18px;}
.footer-tagline-img{display:block;height:30px;width:auto;margin:8px auto 0;opacity:.94;}
.footer-col-mid .desc{font-size:17px;color:rgba(255,255,255,.85);max-width:340px;line-height:1.65;white-space:pre-line;margin:0 auto;}
.footer-social{display:flex;gap:11px;margin-top:18px;flex-wrap:wrap;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.24),rgba(255,255,255,.05) 70%);border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .15s ease,transform .15s ease;margin-left:11px;}
.footer-social a:first-child{margin-left:0;}
@supports (gap:11px){.footer-social a{margin-left:0;}}
.footer-social a:hover{background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.36),rgba(255,255,255,.1) 70%);transform:translateY(-2px);}
.footer-social svg{width:22px;height:22px;}
.footer-col-address{display:flex;gap:12px;align-items:flex-start;}
.footer-pin{width:30px;height:34px;display:flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-top:2px;}
.footer-pin svg{width:100%;height:100%;}
.footer-col-address b{display:block;color:#fff;font-size:15px;margin-bottom:6px;}
.footer-col-address span{display:block;font-size:13px;color:rgba(255,255,255,.75);line-height:1.65;white-space:pre-line;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;position:relative;z-index:1;}
.footer-bottom-copy{font-size:13.5px;color:rgba(255,255,255,.6);text-align:left;}
.footer-bottom-tags{display:flex;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:#fff;}
.footer-bottom-tags .sep{margin:0 10px;color:var(--green-fresh,#8BE28B);}
.footer-bottom-tags a{color:#fff;letter-spacing:.02em;transition:color .15s ease;}
.footer-bottom-tags a:hover{color:var(--green-fresh,#8BE28B);}
.footer-divider-mobile{display:none;}
@media (max-width:1023px){
  .footer-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg fill='none' stroke='white' stroke-opacity='0.07' stroke-width='1'%3E%3Cpath d='M-20,30 Q40,5 100,30 T220,30'/%3E%3Cpath d='M-20,80 Q40,55 100,80 T220,80'/%3E%3Cpath d='M-20,130 Q40,105 100,130 T220,130'/%3E%3Cpath d='M-20,180 Q40,155 100,180 T220,180'/%3E%3Cpath d='M-20,225 Q40,200 100,225 T220,225'/%3E%3C/g%3E%3C/svg%3E");background-size:200px 200px;background-position:center;padding-bottom:86px;}
  .footer-grid{grid-template-columns:1fr;gap:0;text-align:center;}
  .footer-grid .footer-col-mid,.footer-grid .footer-col-address{padding-left:0;border-left:none;}
  .footer-logo .logo-mark.logo-mark-image{height:62px;}
  .footer-tagline-img{height:34px;margin-top:10px;}
  .footer-col-mid .desc{max-width:100%;margin:0 auto;font-size:15.5px;}
  .footer-social{justify-content:center;}
  .footer-col-address{flex-direction:column;align-items:center;text-align:center;}
  .footer-divider-mobile{display:block;height:1px;background:rgba(255,255,255,.16);margin:26px 0;}
  .footer-bottom{flex-direction:column;border-top:none;margin-top:26px;padding-top:0;}
  .footer-bottom-tags{order:-1;justify-content:center;width:100%;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;}
  .footer-bottom-copy{order:2;width:100%;text-align:left;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);}
}
@media (max-width:760px){
  .footer-gallery{height:110px;}
  .footer-gallery-wave{height:44px;}
}