/* One brand across the homepage, legacy destinations, hotels and platform. */
:root{--coco-header-navy:#002558;--coco-navy:#093577;--coco-red:#e50923;--coco-white:#fff;--coco-muted:#60718a;--coco-line:#dce5f2}
[data-coco-old-header]{display:none!important}
header.coco-shared-header{position:sticky!important;top:0!important;z-index:900!important;background:var(--coco-header-navy)!important;border:0!important;border-bottom:1px solid #ffffff20!important;padding:0!important;height:auto!important;box-shadow:none!important;font-family:Rubik,Arial,sans-serif!important}
header.coco-shared-header:before,header.coco-shared-header:after{display:none!important}
.coco-shared-header .coco-shared-inner{max-width:1200px!important;margin:auto!important;width:calc(100% - 40px)!important;display:flex!important;align-items:center!important;gap:24px!important;min-height:90px!important;padding:0!important;position:relative}
.coco-shared-header a{text-decoration:none!important;font-family:Rubik,Arial,sans-serif!important}
.coco-shared-header .coco-shared-logo{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0;color:white!important;padding:0!important}
.coco-shared-header .coco-shared-logo img{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:contain!important;transform:none!important;filter:none!important;display:block!important}
.coco-shared-header .coco-shared-logo span{display:flex;flex-direction:column;line-height:1.25}.coco-shared-header .coco-shared-logo b{font-size:18px;color:white!important}.coco-shared-header .coco-shared-logo small{font-size:10px;color:#dce8fa!important;letter-spacing:0}
.coco-shared-nav{display:flex!important;align-items:center;justify-content:center;gap:18px!important;flex:1;padding:0!important;background:transparent!important;position:static!important}
.coco-shared-nav a{color:white!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;padding:12px 0!important}.coco-shared-nav a:hover{text-decoration:underline!important;text-underline-offset:6px}
.coco-shared-actions{display:flex;gap:10px;align-items:center;margin-inline-start:auto;flex-shrink:0}.coco-shared-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;white-space:nowrap}
.coco-shared-register{background:#e50923!important;color:white!important;border:1px solid #e50923!important}.coco-shared-account{background:white!important;color:#093577!important;border:1px solid white!important}.coco-shared-menu{display:none}.coco-shared-header :focus-visible{outline:3px solid #fff;outline-offset:3px}
.coco-legacy-page{--primary:#093577!important;--accent:#d61934!important;--gold:#dce8fa!important;--header-bg:#093577!important;--dark:#06214c!important;--text:#26374c!important;--cream:#f3f6fb!important;background:white!important;color:#26374c!important;font-family:Rubik,Arial,sans-serif!important}
.coco-legacy-page h1,.coco-legacy-page h2,.coco-legacy-page h3,.coco-legacy-page h4{font-family:Rubik,Arial,sans-serif!important;letter-spacing:-.03em}
.coco-legacy-page :is(.section-title,.gallery h2,.dining h2,.facilities h2,.about h2){color:#102d58!important}
.coco-legacy-page :is(.hero h1,.hotel-hero h1,.hotel-cta h2,.cta-banner h2){color:white!important}
.coco-legacy-page :is(.hero h1 span,.hero-tag i,.hotel-stars,.hotel-badge){color:#dce8fa!important}
.coco-legacy-page :is(.hotel-cta,.highlight-box,.why-section){background:#093577!important;color:white!important}
.coco-legacy-page :is(.highlight-box h4,.highlight-item i,.fac-icon,.fact-icon){color:#dce8fa!important}
.coco-legacy-page :is(.fac-icon,.fact-icon){background:#093577!important}
.coco-legacy-page :is(.gallery,.dining,.tips,.weather-section){background:#f5f7fb!important}
.coco-legacy-page :is(.dining-tag,.section-tag,.hotel-tag){background:#edf3fb!important;color:#093577!important;border-color:#dce5f2!important}
.coco-legacy-page :is(.btn-reserve,.cta-btn-gold,.tbtn-gold,.btn-gold,.btn-cta,.hotel-book-btn){background:#e50923!important;color:white!important;border-color:#e50923!important;border-radius:9px!important;min-height:44px!important;box-shadow:none!important}
.coco-legacy-page :is(.hotel-card,.fac-card,.dining-card,.beach-card,.attraction-card){border:1px solid #dce5f2!important;border-radius:16px!important;box-shadow:0 5px 24px #09357709!important}
.coco-legacy-page :is(footer,.hotel-footer){background:#06214c!important;color:#dce8fa!important}.coco-legacy-page :is(footer p,.hotel-footer p){color:#c6d6ec!important}
.coco-legacy-page :is(.subnav,.page-nav,.sticky-nav){background:white!important;border-color:#dce5f2!important;color:#093577!important}.coco-legacy-page :is(.subnav,.page-nav,.sticky-nav) a{color:#093577!important}
.coco-legacy-page .gold-line{background:#e50923!important}
@media(max-width:1150px){.coco-shared-header .coco-shared-nav{display:none!important}.coco-shared-menu{display:block;position:relative}.coco-shared-menu summary{list-style:none;cursor:pointer;color:white;font-size:23px;width:44px;min-height:44px;display:grid;place-items:center}.coco-shared-menu summary::-webkit-details-marker{display:none}.coco-shared-menu nav{position:absolute;top:56px;left:0;width:min(300px,85vw);padding:16px;display:grid;gap:4px;background:var(--coco-header-navy);border:1px solid #5476a3;border-radius:12px;box-shadow:0 12px 35px #082a6040}.coco-shared-menu nav a{color:white!important;display:block;padding:12px;font-size:14px}}
@media(max-width:600px){.coco-shared-header .coco-shared-inner{width:calc(100% - 24px)!important;gap:8px!important;min-height:76px!important}.coco-shared-header .coco-shared-logo img{width:46px!important;height:46px!important}.coco-shared-header .coco-shared-logo span{display:none}.coco-shared-actions{gap:6px}.coco-shared-actions a{font-size:12px!important;padding:9px 10px!important}.coco-legacy-page .hero h1{font-size:clamp(30px,8vw,44px)!important}}
/* Only accessibility and CocoThai AI remain as floating controls. */
.quote-fab,.float-quote,.wa-float,.cl-fab-quote,.cl-fab-wa,.whatsapp-float,.floating-whatsapp{display:none!important}
.cl-fab-access,.accessibility-btn{background:linear-gradient(145deg,#174f9d 0%,#093577 64%,#062554 100%)!important;color:#f7df9a!important;border:2px solid #d9ba76!important;box-shadow:0 8px 24px #09357757,inset 0 0 0 2px #ffffff14!important}
/* CocoBot: Thai flag proportions (1:1:2:1:1), with a quiet woven fabric finish.
   Texture is painted behind content, so it never intercepts typing or dragging. */
.cb{--ink:#06214c!important;--surface:#093577!important;--raised:#174880!important;--text:#fff!important;--dim:#d1deef!important;--faint:#c3d5ed!important;--accent:#c8102e!important;--accent-soft:#ffffff15!important}
.cb.cb-panel{
  background-color:#093577;
  background-image:
    repeating-linear-gradient(0deg,#fff0 0 2px,#ffffff09 2px 3px),
    repeating-linear-gradient(90deg,#06162c00 0 2px,#06162c0c 2px 3px),
    linear-gradient(112deg,#00102724 0%,#ffffff1c 18%,#00102714 36%,#ffffff17 55%,#00102724 76%,#ffffff12 100%),
    linear-gradient(180deg,#c8102e 0% 16.667%,#f5f4f1 16.667% 33.333%,#093577 33.333% 66.667%,#f5f4f1 66.667% 83.333%,#c8102e 83.333% 100%);
  border:1px solid #ffffff50;box-shadow:0 24px 80px #06214c55,0 3px 12px #06214c26;
}
.cb-orb{background:linear-gradient(180deg,#c8102e 0% 16.667%,#fff 16.667% 33.333%,#093577 33.333% 66.667%,#fff 66.667% 83.333%,#c8102e 83.333% 100%)!important;box-shadow:0 6px 22px #09357730!important;border:1px solid #ffffff90!important}
.cb-orb .cb-spark{fill:white!important}
.cb-panel .cb-top{background:#65051630;border-bottom-color:#ffffff45;gap:8px;min-height:78px}
.cb-panel .cb-id b{color:#fff;font-size:1rem}.cb-panel .cb-id span{color:#fff}
.cb-panel .cb-mark{background:#ffffffed;border-color:#ffffffa0;width:36px;height:36px}
.cb-panel .cb-mark svg{fill:#c8102e}
.cb-panel .cb-act{width:44px;height:44px;color:#fff;background:#ffffff0d}
.cb-panel .cb-act:hover{background:#ffffff28;color:#fff}
.cb-panel .cb-scroll{min-height:0;padding:24px 18px 18px;scrollbar-color:#8098b8 transparent}
.cb-panel .cb-scroll::-webkit-scrollbar-thumb{background-color:#8098b8}
.cb-panel .cb-turn.cb-bot{gap:8px}
.cb-panel .cb-turn.cb-bot .cb-said{
  background:#fffffffa;color:#102d58;padding:16px 18px;border:1px solid #ffffffc9;
  border-radius:16px 4px 16px 16px;box-shadow:0 6px 22px #06214c14;
}
.cb-panel .cb-badge{background:#fff;border-color:#dce5f2;width:28px;height:28px;margin-top:3px}
.cb-panel .cb-badge svg{fill:#c8102e}
.cb-panel .cb-notice{background:#eff3f9;border-color:#dce5f2;color:#405575;font-size:.8rem;line-height:1.75;padding:12px;margin:14px 0}
.cb-panel .cb-said :is(b,strong){color:inherit}
.cb-panel .cb-said a{color:#093577;border-color:#09357780;text-decoration:underline;text-underline-offset:3px}
.cb-panel .cb-turn.cb-you .cb-said{background:#093577;color:#fff;border-color:#ffffff60;box-shadow:0 4px 16px #06214c24}
.cb-panel .cb-turn.cb-you .cb-said a{color:#fff;border-color:#fff}
.cb-panel .cb-sug{gap:8px;padding:12px 18px 14px}
.cb-panel .cb-pill{background:#fffffff5;color:#093577;border-color:#dce5f2;min-height:44px;max-width:100%;white-space:normal;text-align:right;line-height:1.4;border-radius:12px;box-shadow:0 2px 8px #06214c0d}
.cb-panel .cb-pill:hover{background:#eaf0fa;color:#093577;border-color:#093577}
.cb-panel .cb-bottom{background:#65051630;border-top-color:#ffffff45;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.cb-panel .cb-field{background:#fff;border-color:#dce5f2;box-shadow:0 2px 10px #06214c14;align-items:center}
.cb-panel .cb-field:focus-within{background:#fff;border-color:#093577;box-shadow:0 0 0 3px #ffffff65}
.cb-panel .cb-input{color:#102d58;font-size:16px}
.cb-panel .cb-input::placeholder{color:#586b86;opacity:1}
.cb-panel .cb-go{background:#093577;color:#fff;width:44px;height:44px}
.cb-panel .cb-go:disabled{opacity:1;background:#e6ecf4;color:#687d99}
.cb-panel .cb-legal{color:#fff;font-size:12px;text-shadow:0 1px 3px #06214c50}
.cb-panel .cb-think{background:#ffffffed;border-radius:12px;padding:10px;width:fit-content}
.cb-panel .cb-shimmer{background-image:linear-gradient(90deg,#dce5f2 25%,#8098b8 50%,#dce5f2 75%)}
.cb-panel .cb-got{background:#fff;color:#093577;border-color:#dce5f2}
.cb-panel :is(button,a):focus-visible{outline:3px solid #093577;outline-offset:3px;box-shadow:0 0 0 5px #fff}
.cb-panel .cb-top button:focus-visible{outline-color:#fff;box-shadow:0 0 0 5px #093577}
@media(max-width:768px){
  .cb.cb-panel,.cb.cb-panel.cb-big{width:100%;max-width:100%;height:90vh;height:90dvh}
  .cb-panel .cb-scroll,.cb-panel.cb-big .cb-scroll{padding:18px 12px 14px}
  .cb-panel .cb-turn.cb-bot .cb-said{padding:14px;font-size:.95rem}
  .cb-panel .cb-sug{padding:10px 14px 12px}
}
.coco-legacy-page :is(.hotel-hero-placeholder,.gal-placeholder,.gallery-more-item){background:linear-gradient(135deg,#093577,#06214c)!important}.coco-legacy-page .gallery-item:not(:has(img)){background:#093577!important}
/* Retire the old duplicate AI launcher; the shared CocoBot launcher remains active. */
.coco-legacy-page button[onclick*="_safeToggleAI"]{display:none!important}
.coco-legacy-page img[src="/cocothai-logo.png"]{filter:none!important;mix-blend-mode:normal!important;object-fit:contain!important}

.coco-currency-select{font:inherit;font-size:13px;font-weight:600;color:white;background:#0b3474;border:1px solid #ffffff60;border-radius:8px;padding:10px 6px;min-height:44px;cursor:pointer;direction:ltr}.coco-currency-select:focus-visible{outline:3px solid white;outline-offset:2px}

/* Space for language and currency controls on narrow screens. */
.coco-account-controls{display:flex;align-items:center;gap:8px;min-width:0;font-family:Rubik,Arial,sans-serif}
.coco-account-controls *{box-sizing:border-box}
.coco-account-menu{position:relative;min-width:0}
header .coco-account-trigger{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px!important;border:1px solid white!important;border-radius:8px!important;background:#fff!important;color:#093577!important;font:600 13px/1.5 Rubik,Arial,sans-serif;text-decoration:none!important;cursor:pointer;list-style:none;white-space:nowrap}
.coco-account-trigger::-webkit-details-marker{display:none}.coco-account-trigger::marker{content:''}
header .coco-account-trigger:hover,header .coco-account-menu[open]>.coco-account-trigger{background:#edf3fb!important}
.coco-account-trigger>svg{flex-shrink:0}.coco-account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}.coco-account-chevron{transition:transform .15s}.coco-account-menu[open] .coco-account-chevron{transform:rotate(180deg)}
header .coco-account-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:248px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px);overflow-y:auto;padding:10px!important;z-index:1000;background:#fff!important;border:1px solid #dce5f2;border-radius:16px;box-shadow:0 16px 48px #06214c26;color:#102d58;text-align:start;white-space:normal}
header .coco-account-panel nav{display:flex!important;flex-direction:column;gap:2px;position:static!important;background:transparent!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important}
header .coco-account-heading{font:400 12px/1.6 Rubik,Arial,sans-serif!important;color:#60718a!important;margin:0 8px 7px!important;padding:4px 0 8px!important;border-bottom:1px solid #edf1f7}
header .coco-account-panel .coco-account-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%;min-height:44px;padding:10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#093577!important;text-align:start!important;text-decoration:none!important;white-space:normal!important;font:500 14px/1.5 Rubik,Arial,sans-serif!important;cursor:pointer;box-sizing:border-box}
.coco-account-item>svg{flex-shrink:0}header .coco-account-panel .coco-account-item:hover{background:#edf3fb!important}
header .coco-account-panel .coco-account-logout{border-top:1px solid #edf1f7!important;border-radius:0 0 8px 8px!important;margin-top:6px;padding-top:12px!important;color:#b80922!important}
header .coco-account-logout:disabled{opacity:.6;cursor:wait}header .coco-account-error{font:400 12px/1.6 Rubik,Arial,sans-serif!important;color:#b80922!important;margin:8px!important}
header .coco-account-controls :focus-visible{outline:3px solid #e50923!important;outline-offset:2px}
@media(max-width:600px){header .coco-account-trigger{font-size:12px;gap:6px;padding:8px 10px!important}.coco-account-name{max-width:110px}.coco-account-controls{gap:5px}}
@media(prefers-reduced-motion:reduce){.coco-account-chevron{transition:none}}
@media(max-width:1400px){.coco-shared-header .coco-shared-nav{display:none!important}.coco-shared-menu{display:block;position:relative}.coco-shared-menu summary{list-style:none;cursor:pointer;color:white;font-size:23px;min-width:44px;min-height:44px;display:grid;place-items:center}.coco-shared-menu nav{position:absolute;top:56px;inset-inline-end:0;width:min(300px,85vw);padding:16px;display:grid;gap:4px;background:var(--coco-header-navy);border:1px solid #5476a3;border-radius:12px;z-index:50}.coco-shared-menu nav a{color:white!important;display:block;padding:12px;font-size:14px}}
@media(max-width:600px){.coco-shared-actions{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 135px);gap:5px}.coco-shared-actions a{min-height:36px;padding:7px 8px!important}.coco-shared-inner{padding-block:8px!important}.header-cta{flex-wrap:wrap;max-width:240px;justify-content:flex-end}}

/* Holiday countdown: shared by the account and both site headers. */
.coco-countdown{display:flex;flex-direction:column;gap:12px;padding:18px 20px;margin:16px 0 20px;border:1px solid #c9ad69;border-radius:16px;background:linear-gradient(120deg,#0b2c62,#103d7e);color:#fff!important;text-decoration:none!important;max-width:420px;box-sizing:border-box}
.coco-countdown-caption{font-size:15px;font-weight:600;line-height:1.5;color:#f2dfaf}
.coco-countdown-digits{display:flex;gap:12px;justify-content:space-between;direction:rtl}
html[lang=en] .coco-countdown-digits{direction:ltr}
.coco-countdown-unit{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:40px}
.coco-countdown-unit b{font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;direction:ltr}
.coco-countdown-unit small{font-size:11px;color:#dce7f7}
header .coco-countdown--compact{margin:0;padding:7px 10px;gap:4px;border-radius:10px;min-width:170px;max-width:220px;flex-shrink:0}
header .coco-countdown--compact .coco-countdown-caption{font-size:10px;line-height:1.3}
header .coco-countdown--compact .coco-countdown-digits{gap:8px}
header .coco-countdown--compact .coco-countdown-unit{min-width:25px;gap:1px}
header .coco-countdown--compact b{font-size:17px}
header .coco-countdown--compact small{font-size:9px}
.coco-countdown:focus-visible{outline:3px solid #c9ad69;outline-offset:3px}
@media(max-width:700px){header .coco-account-controls{flex-wrap:wrap;justify-content:flex-end}header .coco-countdown--compact{order:2;flex-basis:100%;min-width:150px;max-width:180px}.coco-countdown{padding:14px;max-width:100%}.coco-countdown-unit b{font-size:26px}}

/* Route shortcut within the compact holiday countdown, in both header implementations. */
header .coco-countdown-route{display:flex;align-items:center;justify-content:center;gap:10px;min-height:30px;padding:4px 8px;margin-top:4px;border:1px solid #ffffff45;border-radius:7px;background:#123e82;color:#fff;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
header .coco-countdown--compact:hover .coco-countdown-route{background:#1d519e;border-color:#d9bb78}

header .coco-club-navmark,header .nav-coco-plus{display:inline-flex;align-items:center;gap:6px}
header .coco-club-wordmark{display:inline-flex!important;flex-direction:row!important;direction:ltr!important;unicode-bidi:isolate;align-items:center;gap:0}
header .coco-club-crown,header .nav-coco-plus .fa-crown{color:#d9b65f!important;flex-shrink:0}

/* The route action uses the existing caption row, keeping the header height unchanged. */
header .coco-countdown--compact .coco-countdown-caption{display:none}
header .coco-countdown--compact .coco-countdown-route{order:-1;min-height:0;padding:0;margin:0;border:0;background:none;font-size:10px;line-height:1.3;justify-content:space-between}
header .coco-countdown--compact:hover .coco-countdown-route{background:none;color:#f2dfaf}