/* ALMOND SAFARIS — LUXE LAYER
   Site-wide cinematic polish for inner pages. */

html{scroll-behavior:smooth}

@keyframes lxPage{from{opacity:0}to{opacity:1}}
body{animation:lxPage .7s ease both}

::selection{background:#A0632A;color:#FAF5EC}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#1E0D04}
::-webkit-scrollbar-thumb{background:#4A1E0C;border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:#7A4A18}

/* Scroll reveal (applied by luxe.js) */
.lx{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.lx-vis{opacity:1;transform:translateY(0)}

/* Images: cinematic treatment */
main img,article img,section img,.lodge-img,.cross-card{transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter .8s ease}
main img:hover,article img:hover,section img:hover{transform:scale(1.02)}
.lodge-img:hover,.cross-card:hover{transform:scale(1.015)}

/* Headings: refined luxury spacing + gold accent line */
h2.lx{position:relative}
h2.lx::after{content:'';display:block;width:0;height:1px;margin-top:.55rem;background:linear-gradient(90deg,#A0632A,transparent);transition:width 1.2s cubic-bezier(.16,1,.3,1) .25s}
h2.lx-vis::after{width:72px}

/* Buttons & CTAs: lift on hover */
a[class*="btn"],a[class*="cta"],button[class*="btn"],.grp-cta,.enquire,a[class*="book"]{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
a[class*="btn"]:hover,a[class*="cta"]:hover,button[class*="btn"]:hover,.grp-cta:hover,.enquire:hover,a[class*="book"]:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35)}

/* Tables & pricing rows: gentle highlight */
.grp-row{transition:background .3s ease,transform .3s ease}
.grp-row:hover{background:rgba(200,130,62,.06);transform:translateX(4px)}

/* Lodge cards */
.lodge{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
.lodge:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.35)}

/* Accessibility: respect users who prefer no motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body{animation:none}
  .lx{opacity:1;transform:none;transition:none}
  main img,article img,section img,.lodge,.grp-row{transition:none}
}