.elementor-kit-78{--e-global-color-primary:#183A3C;--e-global-color-secondary:#102F31;--e-global-color-text:#1F2D2D;--e-global-color-accent:#D1875A;--e-global-color-d7ae5ee:#0F5257;--e-global-color-58bca6a:#0A3B3F;--e-global-color-d7fe967:#D9A566;--e-global-color-27f0ad1:#C0562D;--e-global-color-83020e4:#22282B;--e-global-color-66a3d78:#FAF7F2;--e-global-color-bd0eaea:#8C8A85;--e-global-color-133f0f6:#E4E1DA;--e-global-color-svt-sage:#8CA198;--e-global-color-svt-sand:#F3EEE5;--e-global-color-svt-cream:#FBFAF7;--e-global-color-svt-muted:#687776;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:700;color:#1F2D2D;font-family:"Manrope", Sans-serif;}.elementor-kit-78 h1{color:#183A3C;font-family:"Cormorant Garamond", Sans-serif;font-weight:600;}.elementor-kit-78 h2{color:#183A3C;font-family:"Cormorant Garamond", Sans-serif;font-weight:600;}.elementor-kit-78 button,.elementor-kit-78 input[type="button"],.elementor-kit-78 input[type="submit"],.elementor-kit-78 .elementor-button{font-family:"Manrope", Sans-serif;font-weight:700;color:#FFFFFF;background-color:#183A3C;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-78 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   Smart Value Traveler — Additional CSS for WordPress Customizer
   Paste into: Appearance → Customize → Additional CSS
   Pairs with the Elementor-native build described in Elementor-Conversion-Guide.md
   ========================================================================== */

/* --- Brand tokens (kept here as a reference/fallback; primary source of
   truth should be Elementor's Global Colors + Global Fonts panels) --- */
:root {
  --svt-teal: #0F5257;
  --svt-teal-dark: #0A3B3F;
  --svt-sand: #D9A566;
  --svt-terracotta: #C0562D;
  --svt-ink: #22282B;
  --svt-ivory: #FAF7F2;
  --svt-stone: #8C8A85;
  --svt-line: #E4E1DA;
}

/* --- Base page background/text, in case the active theme ships its own --- */
body {
  background-color: var(--svt-ivory);
  color: var(--svt-ink);
}

/* --- Accessible focus states (Elementor's default focus rings are subtle;
   this brief's audience skews older, so a clearer ring helps) --- */
a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--svt-teal);
  outline-offset: 2px;
}

/* --- Sticky header: soft shadow once the page has scrolled.
   Add the class "is-scrolled" via a tiny snippet in the theme's footer,
   or use Elementor Pro's built-in "Sticky" effects panel instead if available. --- */
.elementor-sticky--effects.is-scrolled {
  box-shadow: 0 6px 18px rgba(15, 45, 45, 0.08);
  transition: box-shadow 0.2s ease;
}

/* --- Consistent button hover transition across manually-styled Button widgets --- */
.elementor-button,
.elementor-button.elementor-size-md {
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.elementor-button:hover {
  transform: translateY(-1px);
}

/* --- Card hover lift, for Container "cards" used in Popular Destinations,
   Where to Stay, and Recommended Tours grids --- */
.svt-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 30px rgba(15, 45, 45, 0.10);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* --- Accordion "+" rotates to "×" on open, matching the prototype.
   Apply the class "svt-accordion-icon" to the Accordion widget's icon
   in Elementor's Icon settings, or adjust .elementor-kit-78s to match the
   theme's default Accordion markup. --- */
.elementor-accordion-item.elementor-active .svt-accordion-icon {
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.svt-accordion-icon {
  transition: transform 0.2s ease;
}

/* --- Pill-style link buttons used in "Related Articles" rows --- */
.svt-pill-link {
  display: inline-block;
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--svt-line);
  border-radius: 999px;
  padding: 8px 16px;
  transition: border-color 0.15s ease;
}
.svt-pill-link:hover {
  border-color: var(--svt-teal);
}

/* --- Eyebrow label style (small uppercase category tag above headings) --- */
.svt-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 600;
  color: var(--svt-terracotta);
}/* End custom CSS */