/* Time Away Together Travel theme: shimmering pearl aqua, metallic medium gold, burgundy and oxblood */
:root{--ink:#2a1d1f;--cream:#f1f6f6;--sand:#dcebe9;--gold:#c19a4b;--gold-d:#7f6028;--muted:#5d6667;--line:#cfe0dd;
 --red:#5e1b24;--red-d:#4a1219;--goldgrad:linear-gradient(120deg,#a8822f 0%,#d6b766 28%,#b99240 48%,#e4c97f 68%,#a8822f 100%)}
body{background:#f1f6f6}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse 60% 45% at 18% 12%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 55% 50% at 85% 70%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 40% 35% at 60% 30%,rgba(210,232,228,.8),transparent 70%),linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.75) 48%,rgba(255,255,255,0) 60%);
 background-size:100% 100%,100% 100%,100% 100%,300% 300%;animation:tatSheen 16s ease-in-out infinite alternate}
@keyframes tatSheen{from{background-position:0 0,0 0,0 0,100% 100%}to{background-position:0 0,0 0,0 0,0 0}}
header{background:rgba(241,246,246,.97)!important}
/* shimmering aqua sections */
.sand:not(#how),.pack-band,.live,.accept,.pk-note,.pk-empty,.tip.rule,#ok,#buy{background-color:#dcebe9!important;
 background-image:radial-gradient(ellipse 50% 80% at 15% 20%,rgba(255,255,255,.55),transparent 70%),linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.7) 46%,rgba(255,255,255,0) 62%)!important;
 background-size:100% 100%,300% 100%!important;animation:tatSheenX 11s ease-in-out infinite alternate}
.tip.rule{border-color:#dcebe9!important}
@keyframes tatSheenX{from{background-position:0 0,100% 0}to{background-position:0 0,0 0}}
/* metallic medium gold */
.btn.gold,.faq-open:not([aria-expanded="true"]){background-color:#c19a4b!important;background-image:var(--goldgrad)!important;background-size:220% 100%!important;border-color:#b99240!important;color:#fff!important;text-shadow:0 1px 2px rgba(80,50,10,.45);animation:tatGold 6s ease-in-out infinite alternate}
.btn.gold:hover,.faq-open:not([aria-expanded="true"]):hover{filter:brightness(1.07) saturate(1.05)}
@keyframes tatGold{from{background-position:100% 0}to{background-position:0 0}}
.prog i{background-image:var(--goldgrad)}
/* burgundy buttons and selected states */
.btn:not(.gold):not(.line):not(.ghost),.accept button,.faq-open[aria-expanded="true"],.faq-chip[aria-pressed="true"],.pk-dest[aria-pressed=true],.tmodal button{background-color:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.btn:not(.gold):not(.line):not(.ghost):hover,.accept button:hover,.btn.ghost:hover,.tsign button:hover,.dl:hover,.btn.line:hover{background-color:var(--red-d)!important;border-color:var(--red-d)!important;color:#fff!important}
.btn.ghost{border-color:var(--red)!important;color:var(--red)!important;background:transparent!important}
.btn.ghost:hover{color:#fff!important}
.news .btn,.news .btn:not(.gold):not(.line):not(.ghost){background:transparent!important;border-color:#f3dcc0!important;color:#f3dcc0!important}
.news .btn:hover{background:#f3dcc0!important;color:var(--red-d)!important}
.hero-bg .btn:not(.gold):not(.line){background-color:#fff!important;border-color:#fff!important;color:var(--ink)!important}
.hero-bg .btn:not(.gold):not(.line):hover{background-image:var(--goldgrad)!important;border-color:#b99240!important;color:#fff!important}
/* oxblood dark sections */
.mailcta,footer,.cta{background-color:var(--red-d)!important;background-image:radial-gradient(ellipse 70% 60% at 20% 0%,rgba(122,42,51,.55),transparent 70%)!important}
@media (prefers-reduced-motion:reduce){body::before,.sand:not(#how),.pack-band,.live,.accept,.pk-note,.pk-empty,.tip.rule,#ok,#buy,.btn.gold,.faq-open{animation:none!important}}

/* ===== Gold version: full metallic gold sections with burgundy text ===== */
:root{--goldsec:linear-gradient(110deg,#b58c3c 0%,#d9bb6c 30%,#c49f50 52%,#e6cd85 72%,#b58c3c 100%)}
#faq:not(:has(.faq-panel:not([hidden]))),.mailcta,.cta{background-color:#c49f50!important;background-image:var(--goldsec)!important;background-size:240% 100%!important;animation:tatGold 14s ease-in-out infinite alternate;color:var(--red-d)!important;border-top:0!important}
#faq:not(:has(.faq-panel:not([hidden]))) h2,.mailcta h2,.cta h2{color:var(--red)!important}
#faq:not(:has(.faq-panel:not([hidden]))) .eyebrow,.mailcta .eyebrow,.cta .eyebrow{color:var(--red-d)!important}
#faq:not(:has(.faq-panel:not([hidden]))) p,#faq:not(:has(.faq-panel:not([hidden]))) .faq-teaser,.mailcta p,.cta p{color:var(--red-d)!important}
#faq:not(:has(.faq-panel:not([hidden]))) .faq-teaser li:before{background:var(--red)!important}
/* burgundy buttons inside gold sections */
#faq .faq-open,.mailcta .btn.gold,.cta .btn.gold{background:var(--red)!important;background-image:none!important;border-color:var(--red)!important;color:#fff!important;text-shadow:none!important;animation:none!important}
#faq .faq-open:hover,.mailcta .btn.gold:hover,.cta .btn.gold:hover{background:var(--red-d)!important;border-color:var(--red-d)!important;filter:none}
/* newsletter on gold */
.mailcta .news{border-top-color:rgba(74,18,25,.3)!important}
.mailcta .news-row input{border-color:rgba(74,18,25,.45)!important;background:rgba(255,255,255,.55)!important;color:var(--red-d)!important}
.mailcta .news-row input::placeholder{color:rgba(74,18,25,.7)!important}
.news .btn,.news .btn:not(.gold):not(.line):not(.ghost){border-color:var(--red)!important;color:var(--red)!important;background:transparent!important}
.news .btn:hover{background:var(--red)!important;color:#fff!important}
.mailcta a:not(.btn){color:var(--red)!important;font-weight:500}
/* gold lettering on the hero */
.hero-bg h1 em{background:linear-gradient(100deg,#e9cf8a,#f7e6b5 40%,#d9b866 70%,#f0d998);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 2px 6px rgba(20,6,8,.55))}
@media (prefers-reduced-motion:reduce){#faq,.mailcta,.cta{animation:none!important}}

/* ===== Shimmer on every button: a soft light sweep ===== */
.btn,.accept button,.faq-chip[aria-pressed="true"],.pk-dest[aria-pressed="true"],.tmodal button,.tsign button,.dl{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.accept button::after,.faq-chip[aria-pressed="true"]::after,.pk-dest[aria-pressed="true"]::after,.tmodal button::after,.tsign button::after,.dl::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(110deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.34) 47%,rgba(255,232,180,.28) 52%,rgba(255,255,255,0) 61%);
 background-size:300% 100%;background-position:120% 0;animation:tatBtn 5.5s ease-in-out infinite}
.hero-bg .btn:not(.gold)::after,.btn.line::after,.btn.ghost::after,.news .btn::after,.dl::after{background-image:linear-gradient(110deg,rgba(193,154,75,0) 38%,rgba(193,154,75,.38) 48%,rgba(228,201,127,.32) 52%,rgba(193,154,75,0) 62%)}
.btn:hover::after,.accept button:hover::after,.dl:hover::after{animation-duration:1.6s}
@keyframes tatBtn{0%{background-position:120% 0}55%,100%{background-position:-20% 0}}
@media (prefers-reduced-motion:reduce){.btn::after,.accept button::after,.faq-chip::after,.pk-dest::after,.tmodal button::after,.tsign button::after,.dl::after{animation:none!important;display:none}}

/* Gold "Start with a single stay" section */
#book{background-color:#c49f50!important;background-image:var(--goldsec)!important;background-size:240% 100%!important;animation:tatGold 15s ease-in-out infinite alternate;border-top:0!important}
#book .sec-head h2{color:var(--red)!important}
#book .sec-head .eyebrow,#book .sec-head p,#book .bk-form label{color:var(--red-d)!important}
#book .bk-form input,#book .bk-form select{border-color:rgba(74,18,25,.35)!important;background-color:rgba(255,255,255,.9)!important}
#book .bk-path{border-color:rgba(74,18,25,.25)!important;box-shadow:0 10px 30px rgba(74,18,25,.12)}
#book .bk-err{color:var(--red-d)!important;font-weight:500}
@media (prefers-reduced-motion:reduce){#book{animation:none!important}}
