/**

 * Hagia Sophia Travel — global brand tokens (white, #007bff, black).

 */

:root {

	--wts-brand: #007bff;

	--wts-brand-hover: #0056b3;

	--wts-brand-light: #e7f1ff;

	--wts-brand-ring: rgba(0, 123, 255, 0.15);

	--wts-text: #000000;

	--wts-surface: #ffffff;

}



/* Legacy Elementor / saved brown (#8B4513, #895813) overrides */

.tour-card-modern .btn-book,

.tour-card-modern .btn-primary,

.tour-card-modern .tour-btn-primary,

.package-card .primary-btn1,

.elementor-widget-tour-cards .primary-btn1,

.elementor-widget-tour-cards .tour-btn-primary,

.cta-book-btn,

.reservation-book-btn,

.search-button,

.package-card .primary-btn,

.tour-booking-cta,

.tour-card-list-button,

.clear-filters-btn {

	--btn-color: var(--wts-brand) !important;

	--bg-color: var(--wts-brand) !important;

}



.tour-card-modern .btn-book,

.tour-card-modern .btn-primary,

.tour-card-modern .tour-btn-primary,

.package-card .primary-btn1,

.elementor-widget-tour-cards .primary-btn1,

.elementor-widget-tour-cards .tour-btn-primary,

.cta-book-btn,

.reservation-book-btn,

.search-button,

.tour-card-list-button,

.clear-filters-btn {

	background: var(--wts-brand) !important;

	border-color: var(--wts-brand) !important;

	color: #ffffff !important;

}



.package-card .primary-btn1:hover,

.elementor-widget-tour-cards .primary-btn1:hover,

.elementor-widget-tour-cards .tour-btn-primary:hover,

.tour-card-list-button:hover,

.clear-filters-btn:hover {

	background: var(--wts-brand-hover) !important;

	border-color: var(--wts-brand-hover) !important;

}



.tour-archive-container .noUi-connect,

.tour-filter-widget .noUi-connect {

	background: var(--wts-brand) !important;

}



.tour-archive-container .noUi-handle,

.tour-filter-widget .noUi-handle {

	background: var(--wts-brand) !important;

}



.tour-card-modern .price-amount,

.tour-card-modern .price-currency,

.package-card .price-area .sale-price,

.cta-price .price-amount,

.price-amount,

.price-sale,

.sale-price-form {

	color: var(--wts-brand) !important;

}



.tour-included-services .service-icon,

.tour-itinerary .day-icon {

	background: linear-gradient(135deg, var(--wts-brand) 0%, var(--wts-brand-hover) 100%) !important;

}



.entry-content a,

.elementor-widget-text-editor a,

.isp-footer .isp-nav-col a:hover,

.blog-featured-title a:hover {

	color: var(--wts-brand);

}