/* Shared brand component bridge v3.0 | load AFTER page CSS and BEFORE site-brand.css.
   Layout and original Wildex image assets are unchanged. */
/* Palette, CTA geometry and booking-button colours are defined in site-brand.css.
   The component CSS deliberately owns selectors, not brand values. */
/* The headings are neutral-dark, and are not rendered in the accent colour. */
.section-title h2, .service-content-royal h3, .trip-item-content-royal h3,
.post-item-content-royal h2, .trip-block h2, .trip-block h3 {color:var(--brand-heading)}
/* Scoped links: don't recolour menu links, hero links or decorative image links. */
.section-footer-text p a,
.trip-page-layout a:not(.trip-hero-button):not(.trip-v2-action):not(.trip-close-button) {color:var(--brand-link)}
.section-footer-text p a:hover,
.trip-page-layout a:not(.trip-hero-button):not(.trip-v2-action):not(.trip-close-button):hover {color:var(--brand-link-hover)}
/* Consistent shapes across page families; no changes to card or image corner radii. */
.btn-default, .btn-default-royal, .trip-hero-button,
.trip-v2-action, .trip-close-button, .newsletter-btn {
  border-radius: var(--brand-button-radius);
}
/* Primary calls to action: standard Wildex + Royal homepage. */
.btn-default, .btn-default-royal {
  background:var(--brand-action-bg); color:var(--brand-action-text);
}
.btn-default:hover, .btn-default-royal:hover {color:var(--brand-action-text)}
.btn-default::after, .btn-default-royal::after {background:var(--brand-action-hover)}
.btn-default::before {border-radius:var(--brand-button-radius)}
/* Highlighted buttons fade to light on hover: keep legible dark text. */
.btn-default.btn-highlighted:hover,
.btn-default-royal.btn-highlighted-royal:hover {color:var(--brand-heading)}
.btn-default.btn-highlighted::after,
.btn-default-royal.btn-highlighted-royal::after {background:var(--brand-detail-surface)}
/* Secondary/editorial actions are deliberately different from the primary CTA. */
.service-btn-royal .btn-default-royal,
.about-body-btn-royal .btn-default-royal,
.adventure-box-btn-royal .btn-default-royal {
  background:var(--brand-secondary-bg);color:var(--brand-secondary-text)
}
.service-btn-royal .btn-default-royal:hover,
.about-body-btn-royal .btn-default-royal:hover,
.adventure-box-btn-royal .btn-default-royal:hover {color:#fff}
/* Wildex hover overlay still uses the chosen brand secondary hover tone. */
.service-btn-royal .btn-default-royal::after,
.about-body-btn-royal .btn-default-royal::after,
.adventure-box-btn-royal .btn-default-royal::after {background:var(--brand-action-hover)}
.readmore-btn {color:var(--brand-link)}
.readmore-btn:hover {color:var(--brand-link-hover)}
/* Supporting interface accents; does not affect SVG/PNG/JPG artwork. */
.section-footer-text p span,
.satisfy-client-image.add-more {background:var(--brand-detail-surface)}
.section-footer-text p span,
.satisfy-client-image.add-more h3,
.satisfy-client-image.add-more i {color:var(--brand-detail-text)}
.trip-eyebrow {color:var(--brand-eyebrow)}
.trip-final-cta {background:var(--brand-soft-surface)}
/* Booking uses a purposeful third colour; date/inventory status colours stay untouched. */
.trip-hero-button {background:var(--brand-action-bg);color:var(--brand-action-text)!important}
.trip-hero-button:hover,.trip-hero-button:focus-visible {
  background:var(--brand-action-hover);color:var(--brand-action-text)!important
}
.trip-v2-action:not(:disabled),
.bliss-booking .trip-v2-action:not(:disabled) {background:var(--brand-booking-bg);color:#fff;border-radius:var(--brand-button-radius)}
.trip-v2-action:hover:not(:disabled),.trip-v2-action:focus-visible:not(:disabled),
.bliss-booking .trip-v2-action:hover:not(:disabled),.bliss-booking .trip-v2-action:focus-visible:not(:disabled) {
  background:var(--brand-booking-hover);color:#fff
}
.trip-close-button {background:var(--brand-secondary-bg);color:var(--brand-secondary-text)}
/* Booking typography and button contrast are the same across operators.
   Inventory colours are reserved for operational states, not branding. */
.trip-v2-action:disabled,.bliss-booking .trip-v2-action:disabled {background:#90989B;color:#fff;opacity:1;cursor:not-allowed}


/* STEP 7F — Match Royal button arrows to standard buttons */
.btn-default-royal::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 40px;
    height: 40px;
    background-color: var(--white-color, #fff);
    background-image: url('../images/arrow-primary.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
    border-radius: 5px;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out;
}

/* STEP 7G — Reserve space for Royal button arrows */
.btn-default-royal {
    padding-right: 62px;
}


/* STEP 7E — Show standard arrows on trip-card buttons */
.trip-item-btn .btn-default::before {
    display: block;
}