/* Airport Cash Shop. Base rules are the design's <helmet> styles; everything else is inline
   in the templates, as in the prototype. */

body{margin:0;background:#FFF8EE;color:#14213D;font-family:'Figtree',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[hidden]{display:none!important}

/* Home.dc.html base */
.pg-home a{color:#14213D;text-decoration:none}
.pg-home a:hover{color:#B86E00}
.pg-home input,.pg-home button{font:inherit}
.pg-home input[type=range]{accent-color:#E8960C;width:100%}

/* Policies.dc.html base */
.pg-pol a{color:#B86E00}
.pg-pol a:hover{color:#14213D}
.pg-pol button{font:inherit}

/* style-hover from the design (the prototype applies these with !important) */
.hv-navy:hover{background:#24365F!important;color:#fff!important}
.hv-gold:hover{background:#F5B841!important;color:#14213D!important}
.hv-cream:hover{background:#F2EBDD!important;color:#14213D!important}
.hv-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px -20px rgba(20,33,61,.35)!important;color:#14213D!important}
.hv-ring:hover{border-color:#F5B841!important;color:#F5B841!important}
.hv-goldtext:hover{color:#F5B841!important}

/* Home: desktop nav vs. mobile pills + action bar, switched at the design's 760px. */
html.js.is-m .d-only{display:none!important}
html.js:not(.is-m) .m-only{display:none!important}
@media (max-width:759.98px){html:not(.js) .d-only{display:none!important}}
@media (min-width:760px){html:not(.js) .m-only{display:none!important}}
.acs-menu{display:none}
html.is-m.menu-open .acs-menu{display:flex}

/* Policies: the menu becomes a scrolling row of chips below 960px. */
html.js.is-n .pol-aside{max-width:100%!important;position:static!important;flex-direction:row!important;overflow-x:auto!important}
@media (max-width:959.98px){html:not(.js) .pol-aside{max-width:100%!important;position:static!important;flex-direction:row!important;overflow-x:auto!important}}

/* Fallback pages (index.php) */
.acs-prose{font-size:16px;line-height:1.7;color:#2F3A56}
.acs-prose h1{color:#14213D}
.acs-prose h2{font-size:22px;font-weight:700;color:#14213D;margin:32px 0 12px}
.acs-prose h3{font-size:17px;font-weight:700;color:#14213D;margin:18px 0 8px}
.acs-prose img{max-width:100%;height:auto}