/*
 * Navigasi mudah alih portal awam — gaya aplikasi (bar bawah + bar atas padat).
 * Hanya berkesan pada telefon (≤576px); paparan desktop/tablet tidak berubah.
 */
.gm-bottom-nav{display:none;}

/* ---------- Pembetulan warna butang bulat (semua saiz) ----------
   filter:invert(1) dahulu menukar bulatan gelap jadi putih dan anak panah/✕ jadi hitam.
   Ikon Bootstrap sudah putih — cukup buang filter supaya jadi bulatan gelap, ikon putih. */
body.guest-public .guest-banner-control .carousel-control-prev-icon,
body.guest-public .guest-banner-control .carousel-control-next-icon,
body.guest-public .fac-img-wrap .carousel-control-prev-icon,
body.guest-public .fac-img-wrap .carousel-control-next-icon{filter:none;}
body.guest-public .fx-detail-close{
  filter:none;
  opacity:1;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  background-size:12px;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 2px 10px rgba(0,0,0,.45);
}

@media (max-width:576px){
  /* ---------- Bar atas padat: logo + tajuk sahaja ---------- */
  .guest-public .nav-inner{flex-direction:row;align-items:center;padding:8px 12px;gap:10px;}
  .guest-public .nav-left{width:auto;min-width:0;}
  .guest-public .nav-center,
  .guest-public .nav-inner > .d-flex{display:none !important;} /* dipindah ke bar bawah; !important kerana .d-flex Bootstrap */
  .guest-public .brand-logo,
  .guest-public .kk-logo-3d{height:40px;max-width:44px;}
  .guest-public .brand-logo img,
  .guest-public .kk-logo-3d img{max-height:40px;max-width:44px;}
  .guest-public .brand-title{font-size:14px;line-height:1.2;}

  /* ---------- Bar navigasi bawah ---------- */
  .gm-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1035;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    padding:4px 4px env(safe-area-inset-bottom);
    background:rgba(10,21,40,.96);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-top:1px solid rgba(247,198,75,.28);
    box-shadow:0 -8px 24px rgba(0,0,0,.45);
  }
  .gm-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-height:56px;
    border-radius:12px;
    font-size:11px;
    font-weight:700;
    line-height:1.1;
    color:rgba(203,213,225,.8);
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
  }
  .gm-bottom-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
  .gm-bottom-nav a.is-active{color:#f7c64b;background:rgba(247,198,75,.1);}
  .gm-bottom-nav a:active{background:rgba(255,255,255,.06);}

  /* Ruang supaya kandungan terakhir tidak tertutup oleh bar bawah
     (body untuk halaman tanpa kaki; kaki halaman sendiri kerana ia berakhir di hujung skrin) */
  body.guest-public{padding-bottom:calc(64px + env(safe-area-inset-bottom));}
  body.guest-public.login-page{height:auto;} /* body login setinggi skrin — biar memanjang supaya ruang di atas terpakai */
  .guest-public .guest-site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important;}

  /* Borang tempahan: bar "Semak & Hantar" duduk di atas bar navigasi */
  body.guest-booking-page .gb-sticky-bar{bottom:calc(64px + env(safe-area-inset-bottom)) !important;padding-bottom:10px !important;}
  body.guest-booking-page .guest-site-footer{padding-bottom:calc(152px + env(safe-area-inset-bottom)) !important;}
  /* Borang tempahan: sembunyi banner supaya borang kelihatan pada skrin pertama */
  body.guest-booking-page .guest-site-banner-wrap{display:none;}

  /* Banner: sembunyi butang ‹ › — banner masih boleh diswipe, bertukar sendiri, dan ada titik penunjuk */
  body.guest-public .guest-banner-control{display:none;}

  /* ---------- Footer padat ----------
     Hubungi Kami di atas; Pautan Pantas disembunyi (sama dengan bar bawah);
     Hubungi Kami, Kolej KEDA & Perkhidmatan boleh dibuka/tutup (hanya bila skrip footer berjalan: .gf-js) */
  .guest-public .guest-site-footer .row{--bs-gutter-y:.5rem;}
  body.guest-public .guest-site-footer{margin-top:24px;}
  body.guest-public .guest-site-footer .guest-footer-inner{padding:24px 16px 12px;}
  /* Telefon/emel/laman web boleh ditekan terus — sasaran sentuh 44px */
  body.guest-public .guest-site-footer .guest-footer-contact a{display:inline-flex;align-items:center;min-height:44px;flex:1;}
  body.guest-public .guest-site-footer .guest-footer-contact li:has(a){padding-top:0;padding-bottom:0;align-items:center;}
  body.guest-public .guest-site-footer .guest-footer-contact li{margin-bottom:6px;}
  body.guest-public .guest-site-footer .guest-footer-bottom{margin-top:12px;padding-top:10px;font-size:12px;line-height:1.5;}
  .guest-public .guest-site-footer .gf-quicklinks{display:none;}
  .guest-public .guest-site-footer .gf-contact{order:-1;}
  .guest-public .guest-site-footer.gf-js .gf-collapsible .guest-footer-title{
    display:flex;align-items:center;justify-content:space-between;
    min-height:44px;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  .guest-public .guest-site-footer.gf-js .gf-collapsible .guest-footer-title::after{
    content:"";width:9px;height:9px;flex:none;margin-left:12px;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;opacity:.8;
  }
  .guest-public .guest-site-footer.gf-js .gf-collapsible.is-open .guest-footer-title::after{transform:rotate(-135deg) translateY(-2px);}
  .guest-public .guest-site-footer.gf-js .gf-collapsible:not(.is-open) > :not(.guest-footer-title){display:none !important;}
  .guest-public .guest-site-footer.gf-js .gf-collapsible.is-open > :not(.guest-footer-title){margin-top:8px;}

  /* Senarai fasiliti: butang WhatsApp di atas bar navigasi */
  body.guest-facilities-page .fx-whatsapp{bottom:calc(76px + env(safe-area-inset-bottom));}
}