/* Whole-site fixes from the owner's design review. Linked last in the page head (modules/Layout/app.blade.php). */
/* == DC68 == WhatsApp button on phones: low in the right corner, clear of left-aligned text; the footer already keeps 88px free. */
@media (max-width: 991px) {
  .WAButton.floating-wpp { bottom: 16px !important; left: auto !important; right: 16px !important; }
  .WAButton.floating-wpp .floating-wpp-popup { left: auto !important; right: 0 !important; }
}
/* == /DC68 == */
/* == DC69 == Deeper orange on buttons only: white text now 4.6:1. Hover 6.1:1. Other orange accents unchanged. */
.bravo_wrap .bravo_footer .mailchimp .btn-submit { background: #C4521B !important; }
.bravo_wrap .bravo_footer .mailchimp .btn-submit:hover { background: #A64415 !important; }
.bravo_wrap .btn.btn-primary.btn-search { background: #C4521B !important; border-color: #C4521B !important; }
.bravo_wrap .btn.btn-primary.btn-search:hover { background: #A64415 !important; border-color: #A64415 !important; }
.page-template-content:has(.cg-home-v2) .bravo-form-search-tour .g-button-submit button.btn-search { background: #C4521B !important; border-color: #C4521B !important; }
.page-template-content:has(.cg-home-v2) .bravo-form-search-tour .g-button-submit button.btn-search:hover { background: #A64415 !important; border-color: #A64415 !important; }
.bravo_wrap .bravo_detail_tour.cg-trip.cg-theme-petrol[class] .bravo_single_book.cg-book.cg-book--band .submit-group .btn { background: #C4521B !important; box-shadow: 0 6px 16px rgba(196,82,27,.28) !important; }
.bravo_wrap .bravo_detail_tour.cg-trip.cg-theme-petrol[class] .bravo_single_book.cg-book.cg-book--band .submit-group .btn:hover { background: #A64415 !important; }
.bravo_wrap .bravo_detail_tour.cg-trip.cg-theme-petrol[class] .cg-trip__go { background: #C4521B; }
.bravo_wrap .bravo_detail_tour.cg-trip.cg-theme-petrol[class] .cg-trip__go:hover { background: #A64415; }
.bravo_wrap .cg-trip.cg-theme-petrol .right > .btn.btn-primary.bravo-button-book-mobile { background: #C4521B !important; border-color: #C4521B !important; }
.bravo_wrap .cg-trip.cg-theme-petrol .right > .btn.btn-primary.bravo-button-book-mobile:hover { background: #A64415 !important; border-color: #A64415 !important; }
/* == /DC69 == */
/* == DC70 == Other-language layout. */
.bravo-menu .cg-nolabel > a, .bravo-menu-mobile .cg-nolabel > a { display: none !important; }
@media (min-width: 1200px) {
  html:not([lang="en"]) .cg-trip .cg-facts--glance { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html:not([lang="en"]) .cg-trip .cg-facts--glance > div:nth-child(3n+1)::before { display: none; }
  html:not([lang="en"]) .cg-trip .cg-facts--glance > div:nth-child(n+4) { border-top: 1px solid #D3E6EC; }
}
@media (max-width: 767px) {
  html:is([lang="ja"], [lang="zh"]) .bravo_wrap .cg-trip .cg-trip__title h1 { font-size: 24px !important; line-height: 1.3 !important; word-break: auto-phrase; }
  html[lang="ko"] .bravo_wrap .cg-trip .cg-trip__title h1 { word-break: keep-all; }
}
/* == /DC70 == */
/* == DC71 == One breadcrumb pattern at the top of every page. */
.cg-crumbs { display: flex; flex-wrap: wrap; gap: 6px; margin: 24px 0 0; font-size: 14px; line-height: 1.4; color: #55666E; }
.cg-crumbs a { color: #55666E; text-decoration: underline; text-underline-offset: .2em; }
.cg-crumbs a:hover { color: #0B566E; }
.cg-crumbs span:last-child { color: #14232B; }
.cg-crumbs + .cgp-head { padding-top: 16px; }
.cg-crumbs + .cga-hero { padding-top: 20px; }
.cg-crumbs + .cgl-head { padding-top: 16px; }
.bravo_wrap .cg-trip .blog-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; background: none; }
.bravo_wrap .cg-trip .blog-breadcrumb li { display: inline-flex; gap: 6px; padding: 0 !important; color: #14232B; }
.bravo_wrap .cg-trip .blog-breadcrumb li::after { display: none !important; }
.bravo_wrap .cg-trip .blog-breadcrumb li + li::before { content: "/"; color: #55666E; }
.bravo_wrap .cg-trip .blog-breadcrumb li a { display: inline; color: #55666E; font-weight: 400; line-height: inherit; text-decoration: underline; text-underline-offset: .2em; }
.bravo_wrap .cg-trip .blog-breadcrumb li a:hover { color: #0B566E; }
/* Login and sign-up pages use the main button colour. */
.bravo_wrap .bravo-form-login .form-submit, .bravo_wrap .bravo-form-register .form-submit { background: #C4521B !important; border-color: #C4521B !important; color: #fff !important; }
.bravo_wrap .bravo-form-login .form-submit:hover, .bravo_wrap .bravo-form-register .form-submit:hover { background: #A64415 !important; border-color: #A64415 !important; }
/* == /DC71 == */
/* == DC72 == Clean-up. */
:where(img[data-cg-dim]) { height: auto; }
.bravo_wrap .bravo_footer .mailchimp .media-body p { color: #B8C7CD; }
.bravo-reviews .review-item .date, .review-list .review-item .date, .media-body > .date { color: #55666E; }
.page-item.disabled .page-link { color: #66757D; }
/* == /DC72 == */
/* == DC74 == About Us in CJK: headings break between words, not inside them; credentials sit under the record. */
html:is([lang="ja"], [lang="zh"]) .cga :is(h1, h2, h3, h4) { word-break: auto-phrase; }
html[lang="ko"] .cga :is(h1, h2, h3, h4) { word-break: keep-all; }
.cga-creds { margin-top: 12px; }
/* == /DC74 == */

/* == DC81 == departure end date on phones: arrow instead of English "to" outside English */
html:not([lang|="en"]) .cg-trip #departure #table-departure .responsive-table tbody td:nth-child(2)::before { content: "\2192" !important; }

/* == DC88 typography safety net (English pages): one font, size, line height and colour for body text in every content area ==
   Areas: trip overview + highlights (.g-overview), day plans, included/excluded (.cg-inc), FAQ answers, CMS pages (.cgp-prose),
   blog posts (.cgb-prose). Pasted Word font-family / font-size / line-height / colour are ignored. Headings, icons, the trip lead
   paragraph (.cg-lede), facility chips, and the K2 hub's own designed parts (cgh-*, trek cards) keep their styles. */
html[lang]{--cg-body-size:16px;--cg-body-lh:1.6;--cg-body-ink:#34465D;--cg-label-ink:#173A5E;--cg-link:#0E6B88}

/* body text */
html[lang] :is(.cg-trip .g-overview, .cg-trip .g-itinerary .card__content, .cg-trip .cg-inc, .cg-trip .g-faq, .cgp-prose, .cgb-prose)
  :is(p, li, td, dd, blockquote):not(.cg-lede):not([class*="term-"]):not([class*="cgh-"]):not([class*="cgh-"] *):not(.cg-k2-treks *){
  font-family:"DM Sans","DM Sans Fallback",system-ui,sans-serif!important;
  font-size:var(--cg-body-size)!important;
  line-height:var(--cg-body-lh)!important;
  color:var(--cg-body-ink)!important;
}

/* pasted Word styling inside the text: take the surrounding text's font, size, line height and colour */
html[lang] :is(.cg-trip .g-overview, .cg-trip .g-itinerary .card__content, .cg-trip .cg-inc, .cg-trip .g-faq, .cgp-prose, .cgb-prose)
  :is([style*="font"], [style*="color"], [style*="line-height"], [class*="Mso"], font)
  :not(p, li, td, dd, blockquote, a, h1, h2, h3, h4, h5, h6, i, svg, [class*="icon"], [class*="fa-"], .cg-lede, [class*="cgh-"], [class*="cgh-"] *, .cg-k2-treks, .cg-k2-treks *){
  font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;
}
/* highlights were held at 15px by an older trip rule */
html[lang] .cg-trip #highlight .description li{font-size:var(--cg-body-size)!important;line-height:var(--cg-body-lh)!important}
/* headings pasted from Word on trip pages (e.g. 18pt Times New Roman): site font, designed heading size */
html[lang] .cg-trip :is(.g-overview, .g-itinerary .card__content, .cg-inc, .g-faq) :is(h1,h2,h3,h4,h5,h6)[style*="font"]{font-family:"DM Sans","DM Sans Fallback",system-ui,sans-serif!important}
html[lang] .cg-trip :is(.g-overview, .g-itinerary .card__content, .cg-inc, .g-faq) :is(h1,h2,h3)[style*="font-size"]{font-size:20px!important;line-height:1.3!important}
html[lang] .cg-trip :is(.g-overview, .g-itinerary .card__content, .cg-inc, .g-faq) :is(h4,h5,h6)[style*="font-size"]{font-size:17px!important;line-height:1.35!important}
html[lang] .cg-trip :is(.g-overview, .g-itinerary .card__content, .cg-inc, .g-faq) :is(h1,h2,h3,h4,h5,h6) [style*="font"]{font-family:inherit!important;font-size:inherit!important}
/* the FAQ answer box itself had 14px and an inline line height */
html[lang] .cg-trip .g-faq .body{font-size:var(--cg-body-size)!important;line-height:var(--cg-body-lh)!important;color:var(--cg-body-ink)}

/* links keep the link colour, even where a colour was pasted on them */
html[lang] :is(.cg-trip .g-overview, .cg-trip .g-itinerary .card__content, .cg-trip .cg-inc, .cg-trip .g-faq, .cgp-prose, .cgb-prose)
  a[style*="color"]:not(.cg-k2-treks *):not([class*="cgh-"]):not([class*="cgh-"] *){color:var(--cg-link)!important}

/* bold: one weight and colour (labels such as Walking, Accommodation, Meals, Overnight, Location, Altitude, as in DC86) */
html[lang] :is(.cg-trip .g-overview, .cg-trip .g-itinerary .card__content, .cg-trip .cg-inc, .cg-trip .g-faq, .cgp-prose, .cgb-prose)
  :is(strong, b):not(a *):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *):not(.cg-k2-treks *):not([class*="cgh-"] *):not([class*="cgh-"]){
  font-weight:700!important;color:var(--cg-label-ink)!important;
}
/* DC88b (coordinator's check, 10 Nov): remaining small body text on trip pages */
html[lang] .cg-trip #highlight .description :is(p, p strong, p b, p span){font-size:var(--cg-body-size)!important;line-height:var(--cg-body-lh)!important}
html[lang] .cg-trip ol.cg-how__steps :is(p, li){font-size:var(--cg-body-size)!important;line-height:var(--cg-body-lh)!important}
html[lang] body #bravo-reviews.bravo-reviews .review-item .detail, html[lang] body #bravo-reviews.bravo-reviews .review-item .detail :is(p, span){font-size:var(--cg-body-size)!important;line-height:var(--cg-body-lh)!important}
/* private-group pricing note under the price table: a caption, so 14px (was 10-13px) */
html[lang] .bravo_wrap .cg-trip #overview #cg-overview-body .my-2, html[lang] .bravo_wrap .cg-trip #overview #cg-overview-body .my-2 :is(small, span, em, i, b, strong){font-size:14px!important;line-height:1.5!important}
/* == /DC88 == */
/* == DC90 other languages: line height for Japanese, Chinese, Korean and Thai body text (DC86/DC87/DC88 now apply to every language) == */
html:is([lang="ja"],[lang="zh"],[lang="ko"],[lang="th"]){--cg-body-lh:1.8}
html:is([lang="ja"],[lang="zh"],[lang="ko"],[lang="th"]) body .cg-trip .g-itinerary .page .card__content :is(p, li){line-height:1.8}
/* == /DC90 == */

/* seo-201 (content/SEO session, 10 Nov 2026): footer trust line (English pages). Undo: php ~/staging-work/seo-201/apply201.php off */
.bravo_wrap .bravo_footer .cg-f-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 8px 0 0; padding: 18px 0 4px; border-top: 1px solid rgba(255,255,255,.12); font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.70); }
.bravo_wrap .bravo_footer .cg-f-trust .cg-f-sep { color: rgba(255,255,255,.35); }
.bravo_wrap .bravo_footer .cg-f-trust abbr { text-decoration: none; border: 0; cursor: help; }
.bravo_wrap .bravo_footer .cg-f-trust a { color: rgba(255,255,255,.85) !important; text-decoration: underline; text-underline-offset: 3px; }
.bravo_wrap .bravo_footer .cg-f-trust a:hover { color: #fff !important; }
.bravo_wrap .bravo_footer .cg-f-trust .cg-f-star { color: #f5a623; text-decoration: none; display: inline-block; }
@media (max-width: 640px) { .bravo_wrap .bravo_footer .cg-f-trust { flex-direction: column; align-items: flex-start; gap: 4px; } .bravo_wrap .bravo_footer .cg-f-trust .cg-f-sep { display: none; } }