/*
Theme Name:  Satopia Child
Theme URI:   https://satopiatravel.com
Description: Child theme for Salient — houses Satopia's custom design system and the signed-off "Privé Collection" property-page template. Keeps all customisation update-safe.
Author:      Satopia Travel
Template:    salient
Version:     1.0.0
Text Domain: satopia-child
*/

/* -----------------------------------------------------------------
   Global, site-wide child overrides go here (loaded on EVERY page).
   Keep this file lean. Page-specific / heavy design (e.g. the Privé
   Collection property pages) is loaded conditionally from
   /assets/product-pages/ via functions.php — NOT here — so it never
   bleeds into the rest of the site.
   ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
   Site background normalisation
   The Salient site background is #f1efe8. A number of WPBakery rows
   have an off-white background baked into the content as an inline
   style (background-color: #f8f7f3 | #ffffff | #e8e6da). Against the
   #f1efe8 ground these read as visible seams / "different colour"
   bands. Retarget ONLY those off-white variants to the site
   background. Intentional brand-green (#2c3a39) rows and black
   image/video overlays contain none of these tokens, so they are
   left untouched.
   ----------------------------------------------------------------- */
.row-bg.using-bg-color[style*="#f8f7f3"],
.row-bg.using-bg-color[style*="#F8F7F3"],
.row-bg.using-bg-color[style*="#ffffff"],
.row-bg.using-bg-color[style*="#FFFFFF"],
.row-bg.using-bg-color[style*="#fff;"],
.row-bg.using-bg-color[style*="#fff "],
.row-bg.using-bg-color[style*="#e8e6da"],
.row-bg.using-bg-color[style*="#E8E6DA"]{
  background-color:#f1efe8 !important;
}

/* -----------------------------------------------------------------
   Sabbatical Experiences: the mid-page sticky menu (.page-submenu)
   must match the homepage's — same type, tracking and spacing
   (homepage: 14px/500, .12em, 8px vertical → 46px band).
   ----------------------------------------------------------------- */
body.page-id-22131 .page-submenu li a{
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  padding:8px 0 !important;
  line-height:1.6 !important;
}

/* -----------------------------------------------------------------
   Header: breathing room between the social icons and the burger
   (Emma QA — icons were overlapping the menu toggle by ~6px; applies
   on every page, all breakpoints).
   ----------------------------------------------------------------- */
#header-outer .slide-out-widget-area-toggle{margin-left:24px !important}