/**
 * Journey Junction Tours — brand color system
 */
:root {
  --jjt-charcoal: #1d1a1a;
  --jjt-off-white: #f8f7f4;
  --jjt-orange: #f3981b;
  --jjt-orange-hover: #e67e00;
  --jjt-heading: #1d1a1a;
  --jjt-body: #4a4a4a;
  --jjt-yellow: #fbd624;
  --jjt-red: #ee452f;

  --primary-color1: #f3981b !important;
  --primary-color1-opc: 243, 152, 27 !important;
  --primary-color2: #e67e00 !important;
  --primary-color2-opc: 230, 126, 0 !important;
  --primary-color3: #fbd624 !important;
  --primary-color3-opc: 251, 214, 36 !important;
  --primary-color4: #ee452f !important;
  --primary-color4-opc: 238, 69, 47 !important;

  --title-color: #1d1a1a !important;
  --title-color-opc: 29, 26, 26 !important;
  --text-color: #4a4a4a !important;
  --black-color: #1d1a1a !important;
  --black-color-opc: 29, 26, 26 !important;
  --borders-color: #e8e4dc !important;

  --bs-primary: #f3981b !important;
  --bs-primary-rgb: 243, 152, 27 !important;
  --bs-link-color: #f3981b !important;
  --bs-link-hover-color: #e67e00 !important;
}

body {
  background-color: var(--jjt-off-white) !important;
  color: var(--jjt-body) !important;
}

/* Page content headings only (not header/footer/hero/breadcrumb) */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
.elementor-location-content .elementor-heading-title,
.elementor-location-content .elementor-element:not(.elementor-element-b4aec73):not(.breadcrumb-section) .elementor-heading-title {
  color: var(--jjt-heading) !important;
}

main a,
.elementor-location-content a {
  color: var(--jjt-orange);
}

main a:hover,
.elementor-location-content a:hover {
  color: var(--jjt-orange-hover);
}

header a,
header .search-bar a,
.topbar-area a {
  color: inherit;
}

/* Buttons */
.primary-btn1,
.primary-btn2,
.primary-btn3,
.primary-btn4,
.primary-btn5,
.gofly_button .primary-btn1,
.elementor-button,
button[type="submit"],
input[type="submit"],
.btn-primary,
.filter-item-list .single-item.active {
  background-color: var(--jjt-orange) !important;
  border-color: var(--jjt-orange) !important;
}

.primary-btn1:hover,
.primary-btn2:hover,
.primary-btn3:hover,
.primary-btn4:hover,
.primary-btn5:hover,
.elementor-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-primary:hover {
  background-color: var(--jjt-orange-hover) !important;
  border-color: var(--jjt-orange-hover) !important;
}

/* Header search — exclude from global submit/button orange (theme uses icon-only button) */
header .search-bar .search-input .form-inner2 button[type="submit"],
header .search-bar .search-input button[type="submit"] {
  background-color: transparent !important;
  border: none !important;
  color: var(--jjt-heading) !important;
}

header .search-bar .search-input .form-inner2 button[type="submit"]:hover,
header .search-bar .search-input button[type="submit"]:hover {
  background-color: transparent !important;
  border: none !important;
  color: var(--jjt-heading) !important;
}

/* Header search toggle circle — keep icon neutral (not orange) */
header .search-bar > .search-btn {
  background-color: transparent !important;
}

header .search-bar svg,
header .search-bar svg path,
header .search-bar .search-btn,
header .search-bar .search-btn svg,
header .search-bar .search-btn svg path,
header .search-bar button[type="submit"] svg,
header .search-bar button[type="submit"] svg path {
  color: inherit !important;
  fill: currentColor !important;
}

/* Dark sections & footer */
footer.footer-section,
.footer-noborder,
.footer-section,
.elementor-element[class*="footer"] {
  background-color: var(--jjt-charcoal) !important;
}

footer.footer-section,
footer.footer-section a,
footer.footer-section p,
footer.footer-section h1,
footer.footer-section h2,
footer.footer-section h3,
footer.footer-section h4,
footer.footer-section h5,
footer.footer-section h6,
.footer-noborder,
.footer-noborder a,
.footer-noborder p,
.footer-noborder span,
.footer-noborder li,
.footer-section,
.footer-section a,
.footer-section p,
.elementor-location-footer,
.elementor-location-footer a,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer li {
  color: #fff !important;
}

/* Footer headings — must beat scoped content heading rules */
footer.footer-section .elementor-heading-title,
footer.footer-section h1,
footer.footer-section h2,
footer.footer-section h3,
footer.footer-section h4,
footer.footer-section h5,
footer.footer-section h6,
.footer-noborder .elementor-heading-title,
.footer-noborder h1,
.footer-noborder h2,
.footer-noborder h3,
.footer-noborder h4,
.footer-noborder h5,
.footer-noborder h6,
.footer-section .elementor-heading-title,
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6,
.elementor-location-footer .elementor-heading-title,
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4,
.elementor-location-footer h5,
.elementor-location-footer h6,
.elementor-element.footer-noborder .elementor-heading-title,
.elementor-element[class*="footer"] .elementor-heading-title {
  color: #ffffff !important;
}

.footer-noborder a:hover,
.footer-section a:hover,
.elementor-location-footer a:hover,
footer.footer-section a:hover {
  color: var(--jjt-orange) !important;
}

/* Search / filter tabs (replace blue active state) */
.filter-item-list .single-item.active,
.filter-wrapper .single-item.active {
  background-color: var(--jjt-orange) !important;
  border-color: var(--jjt-orange) !important;
}

.filter-item-list .single-item.active svg,
.filter-item-list .single-item.active path {
  fill: #fff !important;
}

/* Icon boxes & accents */
.elementor-icon-box-icon svg,
.elementor-icon-box-icon i {
  color: var(--jjt-orange) !important;
}

/* Swiper / slider controls */
.swiper-button-next,
.swiper-button-prev,
.slider-btn {
  color: var(--jjt-orange) !important;
  border-color: var(--jjt-orange) !important;
}

/* Selection highlight — subtle tint, not solid orange blocks */
::selection {
  background-color: rgba(243, 152, 27, 0.28) !important;
  color: var(--jjt-heading) !important;
}

::-moz-selection {
  background-color: rgba(243, 152, 27, 0.28) !important;
  color: var(--jjt-heading) !important;
}

/* Elementor global color fallbacks */
.elementor-kit-9,
.elementor-default {
  --e-global-color-primary: #f3981b;
  --e-global-color-secondary: #1d1a1a;
  --e-global-color-text: #4a4a4a;
  --e-global-color-accent: #fbd624;
}

/* Replace hardcoded demo blues in page-content SVG icons only */
main svg [fill="#1781FE"],
main svg [fill="#1781fe"],
.elementor-location-content svg [fill="#1781FE"],
.elementor-location-content svg [fill="#1781fe"],
main svg [fill="#0EA9D0"],
main svg [fill="#0ea9d0"],
.elementor-location-content svg [fill="#0EA9D0"],
.elementor-location-content svg [fill="#0ea9d0"],
main path[fill="#1781FE"],
main path[fill="#1781fe"],
.elementor-location-content path[fill="#1781FE"],
.elementor-location-content path[fill="#1781fe"],
main path[fill="#0EA9D0"],
main path[fill="#0ea9d0"],
.elementor-location-content path[fill="#0EA9D0"],
.elementor-location-content path[fill="#0ea9d0"] {
  fill: var(--jjt-orange) !important;
}

.filter-item-list .single-item:not(.active) svg [fill="#1781FE"],
.filter-item-list .single-item:not(.active) path[fill="#1781FE"] {
  fill: var(--jjt-body) !important;
}

/* Elementor buttons in page content (not header/topbar chips) */
.elementor-location-content .elementor-button,
.elementor-location-content .elementor-widget-button .elementor-button {
  background-color: var(--jjt-orange) !important;
}

.elementor-location-content .elementor-button:hover,
.elementor-location-content .elementor-widget-button .elementor-button:hover {
  background-color: var(--jjt-orange-hover) !important;
}

/* Hero — titles and intro text must stay white on video/image background */
.elementor-element-b4aec73 .home1-banner-section .banner-content-wrap .banner-content h1,
.elementor-element-b4aec73 .home1-banner-section .banner-content-wrap .banner-content h2,
.elementor-element-b4aec73 .home1-banner-section .banner-content-wrap .banner-content p,
.elementor-element-b4aec73 .home1-banner-section .banner-content-wrap .banner-content span,
.elementor-element-b4aec73 .elementor-widget-gofly_hero_banner .banner-content h1,
.elementor-element-b4aec73 .elementor-widget-gofly_hero_banner .banner-content p,
.elementor-element-b4aec73 .elementor-widget-gofly_hero_banner .elementor-heading-title,
.elementor-element-b4aec73 h1,
.elementor-element-b4aec73 h2,
.elementor-element-b4aec73 p,
.elementor-element-b4aec73 .elementor-heading-title,
.home1-banner-section .banner-content-wrap .banner-content h1,
.home1-banner-section .banner-content-wrap .banner-content h2,
.home1-banner-section .banner-content-wrap .banner-content p,
.home1-banner-section .banner-content-wrap .banner-content span,
.home2-banner-section .banner-content-wrap .banner-content h1,
.home2-banner-section .banner-content-wrap .banner-content h2,
.home2-banner-section .banner-content-wrap .banner-content p,
.home3-banner-section .banner-content-wrap .banner-content h1,
.home3-banner-section .banner-content-wrap .banner-content h2,
.home3-banner-section .banner-content-wrap .banner-content p,
.home4-banner-section .banner-content-wrap .banner-content h1,
.home4-banner-section .banner-content-wrap .banner-content h2,
.home4-banner-section .banner-content-wrap .banner-content p,
.home5-banner-section .banner-content-wrap .banner-content h1,
.home5-banner-section .banner-content-wrap .banner-content h2,
.home5-banner-section .banner-content-wrap .banner-content p,
.home6-banner-section .banner-content-wrap .banner-content h1,
.home6-banner-section .banner-content-wrap .banner-content h2,
.home6-banner-section .banner-content-wrap .banner-content p,
[class*="banner-section"] .banner-wrapper .banner-content-wrap .banner-content h1,
[class*="banner-section"] .banner-wrapper .banner-content-wrap .banner-content h2,
[class*="banner-section"] .banner-wrapper .banner-content-wrap .banner-content p,
.elementor-widget-gofly_hero_banner_slider .banner-content h1,
.elementor-widget-gofly_hero_banner_slider .banner-content h2,
.elementor-widget-gofly_hero_banner_slider .banner-content p,
.elementor-widget-gofly_hero_banner_slider .elementor-heading-title,
.elementor-widget-gofly_visa_hero_banner .elementor-heading-title,
.elementor-widget-gofly_visa_hero_banner h1,
.elementor-widget-gofly_visa_hero_banner p {
  color: #ffffff !important;
}

/* Breadcrumbs — page titles and trail on dark background */
.breadcrumb-section .banner-content h1,
.breadcrumb-section .banner-content h2,
.breadcrumb-section .banner-content h3,
.breadcrumb-section .banner-content p,
.breadcrumb-section .banner-content > span,
.breadcrumb-section .banner-content > span strong,
.breadcrumb-section .elementor-heading-title,
.breadcrumb-section .breadcrumb-list li,
.breadcrumb-section .breadcrumb-list li a,
.breadcrumb-section .breadcrumb-list li:last-child {
  color: #ffffff !important;
}

.breadcrumb-section .breadcrumb-list li a:hover {
  color: var(--jjt-orange) !important;
}
