/* Forest green and warm orange, with compact surfaces for tour browsing. */
:root{--green:#123f35;--dark:#0b2d27;--ink:#17382f;--muted:#53675c;--orange:#f1a45d;--line:#cbd9cc;--soft:#e7efe4}
body{background:#e7efe4}
.site-header{background:#103b32;color:#fff7e9;box-shadow:0 3px 18px #05261d26;border-bottom:1px solid #ffffff18}
.site-header .brand small{color:#edc798}
.site-header .brand{min-width:0;flex-shrink:1}
.site-header .brand>span{min-width:0}
.header-license{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:6px;font-size:.875rem;line-height:1.4;letter-spacing:0;font-weight:400;color:#edc798}
.header-license strong{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.brand-logo{box-shadow:0 0 0 3px #ffffff20}
.site-header .main-nav{border-color:#ffffff24}
.site-header .nav-item{transition:color .18s}
.site-header .nav-item:hover,.site-header nav a:hover,.package-dropdown[open]>summary,.package-dropdown>summary:hover{color:#ffc385}
.language-switch{background:#ffffff0c;border:1px solid #ffffff26;border-radius:7px;padding-inline:5px}
.language-switch button{color:#d1e1d7}
.language-switch button[aria-pressed=true]{color:#ffd3a1}
.language-switch span{color:#829c8e}
.package-menu{background:#fffaf1;color:#17382f;border-color:#d9dcca;box-shadow:0 14px 40px #001b2640}
.site-header .package-menu a:hover,.site-header .package-menu a[aria-current=true]{color:#103b32;background:#f9dfb7}
.hero{border-bottom:4px solid #e99c52}
.hero-shade{background:linear-gradient(90deg,#072e27ed 0%,#0b392bad 44%,#133c3030 75%,#123f3510)}
.hero h1>em{color:#ffc38b}
.hero-description{color:#edf3e8}
.hero .eyebrow{color:#f4dbb8}
.hero-secondary{color:#fff0da;border-bottom-color:#efb575}
.hero-secondary:hover{color:#ffce99}
.button-orange{background:#ffb76e;color:#14372b;box-shadow:0 4px 15px #0002}
.button-orange:hover{background:#ffca90}
.trust-strip{background:#edb879;border-bottom:1px solid #dba464;color:#2b3f2e}
.trust-inner p{font-weight:500}
.trust-icon{border-color:#8b6e4760;color:#503d25;background:#fff3d630}
.experiences{background:transparent}
.section-heading h2{color:#123f35}
.section-heading h2::after{content:'';display:block;width:42px;height:4px;background:#d77c36;border-radius:2px;margin-top:9px}
.section-intro{color:#476050}
.package-categories{border-color:#b6cab7}
.package-categories a{border-color:#b6cbb8;background:#f5f8ef;border-radius:7px;color:#294c38;box-shadow:0 2px 3px #173b3205}
.package-categories a:hover{background:#d7e7cf;border-color:#7f9b80}
.package-categories a[aria-current=true]{color:#183629;background:#f4b978;border-color:#db9550;box-shadow:0 3px 9px #975b2920;font-weight:700}
.package-panel-title{color:#3e6247}
.tour-card{background:#fff9ef;border:1px solid #c4d4bf;border-radius:10px;overflow:hidden;box-shadow:0 5px 18px #1c422e0c;transition:box-shadow .2s,border-color .2s}
.tour-card:hover{border-color:#8aa789;box-shadow:0 8px 24px #163d2e1c}
.tour-photo{border-radius:0}
.tour-info{padding:17px 18px 18px}
.tour-tag{background:#ffcd91;color:#153c2e;border:1px solid #fff4db90;box-shadow:0 2px 8px #082e2320;border-radius:4px;font-weight:700}
.tour-meta{color:#526b57}
.tour-info h3{color:#123f35}
.tour-desc{color:#4e6254}
.tour-details{border-color:#d7dfcc}
.tour-details summary{color:#23523d}
.tour-bottom{border-bottom:3px solid #edb271;padding-bottom:6px}
.tour-bottom .text-link{color:#8b431a}
.tour-bottom .text-link:hover{color:#55250b}
.multi-day-card .tour-info{background:#fff9ef}
.multi-day-card .eyebrow{color:#8b481f}
.package-card-bottom{border-color:#d8dfcc}
.package-card-bottom .button{border:1px solid #154c37;background:#164c39;color:#fff8e9;border-radius:6px;box-shadow:0 3px 8px #143b3112}
.package-card-bottom .button:hover{background:#266346}
.package-starting-price strong{color:#8c461c}
.more-routes{border-color:#b9cdb9}
.more-routes a{background:#d6e4cc;border-color:#a9c1a4;color:#284d36;border-radius:6px}
.more-routes a:hover{background:#c4dcb6;border-color:#7e9f75}
.package-empty{background:#d8e7cf;border-color:#b5ccad}
.package-empty h3{color:#244b32}
[id^=package-booking-summary] .package-payment{background:#123f35;color:#fff8e9;border:1px solid #285647;border-left:4px solid #f2af69;border-radius:7px}
[id^=package-booking-summary] .package-payment strong{color:#ffcf98}
.transport-section{background:linear-gradient(115deg,#0c322b,#174d3b);color:#f3f6e8;border-color:#164635}
.transport-intro h2{color:#fff1d6}
.transport-intro h2::after{content:'';display:block;width:42px;height:4px;background:#f1aa64;border-radius:2px;margin-top:9px}
.transport-intro>p:not(.eyebrow){color:#d3e3d2}
.transport-intro .light-link{color:#ffce94;border-color:#ad9b6b}
.transport-intro .light-link:hover{color:#fff1d5}
.vehicle-panel{background:#fff0d7;color:#213b2b;border:1px solid #ebc798;border-radius:9px;box-shadow:0 6px 24px #021e2226}
.vehicle-top .eyebrow{color:#5e562f}
.vehicle-index{color:#99602b}
.vehicle-specs>div+div,.vehicle-other{border-color:#d7c8a6}
.vehicle-terms,.vehicle-specs>div>span,.vehicle-price>div>span,.vehicle-price p>span{color:#5d644b}
.vehicle-price strong{color:#854117}
.round-link{background:#ec9c50;color:#243821}
.round-link:hover{background:#f6b571}
.fleet-gallery{padding:16px;background:#ffffff08;border:1px solid #91b19a40;border-radius:10px}
.fleet-heading h3,html[lang=th] .fleet-heading h3{color:#fff2d8}
.fleet-heading>span{color:#f1ce9a;background:#ffffff0a;padding:3px 8px;border-radius:4px;border:1px solid #ffffff14}
.fleet-description,.fleet-caption-row{color:#d2e2d3}
.fleet-main{background:#09271f;border:1px solid #66877266;border-radius:6px}
.fleet-zoom{background:#ffc78a;color:#16392b}
.fleet-thumbnails button[aria-pressed=true]{border-color:#ffc180;background:#ffce8c19}
.fleet-thumbnails button:hover{border-color:#adc89f}
.gallery-wrap{background:#e8d7b8;border-bottom:1px solid #d3bf98}
.gallery-section{background:transparent}
.gallery-grid figure{border-radius:8px;overflow:hidden;background:#244c3b;box-shadow:0 5px 14px #46381e17;border:1px solid #bca87f}
.gallery-grid img{border-radius:0}
.gallery-grid figcaption{margin:0;padding:10px 12px;color:#fff6df}
.gallery-grid figcaption>span{color:#cdddbe}
.contact-section{background:linear-gradient(110deg,#edb16c,#f6ce94);border-color:#d5a265}
.contact-copy h2{color:#163c2e}
.contact-copy>p[data-i18n=contactDescription],.travel-needs p{color:#41472d}
.travel-needs{border-color:#936d3b55}
.travel-needs summary{color:#254832}
.contact-card{background:#fff1d9;border-color:#d3b077;border-radius:8px;color:#223e2d;box-shadow:0 3px 10px #8559220c}
.contact-card:hover{border-color:#866334;box-shadow:0 5px 13px #8559221a}
.contact-card>div>span{color:#5a6046}
.contact-symbol{border-color:#9b9c70;background:#e8d7b238}
.whatsapp-card{background:#154535;border-color:#154535;color:#fff7e6}
.whatsapp-card>div>span{color:#dbe8cf}
.whatsapp-card .contact-symbol{border-color:#a4b789;background:#d7e1a712}
.footer-wrap{background:#092c26;color:#e3ecda}
.footer-top .brand small{color:#d6b780}
.footer-top>p{color:#c5d5bb}
.footer-license{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:12px;padding-left:12px;border-left:3px solid #efa252;font-size:.875rem;line-height:1.6;color:#e3ecda}
.footer-license strong{color:#ffcc91;font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.footer-bottom{border-color:#6e93714d;color:#b8ccb3}
.footer-bottom a:hover,.back-top:hover{color:#ffcc91}
.photo-credits a{color:#dcdeb7}
.package-dialog{background:#fffaf2}
.package-dialog-close{color:#173c2c;background:#fff2d9;border-color:#d6c49e}
.package-detail-image{border-bottom:4px solid #eda761}
.package-detail-body>h2{color:#123f35}
.package-rates thead{background:#194d39}
.package-rates tbody tr:nth-child(even){background:#edf2e5}
.package-inclusions{background:#e9efde}
.package-detail-body .package-payment{background:#f6dfb8;border-left-color:#b46725}
.day-number{background:#f2d9b3;color:#64451c}
.package-inquire{background:#174b38;color:#fff5e2}
.package-inquire:hover{background:#276243}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c06424;outline-offset:4px}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible,.fleet-gallery button:focus-visible,.footer-wrap a:focus-visible{outline-color:#ffd29b}
.package-menu a:focus-visible{outline-color:#9d4e1b}
@media(max-width:800px){.fleet-gallery{padding:12px}.gallery-grid figcaption{padding:9px 10px}}
@media(max-width:580px){.tour-info{padding:14px}.fleet-gallery{padding:12px}.gallery-grid figcaption{padding:9px 8px}.trust-inner{gap:8px 16px}.section-heading h2::after,.transport-intro h2::after{margin-top:7px;height:3px}}