/* =====================================================================
   PRIMA CHAUFFEUR SERVICES — LIGHT THEME
   ---------------------------------------------------------------------
   The look from the new home page, as one stylesheet every page can use.
   Load it AFTER the page's own <style> block:

       <link rel="stylesheet" href="prima-light.css">

   How it works: every page already prices its colours off the same seven
   CSS variables (--black, --dark, --dark-2, --white, --white-muted,
   --gold, --gold-light). This file redefines those seven, so the whole
   page turns over at once, then re-darkens the nav and footer so they
   still bookend the page the way they do now.

   Palette
     base        #F7F5EF   page ground, with soft wave bands behind it
     cards       #FCFAF4   a shade lighter than the ground, gold edged
     ink         #221C13
     gold        #6A4F18   readable on a light ground (5.2:1)
     deep gold   #523C13   headings and prices (8.2:1)
     label gold  #57400F   small tracked uppercase labels (7.1:1)
   ===================================================================== */

:root,
html body {
  --black:       #F7F5EF;
  --dark:        #FCFAF4;
  --dark-2:      #FFFFFF;
  --dark-3:      #FFFFFF;
  --white:       #221C13;
  --white-muted: rgba(34,28,19,0.90);
  --muted:       rgba(34,28,19,0.90);
  --dim:         rgba(34,28,19,0.84);
  --border:      rgba(107,78,23,0.32);
  --gold:        #6A4F18;
  --gold-light:  #523C13;
  --gold-dim:    rgba(107,78,23,0.16);
  --white-dim:   rgba(34,28,19,0.82);
  --border-dim:  rgba(107,78,23,0.18);
  --text:        #221C13;
  --red:         #A8231B;
  --green:       #1E6B43;
  --pl-label:    #57400F;
  --pl-card:     #FCFAF4;
  --pl-edge:     rgba(107,78,23,0.30);
  --pl-shadow:   0 3px 12px rgba(90,70,35,0.10);
}

/* ---- the ground, with the wave bands ------------------------------- */
html, body {
  background-color: #F7F5EF;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIwIDU0MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjU0MDAiIGZpbGw9IiNGN0Y1RUYiLz48cGF0aCBmaWxsPSIjRURFQUUzIiBkPSJNMC4wLDMwMC4wIEw0MC4wLDMxMi4yIEw4MC4wLDMyNC4zIEwxMjAuMCwzMzYuMCBMMTYwLjAsMzQ3LjQgTDIwMC4wLDM1OC4xIEwyNDAuMCwzNjguMSBMMjgwLjAsMzc3LjMgTDMyMC4wLDM4NS41IEwzNjAuMCwzOTIuNiBMNDAwLjAsMzk4LjcgTDQ0MC4wLDQwMy40IEw0ODAuMCw0MDcuMCBMNTIwLjAsNDA5LjIgTDU2MC4wLDQxMC4wIEw2MDAuMCw0MDkuNSBMNjQwLjAsNDA3LjYgTDY4MC4wLDQwNC40IEw3MjAuMCwzOTkuOSBMNzYwLjAsMzk0LjIgTDgwMC4wLDM4Ny4zIEw4NDAuMCwzNzkuMyBMODgwLjAsMzcwLjMgTDkyMC4wLDM2MC41IEw5NjAuMCwzNDkuOSBMMTAwMC4wLDMzOC43IEwxMDQwLjAsMzI3LjEgTDEwODAuMCwzMTUuMSBMMTEyMC4wLDMwMi45IEwxMTYwLjAsMjkwLjcgTDEyMDAuMCwyNzguNSBMMTI0MC4wLDI2Ni43IEwxMjgwLjAsMjU1LjMgTDEzMjAuMCwyNDQuNCBMMTM2MC4wLDIzNC4yIEwxNDAwLjAsMjI0LjggTDE0NDAuMCwyMTYuNCBMMTQ4MC4wLDIwOC45IEwxNTIwLjAsMjAyLjcgTDE1NjAuMCwxOTcuNiBMMTYwMC4wLDE5My43IEwxNjQwLjAsMTkxLjIgTDE2ODAuMCwxOTAuMSBMMTcyMC4wLDE5MC4zIEwxNzYwLjAsMTkxLjggTDE4MDAuMCwxOTQuNyBMMTg0MC4wLDE5OC45IEwxODgwLjAsMjA0LjQgTDE5MjAuMCwyMTEuMCBMMTkyMC4wLDEwNTYuMyBMMTg4MC4wLDEwNDYuNSBMMTg0MC4wLDEwMzcuMCBMMTgwMC4wLDEwMjcuNyBMMTc2MC4wLDEwMTguOCBMMTcyMC4wLDEwMTAuNCBMMTY4MC4wLDEwMDIuNiBMMTY0MC4wLDk5NS42IEwxNjAwLjAsOTg5LjMgTDE1NjAuMCw5ODMuOSBMMTUyMC4wLDk3OS41IEwxNDgwLjAsOTc2LjAgTDE0NDAuMCw5NzMuNiBMMTQwMC4wLDk3Mi4zIEwxMzYwLjAsOTcyLjAgTDEzMjAuMCw5NzIuOSBMMTI4MC4wLDk3NC44IEwxMjQwLjAsOTc3LjcgTDEyMDAuMCw5ODEuNyBMMTE2MC4wLDk4Ni43IEwxMTIwLjAsOTkyLjUgTDEwODAuMCw5OTkuMiBMMTA0MC4wLDEwMDYuNyBMMTAwMC4wLDEwMTQuOCBMOTYwLjAsMTAyMy40IEw5MjAuMCwxMDMyLjUgTDg4MC4wLDEwNDIuMCBMODQwLjAsMTA1MS43IEw4MDAuMCwxMDYxLjQgTDc2MC4wLDEwNzEuMiBMNzIwLjAsMTA4MC44IEw2ODAuMCwxMDkwLjIgTDY0MC4wLDEwOTkuMiBMNjAwLjAsMTEwNy43IEw1NjAuMCwxMTE1LjYgTDUyMC4wLDExMjIuOCBMNDgwLjAsMTEyOS4zIEw0NDAuMCwxMTM0LjkgTDQwMC4wLDExMzkuNSBMMzYwLjAsMTE0My4yIEwzMjAuMCwxMTQ1LjkgTDI4MC4wLDExNDcuNSBMMjQwLjAsMTE0OC4wIEwyMDAuMCwxMTQ3LjQgTDE2MC4wLDExNDUuOCBMMTIwLjAsMTE0My4xIEw4MC4wLDExMzkuMyBMNDAuMCwxMTM0LjYgTDAuMCwxMTI4LjkgWiIvPjxwYXRoIGZpbGw9IiNFNERGRDciIGQ9Ik0wLjAsMTI1MC44IEw0MC4wLDEyNDQuMyBMODAuMCwxMjM3LjEgTDEyMC4wLDEyMjkuNCBMMTYwLjAsMTIyMS4yIEwyMDAuMCwxMjEyLjYgTDI0MC4wLDEyMDMuNyBMMjgwLjAsMTE5NC42IEwzMjAuMCwxMTg1LjMgTDM2MC4wLDExNzYuMCBMNDAwLjAsMTE2Ni43IEw0NDAuMCwxMTU3LjYgTDQ4MC4wLDExNDguNiBMNTIwLjAsMTE0MC4wIEw1NjAuMCwxMTMxLjcgTDYwMC4wLDExMjQuMCBMNjQwLjAsMTExNi43IEw2ODAuMCwxMTEwLjEgTDcyMC4wLDExMDQuMSBMNzYwLjAsMTA5OC45IEw4MDAuMCwxMDk0LjQgTDg0MC4wLDEwOTAuOCBMODgwLjAsMTA4OC4wIEw5MjAuMCwxMDg2LjEgTDk2MC4wLDEwODUuMSBMMTAwMC4wLDEwODUuMSBMMTA0MC4wLDEwODUuOSBMMTA4MC4wLDEwODcuNyBMMTEyMC4wLDEwOTAuMyBMMTE2MC4wLDEwOTMuOCBMMTIwMC4wLDEwOTguMiBMMTI0MC4wLDExMDMuMyBMMTI4MC4wLDExMDkuMiBMMTMyMC4wLDExMTUuNyBMMTM2MC4wLDExMjIuOSBMMTQwMC4wLDExMzAuNiBMMTQ0MC4wLDExMzguOCBMMTQ4MC4wLDExNDcuNCBMMTUyMC4wLDExNTYuMyBMMTU2MC4wLDExNjUuNCBMMTYwMC4wLDExNzQuNyBMMTY0MC4wLDExODQuMCBMMTY4MC4wLDExOTMuMyBMMTcyMC4wLDEyMDIuNCBMMTc2MC4wLDEyMTEuNCBMMTgwMC4wLDEyMjAuMCBMMTg0MC4wLDEyMjguMyBMMTg4MC4wLDEyMzYuMCBMMTkyMC4wLDEyNDMuMyBMMTkyMC4wLDE5NTUuOSBMMTg4MC4wLDE5NTUuOSBMMTg0MC4wLDE5NTUuMyBMMTgwMC4wLDE5NTMuOSBMMTc2MC4wLDE5NTEuOCBMMTcyMC4wLDE5NDkuMCBMMTY4MC4wLDE5NDUuNSBMMTY0MC4wLDE5NDEuNSBMMTYwMC4wLDE5MzYuOCBMMTU2MC4wLDE5MzEuNiBMMTUyMC4wLDE5MjUuOCBMMTQ4MC4wLDE5MTkuNyBMMTQ0MC4wLDE5MTMuMSBMMTQwMC4wLDE5MDYuMyBMMTM2MC4wLDE4OTkuMiBMMTMyMC4wLDE4OTEuOSBMMTI4MC4wLDE4ODQuNCBMMTI0MC4wLDE4NzcuMCBMMTIwMC4wLDE4NjkuNSBMMTE2MC4wLDE4NjIuMiBMMTEyMC4wLDE4NTUuMSBMMTA4MC4wLDE4NDguMSBMMTA0MC4wLDE4NDEuNSBMMTAwMC4wLDE4MzUuMyBMOTYwLjAsMTgyOS41IEw5MjAuMCwxODI0LjIgTDg4MC4wLDE4MTkuNCBMODQwLjAsMTgxNS4yIEw4MDAuMCwxODExLjYgTDc2MC4wLDE4MDguNyBMNzIwLjAsMTgwNi41IEw2ODAuMCwxODA0LjkgTDY0MC4wLDE4MDQuMSBMNjAwLjAsMTgwNC4xIEw1NjAuMCwxODA0LjcgTDUyMC4wLDE4MDYuMSBMNDgwLjAsMTgwOC4yIEw0NDAuMCwxODExLjAgTDQwMC4wLDE4MTQuNSBMMzYwLjAsMTgxOC41IEwzMjAuMCwxODIzLjIgTDI4MC4wLDE4MjguNCBMMjQwLjAsMTgzNC4yIEwyMDAuMCwxODQwLjMgTDE2MC4wLDE4NDYuOSBMMTIwLjAsMTg1My43IEw4MC4wLDE4NjAuOCBMNDAuMCwxODY4LjEgTDAuMCwxODc1LjYgWiIvPjxwYXRoIGZpbGw9IiNFREVBRTMiIGQ9Ik0wLjAsMTkwMS44IEw0MC4wLDE4OTQuNCBMODAuMCwxODg4LjQgTDEyMC4wLDE4ODQuMCBMMTYwLjAsMTg4MS4yIEwyMDAuMCwxODgwLjAgTDI0MC4wLDE4ODAuNSBMMjgwLjAsMTg4Mi43IEwzMjAuMCwxODg2LjUgTDM2MC4wLDE4OTEuOCBMNDAwLjAsMTg5OC43IEw0NDAuMCwxOTA3LjAgTDQ4MC4wLDE5MTYuNSBMNTIwLjAsMTkyNy4yIEw1NjAuMCwxOTM4LjkgTDYwMC4wLDE5NTEuNSBMNjQwLjAsMTk2NC43IEw2ODAuMCwxOTc4LjUgTDcyMC4wLDE5OTIuNSBMNzYwLjAsMjAwNi42IEw4MDAuMCwyMDIwLjcgTDg0MC4wLDIwMzQuNCBMODgwLjAsMjA0Ny43IEw5MjAuMCwyMDYwLjMgTDk2MC4wLDIwNzIuMSBMMTAwMC4wLDIwODIuOCBMMTA0MC4wLDIwOTIuNSBMMTA4MC4wLDIxMDAuOCBMMTEyMC4wLDIxMDcuOCBMMTE2MC4wLDIxMTMuMiBMMTIwMC4wLDIxMTcuMSBMMTI0MC4wLDIxMTkuNCBMMTI4MC4wLDIxMjAuMCBMMTMyMC4wLDIxMTguOSBMMTM2MC4wLDIxMTYuMiBMMTQwMC4wLDIxMTEuOSBMMTQ0MC4wLDIxMDYuMCBMMTQ4MC4wLDIwOTguNyBMMTUyMC4wLDIwOTAuMCBMMTU2MC4wLDIwODAuMCBMMTYwMC4wLDIwNjkuMCBMMTY0MC4wLDIwNTcuMCBMMTY4MC4wLDIwNDQuMiBMMTcyMC4wLDIwMzAuNyBMMTc2MC4wLDIwMTYuOSBMMTgwMC4wLDIwMDIuOCBMMTg0MC4wLDE5ODguNyBMMTg4MC4wLDE5NzQuNyBMMTkyMC4wLDE5NjEuMSBMMTkyMC4wLDI3MjkuNSBMMTg4MC4wLDI3MzMuOSBMMTg0MC4wLDI3MzkuNSBMMTgwMC4wLDI3NDYuMiBMMTc2MC4wLDI3NTMuOSBMMTcyMC4wLDI3NjIuNiBMMTY4MC4wLDI3NzIuMCBMMTY0MC4wLDI3ODIuMSBMMTYwMC4wLDI3OTIuOCBMMTU2MC4wLDI4MDMuOCBMMTUyMC4wLDI4MTUuMCBMMTQ4MC4wLDI4MjYuMyBMMTQ0MC4wLDI4MzcuNSBMMTQwMC4wLDI4NDguNSBMMTM2MC4wLDI4NTkuMSBMMTMyMC4wLDI4NjkuMSBMMTI4MC4wLDI4NzguNSBMMTI0MC4wLDI4ODcuMCBMMTIwMC4wLDI4OTQuNiBMMTE2MC4wLDI5MDEuMiBMMTEyMC4wLDI5MDYuNyBMMTA4MC4wLDI5MTAuOSBMMTA0MC4wLDI5MTMuOSBMMTAwMC4wLDI5MTUuNiBMOTYwLjAsMjkxNi4wIEw5MjAuMCwyOTE1LjAgTDg4MC4wLDI5MTIuNyBMODQwLjAsMjkwOS4yIEw4MDAuMCwyOTA0LjMgTDc2MC4wLDI4OTguNCBMNzIwLjAsMjg5MS4zIEw2ODAuMCwyODgzLjMgTDY0MC4wLDI4NzQuMyBMNjAwLjAsMjg2NC43IEw1NjAuMCwyODU0LjQgTDUyMC4wLDI4NDMuNiBMNDgwLjAsMjgzMi41IEw0NDAuMCwyODIxLjIgTDQwMC4wLDI4MDkuOSBMMzYwLjAsMjc5OC44IEwzMjAuMCwyNzg3LjkgTDI4MC4wLDI3NzcuNSBMMjQwLjAsMjc2Ny43IEwyMDAuMCwyNzU4LjYgTDE2MC4wLDI3NTAuMyBMMTIwLjAsMjc0My4xIEw4MC4wLDI3MzYuOCBMNDAuMCwyNzMxLjggTDAuMCwyNzI3LjkgWiIvPjxwYXRoIGZpbGw9IiNEQ0Q3Q0QiIGQ9Ik0wLjAsMzAzMy4yIEw0MC4wLDMwMzYuNSBMODAuMCwzMDM4LjcgTDEyMC4wLDMwMzkuOCBMMTYwLjAsMzAzOS45IEwyMDAuMCwzMDM4LjggTDI0MC4wLDMwMzYuNyBMMjgwLjAsMzAzMy41IEwzMjAuMCwzMDI5LjMgTDM2MC4wLDMwMjQuMSBMNDAwLjAsMzAxOC4wIEw0NDAuMCwzMDExLjAgTDQ4MC4wLDMwMDMuMyBMNTIwLjAsMjk5NC44IEw1NjAuMCwyOTg1LjggTDYwMC4wLDI5NzYuMiBMNjQwLjAsMjk2Ni4zIEw2ODAuMCwyOTU2LjEgTDcyMC4wLDI5NDUuNyBMNzYwLjAsMjkzNS4yIEw4MDAuMCwyOTI0LjggTDg0MC4wLDI5MTQuNSBMODgwLjAsMjkwNC42IEw5MjAuMCwyODk1LjAgTDk2MC4wLDI4ODUuOSBMMTAwMC4wLDI4NzcuNCBMMTA0MC4wLDI4NjkuNiBMMTA4MC4wLDI4NjIuNiBMMTEyMC4wLDI4NTYuNCBMMTE2MC4wLDI4NTEuMSBMMTIwMC4wLDI4NDYuOCBMMTI0MC4wLDI4NDMuNSBMMTI4MC4wLDI4NDEuMyBMMTMyMC4wLDI4NDAuMiBMMTM2MC4wLDI4NDAuMSBMMTQwMC4wLDI4NDEuMiBMMTQ0MC4wLDI4NDMuMyBMMTQ4MC4wLDI4NDYuNSBMMTUyMC4wLDI4NTAuNyBMMTU2MC4wLDI4NTUuOSBMMTYwMC4wLDI4NjIuMCBMMTY0MC4wLDI4NjkuMCBMMTY4MC4wLDI4NzYuNyBMMTcyMC4wLDI4ODUuMiBMMTc2MC4wLDI4OTQuMiBMMTgwMC4wLDI5MDMuOCBMMTg0MC4wLDI5MTMuNyBMMTg4MC4wLDI5MjMuOSBMMTkyMC4wLDI5MzQuMyBMMTkyMC4wLDM2NzkuOCBMMTg4MC4wLDM2NzMuOSBMMTg0MC4wLDM2NjcuNCBMMTgwMC4wLDM2NjAuNCBMMTc2MC4wLDM2NTIuOSBMMTcyMC4wLDM2NDUuMSBMMTY4MC4wLDM2MzcuMSBMMTY0MC4wLDM2MjguOCBMMTYwMC4wLDM2MjAuNCBMMTU2MC4wLDM2MTIuMSBMMTUyMC4wLDM2MDMuOCBMMTQ4MC4wLDM1OTUuNyBMMTQ0MC4wLDM1ODcuOSBMMTQwMC4wLDM1ODAuNCBMMTM2MC4wLDM1NzMuMyBMMTMyMC4wLDM1NjYuOCBMMTI4MC4wLDM1NjAuOCBMMTI0MC4wLDM1NTUuNSBMMTIwMC4wLDM1NTAuOSBMMTE2MC4wLDM1NDcuMSBMMTEyMC4wLDM1NDQuMSBMMTA4MC4wLDM1NDEuOCBMMTA0MC4wLDM1NDAuNSBMMTAwMC4wLDM1NDAuMCBMOTYwLjAsMzU0MC40IEw5MjAuMCwzNTQxLjcgTDg4MC4wLDM1NDMuOCBMODQwLjAsMzU0Ni43IEw4MDAuMCwzNTUwLjUgTDc2MC4wLDM1NTUuMCBMNzIwLjAsMzU2MC4yIEw2ODAuMCwzNTY2LjEgTDY0MC4wLDM1NzIuNiBMNjAwLjAsMzU3OS42IEw1NjAuMCwzNTg3LjEgTDUyMC4wLDM1OTQuOSBMNDgwLjAsMzYwMi45IEw0NDAuMCwzNjExLjIgTDQwMC4wLDM2MTkuNiBMMzYwLjAsMzYyNy45IEwzMjAuMCwzNjM2LjIgTDI4MC4wLDM2NDQuMyBMMjQwLjAsMzY1Mi4xIEwyMDAuMCwzNjU5LjYgTDE2MC4wLDM2NjYuNyBMMTIwLjAsMzY3My4yIEw4MC4wLDM2NzkuMiBMNDAuMCwzNjg0LjUgTDAuMCwzNjg5LjEgWiIvPjxwYXRoIGZpbGw9IiNFNERGRDciIGQ9Ik0wLjAsMzcxMS45IEw0MC4wLDM3MDAuMyBMODAuMCwzNjg5LjEgTDEyMC4wLDM2NzguNiBMMTYwLjAsMzY2OC44IEwyMDAuMCwzNjYwLjAgTDI0MC4wLDM2NTIuMSBMMjgwLjAsMzY0NS4zIEwzMjAuMCwzNjM5LjcgTDM2MC4wLDM2MzUuMyBMNDAwLjAsMzYzMi4yIEw0NDAuMCwzNjMwLjQgTDQ4MC4wLDM2MzAuMCBMNTIwLjAsMzYzMS4wIEw1NjAuMCwzNjMzLjMgTDYwMC4wLDM2MzYuOSBMNjQwLjAsMzY0MS44IEw2ODAuMCwzNjQ3LjkgTDcyMC4wLDM2NTUuMiBMNzYwLjAsMzY2My41IEw4MDAuMCwzNjcyLjcgTDg0MC4wLDM2ODIuOCBMODgwLjAsMzY5My42IEw5MjAuMCwzNzA1LjAgTDk2MC4wLDM3MTYuOCBMMTAwMC4wLDM3MjguOCBMMTA0MC4wLDM3NDEuMSBMMTA4MC4wLDM3NTMuMyBMMTEyMC4wLDM3NjUuMyBMMTE2MC4wLDM3NzcuMCBMMTIwMC4wLDM3ODguMyBMMTI0MC4wLDM3OTkuMCBMMTI4MC4wLDM4MDguOSBMMTMyMC4wLDM4MTguMCBMMTM2MC4wLDM4MjYuMiBMMTQwMC4wLDM4MzMuMiBMMTQ0MC4wLDM4MzkuMSBMMTQ4MC4wLDM4NDMuOCBMMTUyMC4wLDM4NDcuMiBMMTU2MC4wLDM4NDkuMyBMMTYwMC4wLDM4NTAuMCBMMTY0MC4wLDM4NDkuNCBMMTY4MC4wLDM4NDcuNCBMMTcyMC4wLDM4NDQuMSBMMTc2MC4wLDM4MzkuNCBMMTgwMC4wLDM4MzMuNiBMMTg0MC4wLDM4MjYuNiBMMTg4MC4wLDM4MTguNiBMMTkyMC4wLDM4MDkuNSBMMTkyMC4wLDQ0ODEuMSBMMTg4MC4wLDQ0OTAuOCBMMTg0MC4wLDQ1MDAuNiBMMTgwMC4wLDQ1MTAuMyBMMTc2MC4wLDQ1MjAuMCBMMTcyMC4wLDQ1MjkuNCBMMTY4MC4wLDQ1MzguNCBMMTY0MC4wLDQ1NDcuMCBMMTYwMC4wLDQ1NTQuOSBMMTU2MC4wLDQ1NjIuMiBMMTUyMC4wLDQ1NjguOCBMMTQ4MC4wLDQ1NzQuNCBMMTQ0MC4wLDQ1NzkuMiBMMTQwMC4wLDQ1ODMuMCBMMTM2MC4wLDQ1ODUuNyBMMTMyMC4wLDQ1ODcuNCBMMTI4MC4wLDQ1ODguMCBMMTI0MC4wLDQ1ODcuNSBMMTIwMC4wLDQ1ODYuMCBMMTE2MC4wLDQ1ODMuMyBMMTEyMC4wLDQ1NzkuNyBMMTA4MC4wLDQ1NzUuMCBMMTA0MC4wLDQ1NjkuNSBMMTAwMC4wLDQ1NjMuMCBMOTYwLjAsNDU1NS44IEw5MjAuMCw0NTQ3LjkgTDg4MC4wLDQ1MzkuNCBMODQwLjAsNDUzMC41IEw4MDAuMCw0NTIxLjEgTDc2MC4wLDQ1MTEuNSBMNzIwLjAsNDUwMS43IEw2ODAuMCw0NDkxLjkgTDY0MC4wLDQ0ODIuMyBMNjAwLjAsNDQ3Mi44IEw1NjAuMCw0NDYzLjcgTDUyMC4wLDQ0NTUuMCBMNDgwLjAsNDQ0Ni45IEw0NDAuMCw0NDM5LjQgTDQwMC4wLDQ0MzIuNyBMMzYwLjAsNDQyNi44IEwzMjAuMCw0NDIxLjkgTDI4MC4wLDQ0MTcuOCBMMjQwLjAsNDQxNC45IEwyMDAuMCw0NDEyLjkgTDE2MC4wLDQ0MTIuMCBMMTIwLjAsNDQxMi4zIEw4MC4wLDQ0MTMuNiBMNDAuMCw0NDE2LjAgTDAuMCw0NDE5LjQgWiIvPjxwYXRoIGZpbGw9IiNFREVBRTMiIGQ9Ik0wLjAsNDUyOC45IEw0MC4wLDQ1MzIuMCBMODAuMCw0NTM1LjkgTDEyMC4wLDQ1NDAuNiBMMTYwLjAsNDU0Ni4xIEwyMDAuMCw0NTUyLjQgTDI0MC4wLDQ1NTkuMiBMMjgwLjAsNDU2Ni43IEwzMjAuMCw0NTc0LjYgTDM2MC4wLDQ1ODMuMCBMNDAwLjAsNDU5MS44IEw0NDAuMCw0NjAwLjggTDQ4MC4wLDQ2MTAuMCBMNTIwLjAsNDYxOS4zIEw1NjAuMCw0NjI4LjcgTDYwMC4wLDQ2MzcuOSBMNjQwLjAsNDY0Ni45IEw2ODAuMCw0NjU1LjcgTDcyMC4wLDQ2NjQuMiBMNzYwLjAsNDY3Mi4yIEw4MDAuMCw0Njc5LjggTDg0MC4wLDQ2ODYuNyBMODgwLjAsNDY5My4wIEw5MjAuMCw0Njk4LjYgTDk2MC4wLDQ3MDMuNSBMMTAwMC4wLDQ3MDcuNSBMMTA0MC4wLDQ3MTAuNyBMMTA4MC4wLDQ3MTMuMCBMMTEyMC4wLDQ3MTQuNSBMMTE2MC4wLDQ3MTUuMCBMMTIwMC4wLDQ3MTQuNiBMMTI0MC4wLDQ3MTMuMyBMMTI4MC4wLDQ3MTEuMSBMMTMyMC4wLDQ3MDguMCBMMTM2MC4wLDQ3MDQuMSBMMTQwMC4wLDQ2OTkuNCBMMTQ0MC4wLDQ2OTMuOSBMMTQ4MC4wLDQ2ODcuNiBMMTUyMC4wLDQ2ODAuOCBMMTU2MC4wLDQ2NzMuMyBMMTYwMC4wLDQ2NjUuNCBMMTY0MC4wLDQ2NTcuMCBMMTY4MC4wLDQ2NDguMiBMMTcyMC4wLDQ2MzkuMiBMMTc2MC4wLDQ2MzAuMCBMMTgwMC4wLDQ2MjAuNyBMMTg0MC4wLDQ2MTEuMyBMMTg4MC4wLDQ2MDIuMSBMMTkyMC4wLDQ1OTMuMSBMMTkyMC4wLDU0NDkuNSBMMTg4MC4wLDU0NTIuNiBMMTg0MC4wLDU0NTYuNCBMMTgwMC4wLDU0NjAuOCBMMTc2MC4wLDU0NjUuOCBMMTcyMC4wLDU0NzEuMiBMMTY4MC4wLDU0NzcuMiBMMTY0MC4wLDU0ODMuNSBMMTYwMC4wLDU0OTAuMiBMMTU2MC4wLDU0OTcuMiBMMTUyMC4wLDU1MDQuNSBMMTQ4MC4wLDU1MTEuOCBMMTQ0MC4wLDU1MTkuMyBMMTQwMC4wLDU1MjYuNyBMMTM2MC4wLDU1MzQuMSBMMTMyMC4wLDU1NDEuNCBMMTI4MC4wLDU1NDguNCBMMTI0MC4wLDU1NTUuMiBMMTIwMC4wLDU1NjEuNiBMMTE2MC4wLDU1NjcuNyBMMTEyMC4wLDU1NzMuMiBMMTA4MC4wLDU1NzguMyBMMTA0MC4wLDU1ODIuOCBMMTAwMC4wLDU1ODYuNyBMOTYwLjAsNTU4OS45IEw5MjAuMCw1NTkyLjUgTDg4MC4wLDU1OTQuNCBMODQwLjAsNTU5NS42IEw4MDAuMCw1NTk2LjAgTDc2MC4wLDU1OTUuNyBMNzIwLjAsNTU5NC43IEw2ODAuMCw1NTkyLjkgTDY0MC4wLDU1OTAuNSBMNjAwLjAsNTU4Ny40IEw1NjAuMCw1NTgzLjYgTDUyMC4wLDU1NzkuMiBMNDgwLjAsNTU3NC4yIEw0NDAuMCw1NTY4LjggTDQwMC4wLDU1NjIuOCBMMzYwLjAsNTU1Ni41IEwzMjAuMCw1NTQ5LjggTDI4MC4wLDU1NDIuOCBMMjQwLjAsNTUzNS41IEwyMDAuMCw1NTI4LjIgTDE2MC4wLDU1MjAuNyBMMTIwLjAsNTUxMy4zIEw4MC4wLDU1MDUuOSBMNDAuMCw1NDk4LjYgTDAuMCw1NDkxLjYgWiIvPjwvc3ZnPg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  color: #221C13;
}

/* ---- nav and footer stay dark, as they do today -------------------- */
nav.pn, nav#navbar,
footer, footer.site-footer, .tours-footer,
.sticky-cta, .review-modal {
  --black:       #0A0A0A;
  --dark:        #111111;
  --dark-2:      #1A1A1A;
  --white:       #F5F2EC;
  --white-muted: rgba(245,242,236,0.7);
  --muted:       rgba(245,242,236,0.6);
  --dim:         rgba(245,242,236,0.4);
  --border:      rgba(255,255,255,0.1);
  --gold:        #C9A84C;
  --gold-light:  #E2C97E;
  color:         #F5F2EC;
}
nav.pn, nav#navbar { background:#0A0A0A }
footer, footer.site-footer, .tours-footer { background:#0A0A0A }

/* ---- panels and cards: light fill, gold edge, real shadow ---------- */
.article-related .related-card,
.testi-card, .veh-card, .route-card, .service-card,
.tour-preview, .tour-card, .voucher-card, .amount-card,
.faq-item, .price-card, .info-card, .guide-card, .why-card {
  background: var(--pl-card);
  border: 1px solid var(--pl-edge);
  box-shadow: var(--pl-shadow);
}
.article-related .related-card:hover,
.tour-card:hover, .voucher-card:hover, .amount-card:hover,
.price-card:hover, .info-card:hover {
  background: #FFFFFF;
  border-color: rgba(107,78,23,0.5);
  box-shadow: 0 8px 22px rgba(90,70,35,0.16);
}

/* ---- small tracked uppercase labels: bigger, deeper ---------------- */
.section-label, .prima-eyebrow, .article-eyebrow, .card-eyebrow,
.route-from, .tour-preview-meta, .veh-cap, .testi-author,
.article-related h2, .related-eyebrow {
  color: var(--pl-label);
  font-weight: 600;
  letter-spacing: 0.2em;
}

/* ---- links and rules ---------------------------------------------- */
article a, .article-body a { color:#523C13 }
article a:hover, .article-body a:hover { color:#6A4F18 }
hr, .prima-divider { border-color: rgba(107,78,23,0.25) }

/* ---- washes that were built for a black ground -------------------- */
[style*="rgba(201,168,76,0.05"], [style*="rgba(201,168,76,0.06"] {
  background: rgba(107,78,23,0.06) !important;
}
[style*="rgba(255,255,255,0.02"], [style*="rgba(255,255,255,0.03"],
[style*="rgba(255,255,255,0.05"] {
  background: rgba(107,78,23,0.05) !important;
}

/* ---- the article hero is a text block, so it stays light ---------- */
.article-hero-img { display:block }

/* =====================================================================
   Article template (the 14 city and service pages)
   These rules hard-code light-on-black colours instead of using the
   variables, so the variable flip alone leaves the body text invisible.
   ===================================================================== */
.article-body p,
.article-body ul, .article-body ol, .article-body li { color: rgba(34,28,19,0.94) }
.article-body p:first-child { color:#221C13 }
.article-body h2 { color:#523C13 }
.article-body h3 { color:#221C13 }
.article-body strong { color:#221C13 }
.article-body em { color:#523C13 }
.article-body a { color:#6A4F18; border-bottom-color: rgba(107,78,23,0.35) }
.article-body a:hover { color:#523C13; border-bottom-color:#523C13 }

.article-tldr {
  background:#FCFAF4;
  border:1px solid rgba(107,78,23,0.26);
  border-left:3px solid #6A4F18;
  box-shadow:0 3px 12px rgba(90,70,35,0.10);
  color: rgba(34,28,19,0.94);
}
.article-tldr strong { color:#57400F; font-weight:600; letter-spacing:0.2em }

.article-hero { border-bottom-color: rgba(107,78,23,0.18) }
.article-hero-img { border-bottom-color: rgba(107,78,23,0.18) }
.article-related { border-top-color: rgba(107,78,23,0.22) }
.article-related h3 { color:#523C13 }
.related-card { background:#FCFAF4; border:1px solid rgba(107,78,23,0.26) }
.related-card:hover { background:#FFFFFF; border-color:#6A4F18 }

.article-cta {
  background: linear-gradient(rgba(107,78,23,0.07), rgba(107,78,23,0.03));
  border: 1px solid rgba(107,78,23,0.28);
}
.article-cta h3 { color:#221C13 !important }
.article-cta p  { color: rgba(34,28,19,0.90) !important }
.article-cta-eyebrow { color:#57400F !important; font-weight:600 }
.article-cta-btn { background:#6A4F18; color:#FBF8F1 !important }
.article-cta-btn:hover { background:#523C13; color:#FBF8F1 !important }

/* the language dropdown lives inside the dark nav - leave it alone */
nav.pn .lang-option, nav#navbar .lang-option { color: rgba(245,242,236,0.8) }

/* =====================================================================
   Everything else that hard-codes light-on-black text
   ---------------------------------------------------------------------
   Found by scanning every <style> block on all 25 public pages. These
   rules set a literal pale colour instead of using the variables, so the
   variable flip alone leaves them invisible on a light ground.

   Deliberately NOT touched: .pn-acc / .pn-foot / .pn-panel / .pn-m-plain
   (inside the dark mobile nav) and every .sx-* rule (the dark sunset hero
   on the home page). Those are meant to be light-on-dark.
   ===================================================================== */

/* figure captions under article photos (5 airport pages) */
.pn-fig figcaption { color: rgba(34,28,19,0.80) }
.pn-fig figcaption strong { color:#57400F }
.pn-gal figcaption { color:#57400F }
.pn-fig img, .pn-gal img { border-color: rgba(107,78,23,0.22) }

/* long-form pages: terms, faq, about, contact, why-choose-us */
.tc-title           { color:#221C13 }
.tc-sub             { color:#523C13 }
.tc-body,
.tc-body p,
.tc-body ul li      { color: rgba(34,28,19,0.94) }
.tc-body strong     { color:#221C13 }
.tc-body .hl        { color:#523C13; font-weight:600 }
.tc-more p          { color: rgba(34,28,19,0.84) }
.terms-intro p      { color: rgba(34,28,19,0.92) }
.mob-toggle,
.mob-toggle-title   { color:#221C13 }
.mob-toggle-title em{ color:#523C13 }

/* home page blocks */
.hero-sub                   { color: rgba(34,28,19,0.94) }
.hero-quote-corner blockquote { color: rgba(34,28,19,0.92) }
.about-stat-desc            { color: rgba(34,28,19,0.80) }
.price-note                 { color: rgba(34,28,19,0.80) }
.price-note strong          { color: rgba(34,28,19,0.94) }

/* forms */
.form-field input::placeholder,
.cf-field input::placeholder,
.cf-field textarea::placeholder,
.field input::placeholder   { color: rgba(34,28,19,0.82) }
.booking-agreement label    { color: rgba(34,28,19,0.92) }

/* review widget */
.rstars                 { color: rgba(34,28,19,0.34) }
.google-badge-stars,
.google-widget-stars    { color:#B87400 }

/* status colours, darkened so they read on a light ground */
.cf-status.success, .rstatus.success, .dbg-ok { color:#256B41 }
.dbg-warn   { color:#7A5500 }
.dbg-title  { color:#523C13 }
.dbg-info   { color: rgba(34,28,19,0.86) }

/* tours and vouchers */
.tour-btn.coming-soon,
.tour-btn.coming-soon:hover { color: rgba(34,28,19,0.82) }
.placeholder-sub            { color: rgba(34,28,19,0.82) }
.price-option-sub           { color: rgba(34,28,19,0.84) }

/* =====================================================================
   Page-specific corrections found by rendering each family
   ===================================================================== */

/* --- booking page: the active mode tab was dark-on-dark ------------- */
.bm-btn.is-on { background:#6A4F18; color:#FBF8F1 }

/* --- tours ---------------------------------------------------------- */
.tour-meta, .tour-duration { color: rgba(34,28,19,0.80) }
.tour-price .from, .tour-price .amount.tba { color: rgba(34,28,19,0.84) }
.tour-price .amount { color:#523C13 }
.tour-img { background:#E4DFD7 }
.tour-region { color:#57400F; font-weight:600 }
.custom-banner {
  background: linear-gradient(135deg, rgba(107,78,23,0.07) 0%, rgba(107,78,23,0.03) 100%);
  border-color: rgba(107,78,23,0.26);
}
.custom-banner p { color: rgba(34,28,19,0.92) }
.custom-banner h3 em { color:#523C13 }

/* --- index-New (the older home page) --------------------------------
   Its hero is a photograph with a dark scrim baked in, and its price
   panel is a self-contained dark block whose cards are drawn by script
   in dark colours. Both stay dark rather than being half-converted.  */
#hero, #hero .hero-bg, #price-check {
  --black:#0A0A0A; --dark:#111111; --dark-2:#1A1A1A;
  --white:#F5F2EC; --white-muted:rgba(245,242,236,0.7);
  --gold:#C9A84C; --gold-light:#E2C97E;
  color:#F5F2EC;
}
#hero .hero-sub { color: rgba(245,242,236,0.85) }
#hero .hero-quote-corner blockquote { color: rgba(245,242,236,0.82) }
#price-check { background:#111111 }
#price-check .price-note { color: rgba(245,242,236,0.6) }
#price-check .price-note strong { color: rgba(245,242,236,0.85) }
#price-check .price-option-sub { color: rgba(245,242,236,0.4) }


/* =====================================================================
   Weight pass
   ---------------------------------------------------------------------
   The small print on this site sits at 9-12px with wide letter spacing.
   At that size a 400-weight letter looks washed out no matter how dark
   the colour is, because there is barely any ink on the screen. These
   rules add half a step of weight to the small text only - body copy at
   normal reading sizes is left alone so nothing turns heavy.
   ===================================================================== */
.section-label, .prima-eyebrow, .article-eyebrow, .card-eyebrow,
.route-from, .tour-preview-meta, .veh-cap, .testi-author,
.article-related h2, .related-eyebrow,
.contact-info-label, .contact-city, .tour-region,
.article-cta-eyebrow, .article-tldr strong { font-weight: 700 }

.contact-info-sub, .contact-form-sub, .tour-meta, .tour-duration,
.about-stat-desc, .price-note, .pn-fig figcaption,
.placeholder-sub, .price-option-sub, .tc-more p,
.tour-price .from { font-weight: 500 }

label, .form-field label, .cf-field label, .field label { font-weight: 600 }

/* placeholders stay lighter than real input, but not by much */
.form-field input::placeholder, .cf-field input::placeholder,
.cf-field textarea::placeholder, .field input::placeholder,
input::placeholder, textarea::placeholder { opacity: 1 }

/* the dark nav and footer keep their original weights */
nav.pn .section-label, nav#navbar .section-label,
footer .section-label, footer.site-footer .section-label { font-weight: 600 }


/* =====================================================================
   Second pass - text that the variable flip could not reach
   ---------------------------------------------------------------------
   Found by rendering all 23 pages and walking every text node, then by
   re-reading each page's own <style> blocks. Everything below was still
   drawing a light-on-black colour onto the cream ground, so it was
   faint or completely invisible rather than merely too bright.
   ===================================================================== */

/* --- gift vouchers: the chosen amount was gold text on a gold fill --- */
.amount-btn:hover,
.amount-btn.active {
  background: #6A4F18;
  border-color: #523C13;
  color: #FBF8F1;
}
.amount-btn.active .pop, .amount-btn:hover .pop { background:#523C13; color:#FBF8F1 }

/* --- booking page: "10% GST" fell back to #ddd ----------------------- */
.price-includes-item          { color: rgba(34,28,19,0.90) }
.price-includes-item strong   { color:#221C13 }

/* --- tours: includes line, notes and links were pale gold ------------ */
.tour-includes        { color:#5E4514; border-top-color: rgba(107,78,23,0.20);
                        border-bottom-color: rgba(107,78,23,0.20) }
.tour-includes::before{ color:#6A4F18 }
.tour-card em, .tour-card a,
.tour-desc em, .tour-body > a         { color:#523C13 }
.tour-card a:hover, .tour-body > a:hover { color:#6A4F18 }
.tour-card.placeholder                { opacity:0.75 }

/* --- decorative numbers and marks, faint but no longer absent -------- */
.card-number                    { color: rgba(107,78,23,0.28) }
.service-card:hover .card-number{ color: rgba(107,78,23,0.50) }
.tc-num                         { color: rgba(107,78,23,0.45) }
.tc:hover .tc-num               { color: rgba(107,78,23,0.72) }
.how-arrow                      { color: rgba(107,78,23,0.55) }
.luggage-or                     { color:#6A4F18 }
.mob-toggle-arrow               { color:#6A4F18 }
#testimonial::before,
.commitment-band::before        { color: rgba(107,78,23,0.07) }

/* --- Google Places suggestions: a dark dropdown on a light page ------ */
.pac-container {
  background:#FCFAF4 !important;
  border:1px solid rgba(107,78,23,0.30) !important;
  box-shadow:0 8px 20px rgba(90,70,35,0.18) !important;
}
.pac-item {
  background:#FCFAF4 !important;
  border-top-color: rgba(107,78,23,0.12) !important;
  color: rgba(34,28,19,0.82) !important;
}
.pac-item:hover, .pac-item-selected { background: rgba(107,78,23,0.10) !important }
.pac-item-query, .pac-matched       { color:#221C13 !important }

/* --- the footer copyright line was only 2.4:1 even on black ---------- */
.footer-bottom { color: rgba(245,242,236,0.62) }

/* --- status colours ------------------------------------------------- */
.cf-status.error, .rstatus.error { color:#A8231B }


/* =====================================================================
   Inline style= colours
   ---------------------------------------------------------------------
   About 90 elements across the site carry their colour in an inline
   style attribute rather than a class. A stylesheet cannot normally
   beat an inline style, so each one is matched on its attribute text
   and re-coloured with !important. The block after re-asserts the
   original values for anything sitting inside the dark nav, footer,
   hero or price panel, where light-on-dark is still correct.
   ===================================================================== */
[style*="color:#F5F2EC"], [style*="color: #F5F2EC"] { color:#221C13 !important }
[style*="color:#C9A84C"], [style*="color: #C9A84C"] { color:#6A4F18 !important }
[style*="color:#E2C97E"], [style*="color: #E2C97E"] { color:#523C13 !important }
[style*="color:rgba(245,242,236,0.8)"], [style*="color: rgba(245,242,236,0.8)"] { color:rgba(34,28,19,0.92) !important }
[style*="color:rgba(245,242,236,0.65)"], [style*="color: rgba(245,242,236,0.65)"] { color:rgba(34,28,19,0.86) !important }
[style*="color:rgba(245,242,236,0.6)"], [style*="color: rgba(245,242,236,0.6)"] { color:rgba(34,28,19,0.84) !important }
[style*="color:rgba(245,242,236,0.5)"], [style*="color: rgba(245,242,236,0.5)"] { color:rgba(34,28,19,0.78) !important }
[style*="color:rgba(245,242,236,0.45)"], [style*="color: rgba(245,242,236,0.45)"] { color:rgba(34,28,19,0.86) !important }
[style*="color:rgba(245,242,236,0.4)"], [style*="color: rgba(245,242,236,0.4)"] { color:rgba(34,28,19,0.84) !important }
[style*="color:rgba(245,242,236,0.35)"], [style*="color: rgba(245,242,236,0.35)"] { color:rgba(34,28,19,0.84) !important }
[style*="color:rgba(245,242,236,0.3)"], [style*="color: rgba(245,242,236,0.3)"] { color:rgba(34,28,19,0.82) !important }
[style*="color:rgba(201,168,76,0.8)"], [style*="color: rgba(201,168,76,0.8)"] { color:#523C13 !important }
[style*="color:rgba(201,168,76,0.7)"], [style*="color: rgba(201,168,76,0.7)"] { color:#523C13 !important }
[style*="color:rgba(201,168,76,0.6)"], [style*="color: rgba(201,168,76,0.6)"] { color:#5E4514 !important }
[style*="color:rgba(201,168,76,0.4)"], [style*="color: rgba(201,168,76,0.4)"] { color:#5E4514 !important }
[style*="color:rgba(201,168,76,0.3)"], [style*="color: rgba(201,168,76,0.3)"] { color:rgba(107,78,23,0.62) !important }

/* ...but not inside the dark bookends */
nav.pn [style*="color:#F5F2EC"], nav.pn [style*="color: #F5F2EC"], nav#navbar [style*="color:#F5F2EC"], nav#navbar [style*="color: #F5F2EC"], footer [style*="color:#F5F2EC"], footer [style*="color: #F5F2EC"], .tours-footer [style*="color:#F5F2EC"], .tours-footer [style*="color: #F5F2EC"], .sticky-cta [style*="color:#F5F2EC"], .sticky-cta [style*="color: #F5F2EC"], .review-modal [style*="color:#F5F2EC"], .review-modal [style*="color: #F5F2EC"], #hero [style*="color:#F5F2EC"], #hero [style*="color: #F5F2EC"], #price-check [style*="color:#F5F2EC"], #price-check [style*="color: #F5F2EC"], .pn-panel [style*="color:#F5F2EC"], .pn-panel [style*="color: #F5F2EC"] { color:#F5F2EC !important }
nav.pn [style*="color:#C9A84C"], nav.pn [style*="color: #C9A84C"], nav#navbar [style*="color:#C9A84C"], nav#navbar [style*="color: #C9A84C"], footer [style*="color:#C9A84C"], footer [style*="color: #C9A84C"], .tours-footer [style*="color:#C9A84C"], .tours-footer [style*="color: #C9A84C"], .sticky-cta [style*="color:#C9A84C"], .sticky-cta [style*="color: #C9A84C"], .review-modal [style*="color:#C9A84C"], .review-modal [style*="color: #C9A84C"], #hero [style*="color:#C9A84C"], #hero [style*="color: #C9A84C"], #price-check [style*="color:#C9A84C"], #price-check [style*="color: #C9A84C"], .pn-panel [style*="color:#C9A84C"], .pn-panel [style*="color: #C9A84C"] { color:#C9A84C !important }
nav.pn [style*="color:#E2C97E"], nav.pn [style*="color: #E2C97E"], nav#navbar [style*="color:#E2C97E"], nav#navbar [style*="color: #E2C97E"], footer [style*="color:#E2C97E"], footer [style*="color: #E2C97E"], .tours-footer [style*="color:#E2C97E"], .tours-footer [style*="color: #E2C97E"], .sticky-cta [style*="color:#E2C97E"], .sticky-cta [style*="color: #E2C97E"], .review-modal [style*="color:#E2C97E"], .review-modal [style*="color: #E2C97E"], #hero [style*="color:#E2C97E"], #hero [style*="color: #E2C97E"], #price-check [style*="color:#E2C97E"], #price-check [style*="color: #E2C97E"], .pn-panel [style*="color:#E2C97E"], .pn-panel [style*="color: #E2C97E"] { color:#E2C97E !important }
nav.pn [style*="color:rgba(245,242,236,0.8)"], nav.pn [style*="color: rgba(245,242,236,0.8)"], nav#navbar [style*="color:rgba(245,242,236,0.8)"], nav#navbar [style*="color: rgba(245,242,236,0.8)"], footer [style*="color:rgba(245,242,236,0.8)"], footer [style*="color: rgba(245,242,236,0.8)"], .tours-footer [style*="color:rgba(245,242,236,0.8)"], .tours-footer [style*="color: rgba(245,242,236,0.8)"], .sticky-cta [style*="color:rgba(245,242,236,0.8)"], .sticky-cta [style*="color: rgba(245,242,236,0.8)"], .review-modal [style*="color:rgba(245,242,236,0.8)"], .review-modal [style*="color: rgba(245,242,236,0.8)"], #hero [style*="color:rgba(245,242,236,0.8)"], #hero [style*="color: rgba(245,242,236,0.8)"], #price-check [style*="color:rgba(245,242,236,0.8)"], #price-check [style*="color: rgba(245,242,236,0.8)"], .pn-panel [style*="color:rgba(245,242,236,0.8)"], .pn-panel [style*="color: rgba(245,242,236,0.8)"] { color:rgba(245,242,236,0.8) !important }
nav.pn [style*="color:rgba(245,242,236,0.65)"], nav.pn [style*="color: rgba(245,242,236,0.65)"], nav#navbar [style*="color:rgba(245,242,236,0.65)"], nav#navbar [style*="color: rgba(245,242,236,0.65)"], footer [style*="color:rgba(245,242,236,0.65)"], footer [style*="color: rgba(245,242,236,0.65)"], .tours-footer [style*="color:rgba(245,242,236,0.65)"], .tours-footer [style*="color: rgba(245,242,236,0.65)"], .sticky-cta [style*="color:rgba(245,242,236,0.65)"], .sticky-cta [style*="color: rgba(245,242,236,0.65)"], .review-modal [style*="color:rgba(245,242,236,0.65)"], .review-modal [style*="color: rgba(245,242,236,0.65)"], #hero [style*="color:rgba(245,242,236,0.65)"], #hero [style*="color: rgba(245,242,236,0.65)"], #price-check [style*="color:rgba(245,242,236,0.65)"], #price-check [style*="color: rgba(245,242,236,0.65)"], .pn-panel [style*="color:rgba(245,242,236,0.65)"], .pn-panel [style*="color: rgba(245,242,236,0.65)"] { color:rgba(245,242,236,0.65) !important }
nav.pn [style*="color:rgba(245,242,236,0.6)"], nav.pn [style*="color: rgba(245,242,236,0.6)"], nav#navbar [style*="color:rgba(245,242,236,0.6)"], nav#navbar [style*="color: rgba(245,242,236,0.6)"], footer [style*="color:rgba(245,242,236,0.6)"], footer [style*="color: rgba(245,242,236,0.6)"], .tours-footer [style*="color:rgba(245,242,236,0.6)"], .tours-footer [style*="color: rgba(245,242,236,0.6)"], .sticky-cta [style*="color:rgba(245,242,236,0.6)"], .sticky-cta [style*="color: rgba(245,242,236,0.6)"], .review-modal [style*="color:rgba(245,242,236,0.6)"], .review-modal [style*="color: rgba(245,242,236,0.6)"], #hero [style*="color:rgba(245,242,236,0.6)"], #hero [style*="color: rgba(245,242,236,0.6)"], #price-check [style*="color:rgba(245,242,236,0.6)"], #price-check [style*="color: rgba(245,242,236,0.6)"], .pn-panel [style*="color:rgba(245,242,236,0.6)"], .pn-panel [style*="color: rgba(245,242,236,0.6)"] { color:rgba(245,242,236,0.6) !important }
nav.pn [style*="color:rgba(245,242,236,0.5)"], nav.pn [style*="color: rgba(245,242,236,0.5)"], nav#navbar [style*="color:rgba(245,242,236,0.5)"], nav#navbar [style*="color: rgba(245,242,236,0.5)"], footer [style*="color:rgba(245,242,236,0.5)"], footer [style*="color: rgba(245,242,236,0.5)"], .tours-footer [style*="color:rgba(245,242,236,0.5)"], .tours-footer [style*="color: rgba(245,242,236,0.5)"], .sticky-cta [style*="color:rgba(245,242,236,0.5)"], .sticky-cta [style*="color: rgba(245,242,236,0.5)"], .review-modal [style*="color:rgba(245,242,236,0.5)"], .review-modal [style*="color: rgba(245,242,236,0.5)"], #hero [style*="color:rgba(245,242,236,0.5)"], #hero [style*="color: rgba(245,242,236,0.5)"], #price-check [style*="color:rgba(245,242,236,0.5)"], #price-check [style*="color: rgba(245,242,236,0.5)"], .pn-panel [style*="color:rgba(245,242,236,0.5)"], .pn-panel [style*="color: rgba(245,242,236,0.5)"] { color:rgba(245,242,236,0.5) !important }
nav.pn [style*="color:rgba(245,242,236,0.45)"], nav.pn [style*="color: rgba(245,242,236,0.45)"], nav#navbar [style*="color:rgba(245,242,236,0.45)"], nav#navbar [style*="color: rgba(245,242,236,0.45)"], footer [style*="color:rgba(245,242,236,0.45)"], footer [style*="color: rgba(245,242,236,0.45)"], .tours-footer [style*="color:rgba(245,242,236,0.45)"], .tours-footer [style*="color: rgba(245,242,236,0.45)"], .sticky-cta [style*="color:rgba(245,242,236,0.45)"], .sticky-cta [style*="color: rgba(245,242,236,0.45)"], .review-modal [style*="color:rgba(245,242,236,0.45)"], .review-modal [style*="color: rgba(245,242,236,0.45)"], #hero [style*="color:rgba(245,242,236,0.45)"], #hero [style*="color: rgba(245,242,236,0.45)"], #price-check [style*="color:rgba(245,242,236,0.45)"], #price-check [style*="color: rgba(245,242,236,0.45)"], .pn-panel [style*="color:rgba(245,242,236,0.45)"], .pn-panel [style*="color: rgba(245,242,236,0.45)"] { color:rgba(245,242,236,0.45) !important }
nav.pn [style*="color:rgba(245,242,236,0.4)"], nav.pn [style*="color: rgba(245,242,236,0.4)"], nav#navbar [style*="color:rgba(245,242,236,0.4)"], nav#navbar [style*="color: rgba(245,242,236,0.4)"], footer [style*="color:rgba(245,242,236,0.4)"], footer [style*="color: rgba(245,242,236,0.4)"], .tours-footer [style*="color:rgba(245,242,236,0.4)"], .tours-footer [style*="color: rgba(245,242,236,0.4)"], .sticky-cta [style*="color:rgba(245,242,236,0.4)"], .sticky-cta [style*="color: rgba(245,242,236,0.4)"], .review-modal [style*="color:rgba(245,242,236,0.4)"], .review-modal [style*="color: rgba(245,242,236,0.4)"], #hero [style*="color:rgba(245,242,236,0.4)"], #hero [style*="color: rgba(245,242,236,0.4)"], #price-check [style*="color:rgba(245,242,236,0.4)"], #price-check [style*="color: rgba(245,242,236,0.4)"], .pn-panel [style*="color:rgba(245,242,236,0.4)"], .pn-panel [style*="color: rgba(245,242,236,0.4)"] { color:rgba(245,242,236,0.4) !important }
nav.pn [style*="color:rgba(245,242,236,0.35)"], nav.pn [style*="color: rgba(245,242,236,0.35)"], nav#navbar [style*="color:rgba(245,242,236,0.35)"], nav#navbar [style*="color: rgba(245,242,236,0.35)"], footer [style*="color:rgba(245,242,236,0.35)"], footer [style*="color: rgba(245,242,236,0.35)"], .tours-footer [style*="color:rgba(245,242,236,0.35)"], .tours-footer [style*="color: rgba(245,242,236,0.35)"], .sticky-cta [style*="color:rgba(245,242,236,0.35)"], .sticky-cta [style*="color: rgba(245,242,236,0.35)"], .review-modal [style*="color:rgba(245,242,236,0.35)"], .review-modal [style*="color: rgba(245,242,236,0.35)"], #hero [style*="color:rgba(245,242,236,0.35)"], #hero [style*="color: rgba(245,242,236,0.35)"], #price-check [style*="color:rgba(245,242,236,0.35)"], #price-check [style*="color: rgba(245,242,236,0.35)"], .pn-panel [style*="color:rgba(245,242,236,0.35)"], .pn-panel [style*="color: rgba(245,242,236,0.35)"] { color:rgba(245,242,236,0.35) !important }
nav.pn [style*="color:rgba(245,242,236,0.3)"], nav.pn [style*="color: rgba(245,242,236,0.3)"], nav#navbar [style*="color:rgba(245,242,236,0.3)"], nav#navbar [style*="color: rgba(245,242,236,0.3)"], footer [style*="color:rgba(245,242,236,0.3)"], footer [style*="color: rgba(245,242,236,0.3)"], .tours-footer [style*="color:rgba(245,242,236,0.3)"], .tours-footer [style*="color: rgba(245,242,236,0.3)"], .sticky-cta [style*="color:rgba(245,242,236,0.3)"], .sticky-cta [style*="color: rgba(245,242,236,0.3)"], .review-modal [style*="color:rgba(245,242,236,0.3)"], .review-modal [style*="color: rgba(245,242,236,0.3)"], #hero [style*="color:rgba(245,242,236,0.3)"], #hero [style*="color: rgba(245,242,236,0.3)"], #price-check [style*="color:rgba(245,242,236,0.3)"], #price-check [style*="color: rgba(245,242,236,0.3)"], .pn-panel [style*="color:rgba(245,242,236,0.3)"], .pn-panel [style*="color: rgba(245,242,236,0.3)"] { color:rgba(245,242,236,0.3) !important }
nav.pn [style*="color:rgba(201,168,76,0.8)"], nav.pn [style*="color: rgba(201,168,76,0.8)"], nav#navbar [style*="color:rgba(201,168,76,0.8)"], nav#navbar [style*="color: rgba(201,168,76,0.8)"], footer [style*="color:rgba(201,168,76,0.8)"], footer [style*="color: rgba(201,168,76,0.8)"], .tours-footer [style*="color:rgba(201,168,76,0.8)"], .tours-footer [style*="color: rgba(201,168,76,0.8)"], .sticky-cta [style*="color:rgba(201,168,76,0.8)"], .sticky-cta [style*="color: rgba(201,168,76,0.8)"], .review-modal [style*="color:rgba(201,168,76,0.8)"], .review-modal [style*="color: rgba(201,168,76,0.8)"], #hero [style*="color:rgba(201,168,76,0.8)"], #hero [style*="color: rgba(201,168,76,0.8)"], #price-check [style*="color:rgba(201,168,76,0.8)"], #price-check [style*="color: rgba(201,168,76,0.8)"], .pn-panel [style*="color:rgba(201,168,76,0.8)"], .pn-panel [style*="color: rgba(201,168,76,0.8)"] { color:rgba(201,168,76,0.8) !important }
nav.pn [style*="color:rgba(201,168,76,0.7)"], nav.pn [style*="color: rgba(201,168,76,0.7)"], nav#navbar [style*="color:rgba(201,168,76,0.7)"], nav#navbar [style*="color: rgba(201,168,76,0.7)"], footer [style*="color:rgba(201,168,76,0.7)"], footer [style*="color: rgba(201,168,76,0.7)"], .tours-footer [style*="color:rgba(201,168,76,0.7)"], .tours-footer [style*="color: rgba(201,168,76,0.7)"], .sticky-cta [style*="color:rgba(201,168,76,0.7)"], .sticky-cta [style*="color: rgba(201,168,76,0.7)"], .review-modal [style*="color:rgba(201,168,76,0.7)"], .review-modal [style*="color: rgba(201,168,76,0.7)"], #hero [style*="color:rgba(201,168,76,0.7)"], #hero [style*="color: rgba(201,168,76,0.7)"], #price-check [style*="color:rgba(201,168,76,0.7)"], #price-check [style*="color: rgba(201,168,76,0.7)"], .pn-panel [style*="color:rgba(201,168,76,0.7)"], .pn-panel [style*="color: rgba(201,168,76,0.7)"] { color:rgba(201,168,76,0.7) !important }
nav.pn [style*="color:rgba(201,168,76,0.6)"], nav.pn [style*="color: rgba(201,168,76,0.6)"], nav#navbar [style*="color:rgba(201,168,76,0.6)"], nav#navbar [style*="color: rgba(201,168,76,0.6)"], footer [style*="color:rgba(201,168,76,0.6)"], footer [style*="color: rgba(201,168,76,0.6)"], .tours-footer [style*="color:rgba(201,168,76,0.6)"], .tours-footer [style*="color: rgba(201,168,76,0.6)"], .sticky-cta [style*="color:rgba(201,168,76,0.6)"], .sticky-cta [style*="color: rgba(201,168,76,0.6)"], .review-modal [style*="color:rgba(201,168,76,0.6)"], .review-modal [style*="color: rgba(201,168,76,0.6)"], #hero [style*="color:rgba(201,168,76,0.6)"], #hero [style*="color: rgba(201,168,76,0.6)"], #price-check [style*="color:rgba(201,168,76,0.6)"], #price-check [style*="color: rgba(201,168,76,0.6)"], .pn-panel [style*="color:rgba(201,168,76,0.6)"], .pn-panel [style*="color: rgba(201,168,76,0.6)"] { color:rgba(201,168,76,0.6) !important }
nav.pn [style*="color:rgba(201,168,76,0.4)"], nav.pn [style*="color: rgba(201,168,76,0.4)"], nav#navbar [style*="color:rgba(201,168,76,0.4)"], nav#navbar [style*="color: rgba(201,168,76,0.4)"], footer [style*="color:rgba(201,168,76,0.4)"], footer [style*="color: rgba(201,168,76,0.4)"], .tours-footer [style*="color:rgba(201,168,76,0.4)"], .tours-footer [style*="color: rgba(201,168,76,0.4)"], .sticky-cta [style*="color:rgba(201,168,76,0.4)"], .sticky-cta [style*="color: rgba(201,168,76,0.4)"], .review-modal [style*="color:rgba(201,168,76,0.4)"], .review-modal [style*="color: rgba(201,168,76,0.4)"], #hero [style*="color:rgba(201,168,76,0.4)"], #hero [style*="color: rgba(201,168,76,0.4)"], #price-check [style*="color:rgba(201,168,76,0.4)"], #price-check [style*="color: rgba(201,168,76,0.4)"], .pn-panel [style*="color:rgba(201,168,76,0.4)"], .pn-panel [style*="color: rgba(201,168,76,0.4)"] { color:rgba(201,168,76,0.4) !important }
nav.pn [style*="color:rgba(201,168,76,0.3)"], nav.pn [style*="color: rgba(201,168,76,0.3)"], nav#navbar [style*="color:rgba(201,168,76,0.3)"], nav#navbar [style*="color: rgba(201,168,76,0.3)"], footer [style*="color:rgba(201,168,76,0.3)"], footer [style*="color: rgba(201,168,76,0.3)"], .tours-footer [style*="color:rgba(201,168,76,0.3)"], .tours-footer [style*="color: rgba(201,168,76,0.3)"], .sticky-cta [style*="color:rgba(201,168,76,0.3)"], .sticky-cta [style*="color: rgba(201,168,76,0.3)"], .review-modal [style*="color:rgba(201,168,76,0.3)"], .review-modal [style*="color: rgba(201,168,76,0.3)"], #hero [style*="color:rgba(201,168,76,0.3)"], #hero [style*="color: rgba(201,168,76,0.3)"], #price-check [style*="color:rgba(201,168,76,0.3)"], #price-check [style*="color: rgba(201,168,76,0.3)"], .pn-panel [style*="color:rgba(201,168,76,0.3)"], .pn-panel [style*="color: rgba(201,168,76,0.3)"] { color:rgba(201,168,76,0.3) !important }


/* placeholders are the one thing that should stay lighter than the text
   the visitor types, so they are pinned here after the bump above */
.form-field input::placeholder, .cf-field input::placeholder,
.cf-field textarea::placeholder, .field input::placeholder,
input::placeholder, textarea::placeholder {
  color: rgba(34,28,19,0.70) !important; opacity:1;
}


/* =====================================================================
   Utility pages - thank you, tour thank you, confirmation, booking success
   These four sat outside the roll-out. They share the same variables as
   the rest of the site, so linking this file flips them; only these few
   hard-coded light-on-black values needed picking up.
   ===================================================================== */
/* a fixed full-screen layer painted for a black ground - it was hiding
   the page's wave background under a flat panel with a gold blob in it */
.bg             { background: transparent !important }

/* a gold halo drawn behind the logo so it would glow on black - on the
   cream ground it reads as a beige smudge, so it is switched off */
[style*="radial-gradient(ellipse,rgba(201,168,76,0.18)"] { background: none !important }
[style*="brightness(1.05)"] { filter: none !important }

.section-sub    { color: rgba(34,28,19,0.84) }
.section-note   { color: rgba(34,28,19,0.84) }
.opt,
.field label .opt { color: rgba(34,28,19,0.78) }
.footer-note    { color: rgba(34,28,19,0.80) }

/* if any of these ever sit inside the dark bookends, they stay light */
nav.pn .section-sub, footer .section-sub, .tours-footer .section-sub,
nav.pn .section-note, footer .section-note, .tours-footer .section-note,
nav.pn .opt, footer .opt, .tours-footer .opt,
nav.pn .footer-note, footer .footer-note, .tours-footer .footer-note {
  color: rgba(245,242,236,0.7);
}

/* =====================================================================
   Sticky "Ready to book?" bar - slimmer
   Stays black as it is, just less tall: tighter padding, a smaller
   headline and sub-line, and a shorter button. Roughly a third off
   the height, so it takes less of the screen on a phone.
   ===================================================================== */
.sticky-cta            { padding:0.45rem 1.4rem; gap:0.9rem }
.sticky-cta-text .t1   { font-size:0.92rem; line-height:1.15 }
.sticky-cta-text .t2   { font-size:0.53rem; margin-top:1px; letter-spacing:0.08em }
.sticky-cta-btn        { padding:8px 18px; font-size:0.55rem; letter-spacing:0.18em }
.sticky-cta-close      { font-size:1.1rem; padding:0 0.2rem }
@media (max-width:640px){
  .sticky-cta          { padding:0.4rem 0.9rem }
  .sticky-cta-text .t1 { font-size:0.85rem }
  .sticky-cta-btn      { padding:7px 14px }
}


/* =====================================================================
   Blog and tour-guide pages
   These sit in /blog/ and /tours/ and were never part of the roll-out,
   so they still carried the black design. They load this file now; only
   these few hard-coded colours needed picking up.
   ===================================================================== */
.blog-card-meta        { color:#5E4514 }
.blog-card-meta svg    { fill:currentColor }
.article-table td      { color: rgba(34,28,19,0.90); border-color: rgba(107,78,23,0.20) }
.article-table th      { color:#221C13; border-color: rgba(107,78,23,0.26) }
.article-table tr:nth-child(even) td { background: rgba(107,78,23,0.05) }

/* =====================================================================
   Direct contact strip - WhatsApp and booking email
   ---------------------------------------------------------------------
   A deliberately separate block so it does not read as part of the form
   or the price checker. Cream card, gold edge, two full-size buttons.
   WhatsApp green is darkened to #0F7C63 so white text on it is legible
   (the brand #25D366 only reaches 2:1 against white).
   ===================================================================== */
.pc-contact{
  max-width:880px; margin:2.2rem auto; padding:1.4rem 1.6rem;
  background:#FCFAF4; border:1px solid rgba(107,78,23,0.34);
  border-left:4px solid #6A4F18;
  box-shadow:0 4px 16px rgba(90,70,35,0.12);
  display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap;
}
.pc-contact-copy{ flex:1 1 240px; min-width:0 }
.pc-contact-copy .h{
  font-family:'Cormorant Garamond',serif; font-size:1.45rem;
  color:#221C13; line-height:1.15; margin:0 0 .25rem;
}
.pc-contact-copy .s{
  font-size:.72rem; color:rgba(34,28,19,0.84); letter-spacing:.02em;
  margin:0; font-weight:500;
}
.pc-contact-btns{ display:flex; gap:.75rem; flex-wrap:wrap; flex:0 0 auto }
.pc-btn{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:13px 22px; text-decoration:none; border:1px solid transparent;
  font-family:'Montserrat',sans-serif; font-size:.63rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; white-space:nowrap;
  transition:background .25s, transform .2s, box-shadow .25s;
}
.pc-btn svg{ width:17px; height:17px; flex-shrink:0; fill:currentColor }
.pc-btn:hover{ transform:translateY(-1px); box-shadow:0 5px 14px rgba(90,70,35,0.20) }
.pc-btn-wa{ background:#0F7C63; color:#FFFFFF }
.pc-btn-wa:hover{ background:#0B6952; color:#FFFFFF }
.pc-btn-em{ background:#6A4F18; color:#FBF8F1 }
.pc-btn-em:hover{ background:#523C13; color:#FBF8F1 }
@media (max-width:760px){
  .pc-contact{ flex-direction:column; align-items:stretch; text-align:center; padding:1.2rem 1.1rem; margin:1.6rem auto }
  .pc-contact-btns{ flex-direction:column }
  .pc-btn{ justify-content:center; padding:14px 18px }
}