/* GoPatooh homepage refinements: journal-style white cards and a two-column FAQ.
   Loaded last on the homepage only. No third-party maps or platform branding. */
:root { --gopato-white:#fff; --gopato-ink:#0B513A; --gopato-orange:#EE6A04; }

/* Keep the journal's soft white-card treatment consistent across homepage components. */
.gopato-browse-section .gopato-browse-path,
.gopato-browse-section .gopato-browse-tile,
.gopato-browse-section .gopato-browse-style,
.featured-packages-section .journey-card,
.safari-experiences-section .safari-experience-card,
.nairobi-excursions-section .nairobi-excursion-card,
.cross-border-section .cross-border-feature,
.destination-showcase-section .destination-showcase-card,
.accommodation-section .accommodation-card,
.traveler-reviews-section .traveler-review-card,
.homepage-faq-section .homepage-faq-item {
  background:var(--gopato-white);
  border:1px solid #E7E6E2;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(17,49,35,.06);
  overflow:hidden;
  min-width:0;
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
.gopato-browse-section .gopato-browse-path:hover,
.gopato-browse-section .gopato-browse-tile:hover,
.gopato-browse-section .gopato-browse-style:hover,
.featured-packages-section .journey-card:hover,
.safari-experiences-section .safari-experience-card:hover,
.nairobi-excursions-section .nairobi-excursion-card:hover,
.cross-border-section .cross-border-feature:hover,
.destination-showcase-section .destination-showcase-card:hover,
.accommodation-section .accommodation-card:hover,
.traveler-reviews-section .traveler-review-card:hover {
  border-color:rgba(238,106,4,.35);
  box-shadow:0 17px 34px rgba(17,49,35,.10);
}
/* Keep inner card body surfaces white instead of an inherited beige. */
.featured-packages-section .card-body,
.safari-experiences-section .safari-experience-content,
.nairobi-excursions-section .nairobi-excursion-body,
.cross-border-section .cross-border-feature-copy,
.destination-showcase-section .destination-showcase-copy,
.accommodation-section .accommodation-card-body { background:#fff; }

.homepage-faq-section {
  background:#F8F9F7;
  padding:clamp(56px,6vw,92px) 0;
}
.homepage-faq-section .homepage-faq-shell { width:var(--gp-content-width,80vw); max-width:none; }
.homepage-faq-layout {
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  align-items:start;
  gap:clamp(24px,3.5vw,54px);
}
.homepage-faq-visual, .homepage-faq-main {min-width:0;}
@media (min-width:1100px) {
  .homepage-faq-section .homepage-faq-visual {
    position:sticky;
    top:calc(var(--gp-sticky-offset,128px) + 12px);
    align-self:start;
  }
}
.homepage-faq-photo {
  position:relative;
  min-height:470px;
  height:clamp(470px,44vw,640px);
  overflow:hidden;
  border-radius:19px;
  background:#0B513A;
  isolation:isolate;
  box-shadow:0 16px 36px rgba(17,49,35,.1);
}
.homepage-faq-photo>img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.homepage-faq-photo-empty {display:grid;place-items:center;height:100%;font-size:70px;color:#fff;opacity:.75;}
/* Flat translucent label for legibility, not a colour gradient. */
.homepage-faq-photo-label {
  position:absolute;left:15px;right:15px;bottom:15px;
  padding:clamp(19px,2.5vw,29px);
  background:rgba(11,81,58,.94);
  border-radius:14px;color:#fff;
}
.homepage-faq-photo-label>span {display:block;color:#FFD2AC;font-size:11px;font-weight:700;letter-spacing:.11em;}
.homepage-faq-photo-label h3 {font-family:var(--site-heading-font,inherit);font-size:clamp(23px,2.5vw,32px);font-weight:650;line-height:1.2;color:#fff;margin:10px 0;}
.homepage-faq-photo-label p {margin:0 0 16px;font-size:14px;line-height:1.65;color:#fff;}
.homepage-faq-photo-label a {display:inline-flex;align-items:center;gap:9px;background:#EE6A04;color:#181d19;text-decoration:none;padding:11px 17px;border-radius:9px;font-weight:700;font-size:13px;}
.homepage-faq-photo-label a:hover,.homepage-faq-photo-label a:focus-visible {background:#fff;color:#0B513A;}
.homepage-faq-section .homepage-faq-heading {margin-bottom:24px;}
.homepage-faq-heading h2 {font-family:var(--site-heading-font,inherit);color:#0B513A;font-size:clamp(27px,3.3vw,43px);font-weight:650;line-height:1.16;}
.homepage-faq-section .homepage-faq-heading .section-summary {color:#51645B;font-size:15px;line-height:1.7;}
.homepage-faq-section .homepage-faq-list {gap:13px;}
.homepage-faq-section .homepage-faq-item {border-radius:15px;}
.homepage-faq-section .homepage-faq-question,
.homepage-faq-section .homepage-faq-item.is-open .homepage-faq-question {
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  width:100%;min-height:0;padding:22px 23px 11px;
  background:#fff;border:0;border-radius:0;
  font-family:var(--site-heading-font,inherit);
  font-size:clamp(15px,1.45vw,19px);font-weight:650;line-height:1.45;
  color:#0B513A !important;
  text-align:left;cursor:pointer;
}
.homepage-faq-section .homepage-faq-item:not(.is-open) .homepage-faq-question {padding-bottom:22px;}
.homepage-faq-section .homepage-faq-question i {font-family:bootstrap-icons !important;font-size:17px;color:#EE6A04;flex:none;transform:none;}
.homepage-faq-section .homepage-faq-item.is-open .homepage-faq-question i {transform:none;}
.homepage-faq-section .homepage-faq-answer {
  display:block;padding:0 23px 22px;background:#fff;
  border:0;border-radius:0;
}
.homepage-faq-section .homepage-faq-answer[hidden] {display:none !important;}
.homepage-faq-section .homepage-faq-answer p {margin:0;color:#56685e;font-size:14px;line-height:1.85;}
.homepage-faq-section .homepage-faq-question:focus-visible,
.homepage-faq-photo-label a:focus-visible {outline:3px solid #EE6A04;outline-offset:-3px;}
@media (max-width:1099px) {
  .homepage-faq-layout {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;}
  .homepage-faq-photo {min-height:350px;height:460px;}
}
@media (max-width:767px) {
  .homepage-faq-layout {grid-template-columns:minmax(0,1fr);gap:28px;}
  .homepage-faq-section .homepage-faq-visual {position:static;}
  .homepage-faq-photo {min-height:275px;height:350px;}
  .homepage-faq-photo-label {left:10px;right:10px;bottom:10px;padding:16px;}
  .homepage-faq-photo-label h3 {font-size:23px;}
  .homepage-faq-photo-label p {font-size:12px;margin-bottom:10px;}
  .homepage-faq-heading h2 {font-size:clamp(27px,7vw,36px);}
  .homepage-faq-section .homepage-faq-question,
  .homepage-faq-section .homepage-faq-item.is-open .homepage-faq-question {padding:17px 17px 10px;font-size:16px;}
  .homepage-faq-section .homepage-faq-answer {padding:0 17px 17px;}
  .homepage-faq-section .homepage-faq-item:not(.is-open) .homepage-faq-question {padding-bottom:17px;}
}
@media (prefers-reduced-motion:reduce) {
  .homepage-faq-section .homepage-faq-item, .gopato-browse-path, .journey-card {transition:none !important;}
}


/* === GO PATO - MATCH ALL HOMEPAGE CARDS TO THE SAFARI JOURNAL ===
   This follows the actual homepage HTML classes. The earlier rule used
   .accommodation-card-body while the real element is .accommodation-body;
   and other inherited selectors specified different button/media styles.
   We intentionally leave the grid structure, images, reveal JS and FAQ layout alone.
*/
:root {
  --gp-home-card-white: #fff;
  --gp-home-card-stroke: #e9e5df;
  --gp-home-card-ink: #0B513A;
  --gp-home-card-muted: #5b6a61;
  --gp-home-card-orange: #EE6A04;
  --gp-home-card-shadow: 0 10px 24px rgba(17, 49, 35, .065);
  --gp-home-card-shadow-hover: 0 17px 32px rgba(17, 49, 35, .105);
}
/* The same surface is used for image cards and shorter discovery cards. */
.gopato-browse-section :is(.gopato-browse-path, .gopato-browse-tile, .gopato-browse-style),
.featured-packages-section .curated-journey-card,
.safari-experiences-section .safari-experience-card,
.nairobi-excursions-section .nairobi-excursion-card,
.cross-border-section .cross-border-feature,
.destination-showcase-section .destination-showcase-card,
.accommodation-section .accommodation-card,
.traveler-reviews-section .traveler-review-card,
.partners-memberships-section .partner-logo-card {
  background-color: var(--gp-home-card-white) !important;
  border: 1px solid var(--gp-home-card-stroke) !important;
  border-radius: 18px !important;
  box-shadow: var(--gp-home-card-shadow) !important;
  min-width: 0;
}
/* A hover only changes the border and shadow; the old reveal motion remains untouched. */
.gopato-browse-section :is(.gopato-browse-path, .gopato-browse-tile, .gopato-browse-style):hover,
.featured-packages-section .curated-journey-card:hover,
.safari-experiences-section .safari-experience-card:hover,
.nairobi-excursions-section .nairobi-excursion-card:hover,
.cross-border-section .cross-border-feature:hover,
.destination-showcase-section .destination-showcase-card:hover,
.accommodation-section .accommodation-card:hover,
.traveler-reviews-section .traveler-review-card:hover,
.partners-memberships-section .partner-logo-card:hover {
  border-color: rgba(238,106,4,.36) !important;
  box-shadow: var(--gp-home-card-shadow-hover) !important;
}
/* Correct ALL actual card-body classes (not just the blog body). */
.featured-packages-section .curated-card-body,
.safari-experiences-section .safari-experience-content,
.nairobi-excursions-section .nairobi-excursion-body,
.cross-border-section .cross-border-feature-copy,
.destination-showcase-section .destination-showcase-copy,
.accommodation-section .accommodation-body {
  background-color: #fff !important;
  box-shadow: none !important;
  color: var(--gp-home-card-ink);
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  padding: clamp(17px, 1.7vw, 22px) !important;
}
/* The safari-journal cards have clean, uninterrupted photography. */
.featured-packages-section .journey-card-media,
.safari-experiences-section .safari-experience-media,
.nairobi-excursions-section .nairobi-excursion-media,
.cross-border-section .cross-border-feature-media,
.destination-showcase-section .destination-showcase-media,
.accommodation-section .accommodation-media {
  display: block;
  background-color: #e8e6e1;
  overflow: hidden;
  border-radius: 0 !important;
}
.featured-packages-section .journey-media,
.safari-experiences-section .safari-experience-placeholder,
.nairobi-excursions-section .nairobi-excursion-placeholder,
.cross-border-section .cross-border-placeholder,
.destination-showcase-section .destination-showcase-placeholder,
.accommodation-section .accommodation-placeholder {
  background-color: #e8e6e1 !important;
  color: #607269 !important;
}
/* Headings and summaries now use the same scale and font as the journal cards. */
.featured-packages-section .curated-journey-card h3,
.safari-experiences-section .safari-experience-card h3,
.nairobi-excursions-section .nairobi-excursion-card h3,
.cross-border-section .cross-border-feature h3,
.destination-showcase-section .destination-showcase-copy h3,
.accommodation-section .accommodation-card h3 {
  font-family: var(--site-heading-font, "Kumbh Sans", Arial, sans-serif) !important;
  font-size: clamp(18px, 1.48vw, 21px) !important;
  font-weight: 600 !important;
  line-height: 1.36 !important;
  color: var(--gp-home-card-ink) !important;
  overflow-wrap: anywhere;
}
.featured-packages-section .curated-journey-card h3 a,
.safari-experiences-section .safari-experience-card h3 a,
.nairobi-excursions-section .nairobi-excursion-card h3 a,
.cross-border-section .cross-border-feature h3 a,
.accommodation-section .accommodation-card h3 a {color: inherit !important;}
.featured-packages-section .curated-journey-card :is(h3 a, .journey-card-button):focus-visible,
.safari-experiences-section .safari-experience-card :is(h3 a,.safari-experience-link):focus-visible,
.nairobi-excursions-section .nairobi-excursion-card :is(h3 a,.nairobi-excursion-button):focus-visible,
.cross-border-section .cross-border-feature :is(h3 a,.cross-border-feature-foot a):focus-visible,
.destination-showcase-section .destination-showcase-card:focus-visible,
.accommodation-section .accommodation-card :is(h3 a,.accommodation-button):focus-visible {outline: 2px solid var(--gp-home-card-orange);outline-offset: 3px;}
.featured-packages-section .curated-journey-card p,
.safari-experiences-section .safari-experience-card p,
.nairobi-excursions-section .nairobi-excursion-card p,
.cross-border-section .cross-border-feature p,
.destination-showcase-section .destination-showcase-copy p,
.accommodation-section .accommodation-description {
  color: var(--gp-home-card-muted) !important;
  font-size: 12px !important;
  line-height: 1.7 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  min-height: 0;
}
/* Bottom-aligned actions, like Read Story. Avoid changing the destination link's
   clickable parent, which is the card itself. */
.featured-packages-section .journey-card-foot,
.nairobi-excursions-section .nairobi-excursion-foot,
.cross-border-section .cross-border-feature-foot {
  margin-top: auto !important;
  padding-top: 15px !important;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: row;
  gap: 10px;
  background: transparent !important;
}
.featured-packages-section .journey-card-button,
.safari-experiences-section .safari-experience-link,
.nairobi-excursions-section .nairobi-excursion-button,
.cross-border-section .cross-border-feature-foot a,
.destination-showcase-section .destination-showcase-link,
.accommodation-section .accommodation-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  align-self: flex-end;
  width: auto !important;
  max-width: 100%;
  min-height: 42px;
  margin-top: auto !important;
  padding: 11px 16px !important;
  border: 1px solid var(--gp-home-card-orange) !important;
  border-radius: 9px !important;
  background: var(--gp-home-card-orange) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: normal;
  text-align: center;
  box-shadow: 0 4px 11px rgba(238,106,4,.14);
}
.featured-packages-section .journey-card-button:hover,
.safari-experiences-section .safari-experience-link:hover,
.nairobi-excursions-section .nairobi-excursion-button:hover,
.cross-border-section .cross-border-feature-foot a:hover,
.destination-showcase-section .destination-showcase-card:hover .destination-showcase-link,
.accommodation-section .accommodation-button:hover {
  background: var(--gp-home-card-ink) !important;
  border-color: var(--gp-home-card-ink) !important;
  color: #fff !important;
}
/* Avoid an inherited coloured stripe that breaks the white-journal card feel. */
.cross-border-section .cross-border-feature-copy {border-top: 0 !important;}
/* The original card classes have several inherited beige, brown and navy labels. */
.safari-experiences-section .safari-experience-package-meta,
.destination-showcase-section .destination-showcase-location,
.accommodation-section .accommodation-location,
.nairobi-excursions-section .nairobi-excursion-meta,
.featured-packages-section .journey-duration {color: var(--gp-home-card-muted) !important;}
.safari-experiences-section .safari-experience-package-meta i,
.destination-showcase-section .destination-showcase-location i,
.accommodation-section .accommodation-location i,
.nairobi-excursions-section .nairobi-excursion-meta i,
.featured-packages-section .journey-duration i {color: var(--gp-home-card-orange) !important;}
/* Discovery items are intentionally compact cards without a photograph. */
.gopato-browse-section :is(.gopato-browse-path,.gopato-browse-tile,.gopato-browse-style) {
  color: var(--gp-home-card-ink) !important;
}
/* Preserve mobile usability and avoid oversized footer links/actions. */
@media (max-width:767px) {
  .featured-packages-section .journey-card-foot,
  .nairobi-excursions-section .nairobi-excursion-foot,
  .cross-border-section .cross-border-feature-foot {align-items:stretch;justify-content:flex-end;}
  .featured-packages-section .journey-card-button,
  .safari-experiences-section .safari-experience-link,
  .nairobi-excursions-section .nairobi-excursion-button,
  .cross-border-section .cross-border-feature-foot a,
  .destination-showcase-section .destination-showcase-link,
  .accommodation-section .accommodation-button {min-height:44px;}
}
@media (prefers-reduced-motion:reduce) {
  .featured-packages-section .curated-journey-card,
  .safari-experiences-section .safari-experience-card,
  .nairobi-excursions-section .nairobi-excursion-card,
  .cross-border-section .cross-border-feature,
  .destination-showcase-section .destination-showcase-card,
  .accommodation-section .accommodation-card {transition:none !important;}
}