/* Aquaria KLCC ticket page — mobile conversion polish */
body.atoz-ticket-page{--klook-orange:#ff5b00;--klook-orange-dark:#e94f00}

/* Use orange only for Klook/commercial cues; keep A to Z navigation and editorial UI green. */
.atoz-ticket-page .aq-price-grid small{color:var(--klook-orange);font-weight:850}
.atoz-ticket-page .aq-price-grid b{color:var(--klook-orange)}
.atoz-ticket-page .aq-btn[href*="affiliate.klook.com"]{background:var(--klook-orange)!important;color:#fff!important;border-color:var(--klook-orange)!important}
.atoz-ticket-page .aq-btn[href*="affiliate.klook.com"]:hover{background:var(--klook-orange-dark)!important}
.atoz-ticket-page .aq-hero .aq-btn-primary[href*="affiliate.klook.com"],
.atoz-ticket-page .aq-bottom .aq-btn-primary[href*="affiliate.klook.com"]{background:#fff!important;color:var(--klook-orange)!important;-webkit-text-fill-color:var(--klook-orange)!important;border:2px solid rgba(255,255,255,.9)!important}
.atoz-ticket-page .aq-hero .aq-btn-primary[href*="affiliate.klook.com"]:link,
.atoz-ticket-page .aq-hero .aq-btn-primary[href*="affiliate.klook.com"]:visited,
.atoz-ticket-page .aq-hero .aq-btn-primary[href*="affiliate.klook.com"]:hover,
.atoz-ticket-page .aq-hero .aq-btn-primary[href*="affiliate.klook.com"]:active,
.atoz-ticket-page .aq-bottom .aq-btn-primary[href*="affiliate.klook.com"]:link,
.atoz-ticket-page .aq-bottom .aq-btn-primary[href*="affiliate.klook.com"]:visited,
.atoz-ticket-page .aq-bottom .aq-btn-primary[href*="affiliate.klook.com"]:hover,
.atoz-ticket-page .aq-bottom .aq-btn-primary[href*="affiliate.klook.com"]:active{color:var(--klook-orange)!important;-webkit-text-fill-color:var(--klook-orange)!important;background:#fff!important}

/* Keep all hero copy readable on the dark green background, including the checked date. */
.atoz-ticket-page .aq-hero p,
.atoz-ticket-page .aq-hero p *,
.atoz-ticket-page .aq-hero time{color:#e8efec!important;-webkit-text-fill-color:#e8efec!important}

/* Sticky mobile Klook CTA: stronger recognition, larger tap target, still compact. */
@media(max-width:768px){
  /* Force all orange Klook buttons to use high-contrast white text on mobile. */
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"],
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"]:link,
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"]:visited,
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"]:hover,
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"]:active,
  .atoz-ticket-page a.aq-btn[href*="affiliate.klook.com"]:focus{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:none!important;
  }
  /* Hero and bottom cards intentionally use white buttons, so retain orange text there. */
  .atoz-ticket-page .aq-hero a.aq-btn-primary[href*="affiliate.klook.com"],
  .atoz-ticket-page .aq-bottom a.aq-btn-primary[href*="affiliate.klook.com"]{
    color:var(--klook-orange)!important;
    -webkit-text-fill-color:var(--klook-orange)!important;
  }
  .atoz-ticket-page .atoz-mobile-ticket-cta{left:6px!important;right:6px!important;bottom:7px!important;z-index:99999!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta a{min-height:54px!important;padding:9px 14px!important;border-radius:14px!important;background:linear-gradient(135deg,#ff6900,#ff4f00)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 24px rgba(165,61,0,.30)!important;gap:12px!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta span{display:flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;font-weight:700!important;opacity:1!important;white-space:nowrap!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta span:after{content:'on Klook';font-weight:850!important;font-size:12px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta strong{font-size:14px!important;font-weight:900!important;white-space:nowrap!important;padding-left:12px!important;border-left:1px solid rgba(255,255,255,.38)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
}

/* Reduce mobile side padding so ticket cards use more of the phone width. */
@media(max-width:620px){
  .atoz-ticket-page .atoz-sub-shell{width:96%!important;max-width:none!important}
  .atoz-ticket-page .atoz-sub-layout{width:96%!important}
  .atoz-ticket-page .atoz-sub-article{border-radius:14px!important}
  .atoz-ticket-page .atoz-sub-content.atoz-ticket-content{padding:14px 12px 10px!important}
  .atoz-ticket-page .aq-hero{padding:16px 14px!important;margin-bottom:10px!important}
  .atoz-ticket-page .aq-jump{margin:9px 0 12px!important}
  .atoz-ticket-page .aq-note{padding:10px 11px!important;margin-bottom:14px!important}
  .atoz-ticket-page .aq-section{padding:16px 0!important}
  .atoz-ticket-page .aq-price-card{margin:9px 0!important}
  .atoz-ticket-page .aq-person{padding:9px 10px!important}
  .atoz-ticket-page .aq-price-grid>div{padding:10px!important}
  .atoz-ticket-page .aq-family{padding:15px 12px!important;margin:10px 0!important}
  .atoz-ticket-page .aq-bottom{padding:17px 14px!important;margin:10px 0 20px!important}
  .atoz-ticket-page .aq-gallery{gap:8px!important}
  .atoz-ticket-page .aq-checks li{padding-top:3px!important;padding-bottom:3px!important}
  .atoz-ticket-page .atoz-sub-back{margin-left:12px!important;margin-right:12px!important}

  /* The base ticket stylesheet hides the desktop sidebar on phones. Restore the
     Guide navigation as a full-width card below the ticket article. */
  .atoz-ticket-page .atoz-ticket-subpage .atoz-sub-sidebar{
    display:grid!important;
    position:static!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    margin:0!important;
    gap:12px!important;
  }
  .atoz-ticket-page .atoz-ticket-subpage .atoz-sub-nav-card{
    display:block!important;
    width:100%!important;
    padding:16px 14px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .atoz-ticket-page .atoz-ticket-subpage .atoz-sub-nav-card h2{
    font-size:1.15rem!important;
    margin:2px 0 10px!important;
  }
  .atoz-ticket-page .atoz-ticket-subpage .atoz-sub-nav a{
    padding:9px 0!important;
    font-size:.82rem!important;
  }
}

@media(max-width:360px){
  .atoz-ticket-page .atoz-mobile-ticket-cta span{font-size:10px!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta span:after{font-size:11px!important}
  .atoz-ticket-page .atoz-mobile-ticket-cta strong{font-size:12px!important;padding-left:9px!important}
}