:root {
--primary-color: #3A9CAB;
--accent-color: #F7941D;
--secondary-color: #1E5799;
--dark-color: #1A2B4C;
--layout-sidebar-bg: #1A2B4C;
--layout-sidebar-active: #3A9CAB;
--layout-header-bg: #FFFFFF;
--layout-header-text: #1a2e3a;
--layout-button: #3A9CAB;
--layout-page-bg: #faf9fc;
--layout-card-bg: #FFFFFF;
--layout-card-radius: 8px;
--layout-accent: #F7941D;
--layout-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--layout-text-color: #1a2b48;
--layout-body-font-size: 14px;
--layout-h1-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--layout-h2-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--layout-h3-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--layout-h1-size: 28px;
--layout-h2-size: 22px;
--layout-h3-size: 18px;
}
a,
.bravo-news .btn-readmore,
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover > a,
.bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-icon,
.bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .render,
.bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-detination #dropdown-destination .form-control,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-apply-price-range,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-more-item,
.input-number-group i,
.bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-icon,
.bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-detination
#dropdown-destination .form-control,
.bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .render,
.hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .render,
.bravo_wrap .bravo_form .form-content .render,
a:hover {
color: #3A9CAB;
}
.bravo-pagination ul li.active a, .bravo-pagination ul li.active span
{
color:#3A9CAB!important;
}
.bravo-news .widget_category ul li span,
.bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .g-button-submit button,
.bravo_wrap .bravo_search_tour .bravo_filter .filter-title:before,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-handle>i:first-child,
.bravo-news .header .cate ul li,
.bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .g-button-submit button,
.bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc,
.bravo_wrap .bravo_detail_space .bravo_content .g-attributes h3:after,
.bravo_wrap .bravo_form .g-button-submit button,
.btn.btn-primary,
.bravo_wrap .bravo_form .g-button-submit button:active,
.btn.btn-primary:active,
.bravo_wrap .bravo_detail_space .bravo-list-hotel-related-widget .heading:after,
.btn-primary:not(:disabled):not(.disabled):active
{
background: #3A9CAB;
}

.bravo-pagination ul li.active a, .bravo-pagination ul li.active span
{
border-color:#3A9CAB!important;
}
.bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-from:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price
.irs--flat .irs-to:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price
.irs--flat .irs-single:before,
.bravo-reviews .review-form .form-wrapper,
.bravo_wrap .bravo_detail_tour .bravo_content .bravo_tour_book
{
border-top-color:#3A9CAB;
}

.bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact{
border-left-color:#3A9CAB;
}
.hotel_rooms_form .form-search-rooms{
border-bottom-color:#3A9CAB;
}

.bravo_wrap .bravo_form .field-icon,
.bravo_wrap .bravo_form .smart-search .parent_text,
.bravo_wrap .bravo_form .smart-search:after,
.bravo_wrap .bravo_form .dropdown-toggle:after,
.bravo_wrap .page-template-content .bravo-list-space .item-loop .service-review .rate,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-more-item,
.bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .left .text-rating,
.bravo-reviews .review-box .review-box-score .review-score,
.bravo-reviews .review-box .review-box-score .review-score-base span,
.bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .left .text-rating
{
color: #3A9CAB;
}

.bravo_wrap .bravo_form .smart-search .parent_text::-webkit-input-placeholder{

color: #3A9CAB;
}
.bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

color: #3A9CAB;
}
.bravo_wrap .bravo_form .smart-search .parent_text::-ms-input-placeholder{

color: #3A9CAB;
}
.bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

color: #3A9CAB;
}
.bravo_wrap .bravo_form .smart-search .parent_text::placeholder{

color: #3A9CAB;
}


.bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .service-review .rate,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-apply-price-range{

color: #3A9CAB;
}
.bravo_wrap .page-template-content .bravo-list-locations.style_2 .list-item .destination-item:hover .title,
.bravo_wrap .page-template-content .bravo-list-space .item-loop .sale_info,
.bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .sale_info,
.bravo_wrap .bravo_search_space .bravo_filter .filter-title:before,
.bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score,
.bravo-reviews .review-form .btn,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-handle>i:first-child
{
background: #3A9CAB;
}
.bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-from:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price
.irs--flat .irs-to:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content
.bravo-filter-price .irs--flat .irs-single:before {
border-top-color: #3A9CAB;
}

.bravo_wrap .bravo_detail_space .bravo_content .g-overview ul li:before {
border: 1px solid #3A9CAB;
}

.bravo_wrap .bravo_detail_space .bravo-list-space-related .item-loop .sale_info {
background-color: #3A9CAB;
}

.bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score::after {
border-bottom: 25px solid #3A9CAB;
}

.bravo_wrap .bravo_detail_space .bravo_content .bravo_space_book {
border-top: 5px solid #3A9CAB;
}

body .daterangepicker.loading:after {
color: #3A9CAB;
}

body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date {
border-right: solid 2px #3A9CAB;
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date {
border-left: solid 2px #3A9CAB;
}
.bravo_wrap .bravo_detail_space .bravo-list-space-related .item-loop .service-review .rate {
color: #3A9CAB;
}

.has-search-map .bravo-filter-price .irs--flat .irs-bar,
.has-search-map .bravo-filter-price .irs--flat .irs-handle>i:first-child,
.has-search-map .bravo-filter-price .irs--flat .irs-from, .has-search-map .bravo-filter-price .irs--flat .irs-to,
.has-search-map .bravo-filter-price .irs--flat .irs-single {
background-color: #3A9CAB;
}

.has-search-map .bravo-filter-price .irs--flat .irs-from:before, .has-search-map .bravo-filter-price .irs--flat
.irs-to:before, .has-search-map .bravo-filter-price .irs--flat .irs-single:before {
border-top-color: #3A9CAB;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score {
background: #3A9CAB;
}
.bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score::after {
border-bottom: 25px solid #3A9CAB;
}

.bravo_wrap .bravo_detail_tour .bravo_content .g-overview ul li:before {
border: 1px solid #3A9CAB;
}

.bravo_wrap .bravo_detail_location .bravo_content .g-location-module .location-module-nav li a.active {
border-bottom: 1px solid #3A9CAB;
color: #3A9CAB;
}

.bravo_wrap .bravo_detail_location .bravo_content .g-location-module .item-loop .sale_info {
background-color: #3A9CAB;
}
.bravo_wrap .page-template-content .bravo-featured-item.style2 .number-circle {
border: 2px solid #3A9CAB;
color: #3A9CAB;
}
.bravo_wrap .page-template-content .bravo-featured-item.style3 .featured-item:hover {
border-color: #3A9CAB;
}

.booking-success-notice .booking-info-detail {
border-left: 3px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_tour .bravo_single_book,
.bravo_wrap .bravo_detail_space .bravo_single_book {
border-top: 5px solid#3A9CAB;
}
.bravo_wrap .bravo_detail_location .bravo_content .g-location-module .item-loop .service-review .rate,
.bravo_wrap .bravo_detail_location .bravo_content .g-trip-ideas .trip-idea .trip-idea-category,
.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a:hover,
.bravo_wrap .bravo_detail_tour .bravo_content .g-attributes .list-attributes .item i.icon-default,
.bravo_wrap .bravo_detail_space .bravo_content .g-attributes .list-attributes .item i.icon-default,
.bravo_wrap .page-template-content .bravo-list-hotel .item-loop .service-review .rate,
.bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .caption .title-address .title a:hover,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review .rate,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-apply-price-range {
color: #3A9CAB;
}

.bravo_wrap .bravo_detail_tour .bravo-list-tour-related .item-tour .featured ,
.bravo_wrap .bravo_search_tour .bravo-list-item .list-item .item-tour .featured,
.bravo_wrap .page-template-content .bravo-list-tour .item-tour .featured,
.bravo_wrap .bravo_search_hotel .bravo_filter .filter-title:before {
background: #3A9CAB;
}
.bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .header-thumb .tour-book-now,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .sale_info,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-handle>i:first-child {
background-color: #3A9CAB;
}
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-from:before,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-to:before,
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-single:before {
border-top-color: #3A9CAB;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score,
.bravo_wrap .bravo_search_hotel .bravo_content .g-header .review-score .head .score {
background: #3A9CAB;
}

.bravo_wrap .bravo_search_hotel .bravo_content .g-overview ul li:before {
border: 1px solid #3A9CAB;
}
.bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-more-item,
.bravo_wrap .bravo_search_hotel .bravo_content .g-header .review-score .head .left .text-rating,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .text-rating,
.bravo_wrap .bravo_detail_hotel .btn-show-all,
.bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related .item-loop .service-review .rate,
.bravo_wrap .bravo_form .select-guests-dropdown .dropdown-item-row .count-display{
color: #3A9CAB;
}

.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score::after {
border-bottom: 15px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score:after {
border-bottom: 25px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score {
background: #3A9CAB;
}

.bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .heading:after {
background: #3A9CAB;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes h3:after {
background: #3A9CAB;
}
.bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .left .text-rating {
color: #3A9CAB;
}
.bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display {
color: #3A9CAB;
}

.bravo_wrap .bravo-checkbox input[type=checkbox]:checked+.checkmark:after {
border: solid #3A9CAB;
border-width: 0 2px 2px 0;
}
.bravo_wrap .bravo_form .input-search .form-control::-webkit-input-placeholder {
color: #3A9CAB;
}
.bravo_wrap .bravo_form .input-search .form-control:-ms-input-placeholder {
color: #3A9CAB;
}
.brav_wrap .bravo_form .input-search .form-control::placeholder {
color: #3A9CAB;
}

.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .btn-apply-price-range{
color: #3A9CAB;
}
.bravo_wrap .bravo_search_event .bravo_filter .filter-title:before,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-handle>i:first-child
{
background: #3A9CAB;
}

.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-from:before,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-to:before,
.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat
.irs-single:before {
border-top-color: #3A9CAB;
}

.bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .btn-more-item {
color: #3A9CAB;
}

.bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .score:after {
border-bottom: 25px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .score {
background: #3A9CAB;
}
.bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .left .text-rating {
color: #3A9CAB;
}
.bravo_wrap .bravo_single_book .nav-enquiry .enquiry-item.active span {
border-bottom: solid 1px #3A9CAB !important;
color: #3A9CAB !important;
}
.bravo_wrap .bravo_detail_event .bravo_content .g-overview ul li:before {
border: 1px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_event .bravo_content .g-attributes .list-attributes .item i.icon-default {
color: #3A9CAB;
}
.bravo_wrap .bravo_detail_event .bravo_single_book {
border-top: 5px solid #3A9CAB;
}

.bravo_wrap .bravo_detail_hotel .bravo_single_book {
border-top: 5px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_car .bravo_single_book {
border-top: 5px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .score:after {
border-bottom: 25px solid #3A9CAB;
}
.bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .score {
background: #3A9CAB;
}
.bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .left .text-rating {
color: #3A9CAB;
}

/* Phase 2: Comprehensive Overrides for Hardcoded Purple #662D91 */

/* Hotel list controls */
.bravo_wrap .bravo_search_hotel .bravo-list-item .view-toggle .view-btn.active {
background: #3A9CAB !important;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .view-toggle .view-btn:hover,
.bravo_wrap .bravo_search_hotel .bravo-list-item .items-wrapper > .item .dropdown-toggle,
.bravo_wrap .bravo_search_hotel .bravo-list-item .items-wrapper > .item .dropdown-menu .dropdown-item:hover {
background: color-mix(in srgb, #3A9CAB 10%, transparent) !important;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .items-wrapper > .item a:hover,
.bravo_wrap .bravo_search_hotel .bravo-list-item .items-wrapper > .item .dropdown-menu .dropdown-item:hover {
color: #3A9CAB !important;
}

/* Hotel List View Card */
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .service-review-pc .head .left
.head-rating,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .service-review-pc .head
.score,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .g-price .price .text-price {
color: #3A9CAB !important;
}
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .g-rate-price .service-review-pc .head
.score {
background: color-mix(in srgb, #3A9CAB 10%, transparent) !important;
}

/* Layout Header & Mobile Menu */
.bravo_wrap .bravo_topbar .content .topbar-items li:not(.dropdown) a.login,
.bravo_wrap .bravo_topbar .content .topbar-items a.login[data-target="#login"] {
background: #3A9CAB !important;
}
.bravo_wrap .bravo_topbar .content .topbar-items li:not(.dropdown) a.login:hover {
background: color-mix(in srgb, #3A9CAB, black 10%) !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar {
background: #3A9CAB !important;
}

/* Checkout Page */
.bravo-booking-page #bravo-checkout-page .hotel-details-section .hotel-rating .rating-badge {
background: linear-gradient(135deg, #3A9CAB, color-mix(in srgb, #3A9CAB, transparent 20%)) !important;
}
.bravo-booking-page #bravo-checkout-page .hotel-details-section .guests-info .info-item i,
.bravo-booking-page #bravo-checkout-page .hotel-details-section .room-info i {
color: #1E5799 !important;
}
.bravo-booking-page #bravo-checkout-page .price-breakdown-section .price-breakdown-wrapper .final-total-section .val {
color: #3A9CAB !important;
}
.bravo-booking-page #bravo-checkout-page .promo-code-section .promo-code-input-group .promo-code-apply-btn,
.bravo-booking-page #bravo-checkout-page .form-actions .btn.btn-danger,
.bravo-booking-page .term-conditions-checkbox input[type=checkbox]:checked,
.bravo-booking-page .gateways-table input[type=checkbox]:checked,
.bravo-booking-page .gateways-table input[type=radio]:checked,
.bravo-booking-page #bravo-checkout-page .member-redeem-point-section #points-redemption-section .toggle-switch
.toggle-input:checked+.toggle-slider,
.bravo-booking-page #bravo-checkout-page .payment-method-section .payment-method-option
.payment-method-radio:checked+.payment-method-content {
background: #3A9CAB !important;
}
.bravo-booking-page #bravo-checkout-page .payment-method-section .payment-method-option
.payment-method-radio:checked+.payment-method-content {
border-color: #3A9CAB !important;
}
.bravo-booking-page #bravo-checkout-page .promo-code-section .promo-code-input-group .promo-code-apply-btn:hover,
.bravo-booking-page #bravo-checkout-page .form-actions .btn.btn-danger:hover {
background: color-mix(in srgb, #3A9CAB, transparent 10%) !important;
}
.bravo-booking-page .term-conditions-checkbox input[type=checkbox]:hover,
.bravo-booking-page .gateways-table input[type=checkbox]:hover,
.bravo-booking-page .gateways-table input[type=radio]:hover,
.bravo-booking-page #bravo-checkout-page .payment-method-section .payment-method-option:hover
.payment-method-radio:not(:checked)+.payment-method-content {
border-color: #3A9CAB !important;
}

/* Hotel Detail Page - Additional Overrides */
.bravo_detail_hotel .hotel-search-form-container .rooms-search-form {
border-color: #3A9CAB !important;
}
.bravo_detail_hotel .hotel-search-form-container .rooms-search-form .field-icon {
color: #1E5799 !important;
}
.bravo_detail_hotel .hotel-search-form-container .rooms-search-form .g-button-submit .btn-search {
background: #3A9CAB !important;
}
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-configuration .room-meta .item i,
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-amenities .room-attribute-item ul li i {
color: #1E5799 !important;
}
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-details-section .room-details-title,
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-booking-section .room-price .price-currency,
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-booking-section .room-price .price-amount {
color: #3A9CAB !important;
}
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-booking-section .booking-controls .btn-book
{
background-color: #3A9CAB !important;
}
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-booking-section .booking-controls
.btn-book:hover {
background-color: color-mix(in srgb, #3A9CAB, black 10%) !important;
}
.bravo_detail_hotel .hotel_list_rooms .room-item .room-details-column .room-booking-section .booking-controls
.btn-book:disabled {
background-color: #3A9CAB !important;
opacity: 0.6 !important;
}

/* Admin Sidebar Customization */
.main-sidebar {
background: #1A2B4C !important;
}
.main-sidebar .main-menu .menu-item a {
color: #FFFFFF !important;
font-weight: 500 !important;
}
.main-sidebar .main-menu .menu-item a .icon i,
.main-sidebar .main-menu .menu-item a .icon {
color: #FFFFFF !important;
}
.main-sidebar .main-menu .menu-item.active > a,
.main-sidebar .main-menu .menu-item:hover > a {
background: #3A9CAB !important;
color: #FFFFFF !important;
}
.main-sidebar .main-menu .menu-item.active > a .icon,
.main-sidebar .main-menu .menu-item:hover > a .icon,
.main-sidebar .main-menu .menu-item.active > a i,
.main-sidebar .main-menu .menu-item:hover > a i {
color: #FFFFFF !important;
}
.main-sidebar .main-menu .menu-item .children {
background: rgba(0, 0, 0, 0.15) !important;
}
.main-sidebar .main-menu .menu-item .children li a {
color: rgba(255, 255, 255, 0.8) !important;
}
.main-sidebar .main-menu .menu-item .children li.active > a,
.main-sidebar .main-menu .menu-item .children li:hover > a {
color: #FFFFFF !important;
background: rgba(255, 255, 255, 0.1) !important;
}
.main-sidebar .main-menu .group .group-name {
color: rgba(255, 255, 255, 0.5) !important;
text-transform: uppercase !important;
font-size: 11px !important;
letter-spacing: 1px !important;
}
.main-sidebar .main-menu .menu-item .btn-toggle {
color: #FFFFFF !important;
}

/* Vendor/User Sidebar Customization - Full Overrides */
.bravo_user_profile > .container-fluid > .row-eq-height > .col-md-3,
.bravo_wrap .bravo_user_profile .user-profile-avatar,
.bravo_wrap .bravo_user_profile .user-profile-plan,
.bravo_user_profile .sidebar-user,
.bravo_user_profile .sidebar-user .logo {
background: #1A2B4C !important;
}
.bravo_wrap .bravo_user_profile .user-profile-plan {
border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.bravo_user_profile .sidebar-menu {
border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.bravo_user_profile .sidebar-menu ul li a {
color: #FFFFFF !important;
font-weight: 500 !important;
}
.bravo_user_profile .sidebar-menu ul li a i {
color: #FFFFFF !important;
}
.bravo_user_profile .sidebar-menu ul li.active > a,
.bravo_user_profile .sidebar-menu ul li:hover > a {
background: #3A9CAB !important;
color: #FFFFFF !important;
}
.bravo_user_profile .sidebar-menu ul li.active > a i,
.bravo_user_profile .sidebar-menu ul li:hover > a i {
color: #FFFFFF !important;
}
.bravo_user_profile .sidebar-menu ul li .children {
background: rgba(0, 0, 0, 0.15) !important;
}
.bravo_user_profile .sidebar-menu ul li .children li a {
color: rgba(255, 255, 255, 0.8) !important;
background: transparent !important;
}
.bravo_user_profile .sidebar-menu ul li .children li.active > a,
.bravo_user_profile .sidebar-menu ul li .children li:hover > a {
color: #FFFFFF !important;
background: rgba(255, 255, 255, 0.1) !important;
}
.bravo_user_profile .sidebar-menu ul li .caret:after {
color: #FFFFFF !important;
}
.bravo_user_profile .user-profile-plan {
border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.bravo_user_profile .user-profile-avatar .info-new h5 {
color: #FFFFFF !important;
}
.bravo_user_profile .logout a {
color: #FFFFFF !important;
}
.bravo_user_profile .logout a i {
color: #FFFFFF !important;
}
.bravo_user_profile .logout a:hover {
background: #3A9CAB !important;
}

/* Search Layout Toggle & OrderBy Styles */
.bravo-list-item .topbar-search .view-toggle .view-btn.active,
.bravo_wrap .bravo-list-item .control.bc-form-order .view-toggle .view-btn.active {
background: #3A9CAB !important;
color: #FFFFFF !important;
}
.bravo-list-item .topbar-search .view-toggle .view-btn:hover:not(.active) {
background: color-mix(in srgb, #3A9CAB, transparent 90%) !important;
color: #3A9CAB !important;
}
.bravo-list-item .topbar-search .items-wrapper .item.orderby .dropdown .dropdown-toggle {
background: color-mix(in srgb, #3A9CAB, transparent 90%) !important;
color: #5E6D77 !important;
}
.bravo-list-item .topbar-search .items-wrapper .item:first-child a:hover {
color: #3A9CAB !important;
}

/* Modern Topbar & Header Styles - Clean & Premium */
/* Topbar Text Color - Black */
.bravo_wrap .bravo_topbar .content .topbar-items li.dropdown > a,
.bravo_wrap .bravo_topbar .content .topbar-items a.login[data-toggle=dropdown],
.bravo_wrap .bravo_topbar .content .topbar-items li.login-item.dropdown > a.login,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-items,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-items *,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-items li,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-items li a,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-items li a i,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-left,
body:not(:has(.corporate-dashboard-layout)) .bravo_wrap .bravo_topbar .topbar-left * {
color: #000000 !important;
}

.bravo_wrap .bravo_topbar .content .topbar-items li.dropdown > a,
.bravo_wrap .bravo_topbar .content .topbar-items a.login[data-toggle=dropdown],
.bravo_wrap .bravo_topbar .content .topbar-items li.login-item.dropdown > a.login {
font-weight: 600 !important;
transition: all 0.2s !important;
text-decoration: none !important;
}
.bravo_wrap .bravo_header .header-right .topbar-items li.dropdown > a {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-weight: 600 !important;
color: #000000 !important;
transition: all 0.2s !important;
text-decoration: none !important;
}

/* Modern Dropdown Menu - Aggressive Override */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu {
background: #FFFFFF !important;
border: none !important;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12) !important;
border-radius: 12px !important;
padding: 12px 8px !important;
margin-top: 15px !important;
min-width: 240px !important;
display: none;
}
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown.show .dropdown-menu,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown.show .dropdown-menu {
display: block !important;
}

/* Floating Arrow */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu:before,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu:before {
content: "" !important;
position: absolute !important;
top: -6px !important;
right: 25px !important;
width: 12px !important;
height: 12px !important;
background: #fff !important;
transform: rotate(45deg) !important;
box-shadow: -2px -2px 5px rgba(0,0,0,0.02) !important;
border-left: 0 !important;
border-top: 0 !important;
}

.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li {
width: 100% !important;
padding: 2px 0 !important;
margin: 0 !important;
border: none !important;
}

.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li a,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li a {
color: #4A5568 !important;
padding: 10px 14px !important;
font-weight: 500 !important;
font-size: 14px !important;
border-radius: 8px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
border: none !important;
}

/* Icon Styling */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li a i,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li a i {
font-size: 16px !important;
color: #A0AEC0 !important;
width: 20px !important;
text-align: center !important;
transition: color 0.2s !important;
}

/* Hover State */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li a:hover,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li a:hover {
background: color-mix(in srgb, #3A9CAB, transparent 92%) !important;
color: #3A9CAB !important;
}
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li a:hover i,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li a:hover i {
color: #3A9CAB !important;
}

/* Logout Item - Red Theme */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li:last-child a,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li:last-child a {
color: #E53E3E !important;
margin-top: 5px !important;
border-top: 1px solid #F7FAFC !important;
padding-top: 15px !important;
}
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li:last-child a i,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li:last-child a i {
color: #E53E3E !important;
}
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu li:last-child a:hover,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu li:last-child a:hover {
background: #FFF5F5 !important;
}

/* Remove divider line */
.bravo_wrap .bravo_topbar .content .topbar-items .dropdown-menu .divider,
.bravo_wrap .bravo_header .header-right .topbar-items .dropdown-menu .divider {
display: none !important;
}

body{
font-family: var(--layout-font-family) !important;
font-size: var(--layout-body-font-size) !important;
color: var(--layout-text-color) !important;
}

/* Typography — all dashboards, admin, frontend, portals */
html,
.shell,
.tenant-wrapper,
.bravo_wrap,
.main-content,
#app,
.app-body,
.content {
font-family: var(--layout-font-family);
color: var(--layout-text-color);
}
h1, .h1 {
font-family: var(--layout-h1-font) !important;
font-size: var(--layout-h1-size) !important;
color: var(--layout-text-color) !important;
}
h2, .h2 {
font-family: var(--layout-h2-font) !important;
font-size: var(--layout-h2-size) !important;
color: var(--layout-text-color) !important;
}
h3, .h3 {
font-family: var(--layout-h3-font) !important;
font-size: var(--layout-h3-size) !important;
color: var(--layout-text-color) !important;
}
h4, h5, h6, .h4, .h5, .h6 {
font-family: var(--layout-font-family) !important;
color: var(--layout-text-color) !important;
}
.title-bar,
.content .page-title,
.app-body .page-title,
.shell .content > .page-title,
.membership-dashboard .page-header .page-title,
.owner-portal .page-title {
font-family: var(--layout-h1-font) !important;
font-size: var(--layout-h1-size) !important;
color: var(--layout-text-color) !important;
}
.dp-member-name,
.welcome-line,
.membership-modal-title,
.hotel-name,
.panel-title,
.panel-title strong,
.form-group-title,
.stat-value {
font-family: var(--layout-h2-font) !important;
font-size: var(--layout-h2-size) !important;
color: var(--layout-text-color) !important;
}
/* Homepage & page-builder section titles (Available deals, Popular Destinations, etc.) */
.bravo_wrap .bravo-list-hotel > .title,
.bravo_wrap .bravo-list-locations > .title,
.bravo_wrap .bravo-list-tour > .title,
.bravo_wrap .bravo-list-space > .title,
.bravo_wrap .bravo-list-car > .title,
.bravo_wrap .bravo-list-boat > .title,
.bravo_wrap .bravo-list-event > .title,
.bravo_wrap .bravo-list-news > .title,
.bravo_wrap .bravo-box-category-tour > .title,
.bravo_wrap .bravo-term-featured-box > .title,
.bravo_wrap .bravo-client-feedback > .title {
font-family: var(--layout-h2-font) !important;
font-size: var(--layout-h2-size) !important;
color: var(--layout-text-color) !important;
}

/* News & Travel Guide (BC templates use: .bravo-list-xxx > .container > .title) */
.bravo_wrap .bravo-list-tour > .container > .title,
.bravo_wrap .bravo-list-news > .container > .title,
.bravo_wrap .bravo-box-category-tour > .container > .title {
font-family: var(--layout-h2-font) !important;
font-size: var(--layout-h2-size) !important;
color: var(--layout-text-color) !important;
}
.bravo_wrap .bravo-list-hotel > .sub-title,
.bravo_wrap .bravo-list-locations > .sub-title,
.bravo_wrap .bravo-list-tour > .sub-title,
.bravo_wrap .bravo-list-space > .sub-title,
.bravo_wrap .bravo-list-car > .sub-title,
.bravo_wrap .bravo-list-boat > .sub-title,
.bravo_wrap .bravo-list-event > .sub-title,
.bravo_wrap .bravo-list-news > .sub-title {
font-family: var(--layout-font-family) !important;
font-size: var(--layout-body-font-size) !important;
color: color-mix(in srgb, var(--layout-text-color), transparent 35%) !important;
}

/* Nested subtitle / desc */
.bravo_wrap .bravo-list-tour > .container .sub-title,
.bravo_wrap .bravo-list-news > .container .sub-title {
font-family: var(--layout-font-family) !important;
font-size: var(--layout-body-font-size) !important;
color: color-mix(in srgb, var(--layout-text-color), transparent 35%) !important;
}
.bravo_wrap .bravo-box-category-tour > .container > .desc {
font-family: var(--layout-font-family) !important;
font-size: var(--layout-body-font-size) !important;
color: color-mix(in srgb, var(--layout-text-color), transparent 35%) !important;
}
/* Card titles inside listing blocks */
.bravo_wrap .kliq-card-title,
.bravo_wrap .destination-item .content .title {
font-family: var(--layout-h3-font) !important;
font-size: var(--layout-h3-size) !important;
color: var(--layout-text-color) !important;
}
.bravo_wrap .destination-item .content .title {
color: #fff !important;
}
h2.collapsible-title,
h3.collapsible-title {
margin: 0 !important;
}
h2.title,
.bravo_wrap .bravo-list-hotel > h2.title,
.bravo_wrap .bravo-list-locations > h2.title {
margin: 0 0 15px !important;
}
.collapsible-title,
.card-title,
.personal-hdr-title,
.booking-detail-subtitle,
.cancel-v2-card-title,
.cancel-modal-v2-section-title,
.kliq-section-title {
font-family: var(--layout-h3-font) !important;
font-size: var(--layout-h3-size) !important;
color: var(--layout-text-color) !important;
}
.page-subtitle,
.form-group-desc,
.text-muted,
.detail-label {
color: color-mix(in srgb, var(--layout-text-color), transparent 35%) !important;
}

/* Icon fonts — jangan override oleh global font-family */
.fa,
.fa:before {
font-family: FontAwesome !important;
font-style: normal !important;
font-weight: normal !important;
}
.ti,
.ti:before {
font-family: "tabler-icons" !important;
font-style: normal !important;
font-weight: normal !important;
speak: none;
}
.ion:before,
.ion {
font-family: Ionicons !important;
}
.icofont {
font-family: IcoFont !important;
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined' !important;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
}

/* Homepage list carousels — owl prev/next (Available deals, etc.) */
.bravo_wrap .bravo-list-hotel .owl-nav,
.bravo_wrap .bravo-list-tour .owl-nav,
.bravo_wrap .bravo-list-space .owl-nav,
.bravo_wrap .bravo-list-car .owl-nav,
.bravo_wrap .bravo-list-event .owl-nav,
.bravo_wrap .bravo-list-boat .owl-nav {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
}
.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next,
.bravo_wrap .bravo-list-tour .owl-nav .owl-prev,
.bravo_wrap .bravo-list-tour .owl-nav .owl-next,
.bravo_wrap .bravo-list-space .owl-nav .owl-prev,
.bravo_wrap .bravo-list-space .owl-nav .owl-next,
.bravo_wrap .bravo-list-car .owl-nav .owl-prev,
.bravo_wrap .bravo-list-car .owl-nav .owl-next,
.bravo_wrap .bravo-list-event .owl-nav .owl-prev,
.bravo_wrap .bravo-list-event .owl-nav .owl-next,
.bravo_wrap .bravo-list-boat .owl-nav .owl-prev,
.bravo_wrap .bravo-list-boat .owl-nav .owl-next {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
border-radius: 50% !important;
border: 1px solid color-mix(in srgb, var(--layout-button), transparent 55%) !important;
background: #fff !important;
color: var(--layout-button) !important;
font-size: 14px !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-family: var(--layout-font-family) !important;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
cursor: pointer !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next span,
.bravo_wrap .bravo-list-tour .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-tour .owl-nav .owl-next span,
.bravo_wrap .bravo-list-space .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-space .owl-nav .owl-next span,
.bravo_wrap .bravo-list-car .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-car .owl-nav .owl-next span,
.bravo_wrap .bravo-list-event .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-event .owl-nav .owl-next span,
.bravo_wrap .bravo-list-boat .owl-nav .owl-prev span,
.bravo_wrap .bravo-list-boat .owl-nav .owl-next span,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next .fa,
.bravo_wrap .bravo-list-tour .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-tour .owl-nav .owl-next .fa,
.bravo_wrap .bravo-list-space .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-space .owl-nav .owl-next .fa,
.bravo_wrap .bravo-list-car .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-car .owl-nav .owl-next .fa,
.bravo_wrap .bravo-list-event .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-event .owl-nav .owl-next .fa,
.bravo_wrap .bravo-list-boat .owl-nav .owl-prev .fa,
.bravo_wrap .bravo-list-boat .owl-nav .owl-next .fa {
position: static !important;
top: auto !important;
line-height: 1 !important;
font-size: 14px !important;
font-family: FontAwesome !important;
display: inline-block !important;
}
.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next:hover,
.bravo_wrap .bravo-list-tour .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-tour .owl-nav .owl-next:hover,
.bravo_wrap .bravo-list-space .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-space .owl-nav .owl-next:hover,
.bravo_wrap .bravo-list-car .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-car .owl-nav .owl-next:hover,
.bravo_wrap .bravo-list-event .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-event .owl-nav .owl-next:hover,
.bravo_wrap .bravo-list-boat .owl-nav .owl-prev:hover,
.bravo_wrap .bravo-list-boat .owl-nav .owl-next:hover {
background: var(--layout-button) !important;
border-color: var(--layout-button) !important;
color: #fff !important;
box-shadow: 0 4px 12px color-mix(in srgb, var(--layout-button), transparent 65%) !important;
}
.bravo_wrap .bravo-list-hotel .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-hotel .owl-nav .owl-next:hover .fa,
.bravo_wrap .bravo-list-tour .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-tour .owl-nav .owl-next:hover .fa,
.bravo_wrap .bravo-list-space .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-space .owl-nav .owl-next:hover .fa,
.bravo_wrap .bravo-list-car .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-car .owl-nav .owl-next:hover .fa,
.bravo_wrap .bravo-list-event .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-event .owl-nav .owl-next:hover .fa,
.bravo_wrap .bravo-list-boat .owl-nav .owl-prev:hover .fa,
.bravo_wrap .bravo-list-boat .owl-nav .owl-next:hover .fa {
color: #fff !important;
}

/* Global layout — header, page, cards, buttons (all pages) */
.main-header {
background: var(--layout-header-bg) !important;
}
body,
.bravo_wrap,
.main-content,
#app {
background-color: var(--layout-page-bg);
}
.panel,
.bravo_wrap .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo-list-space .item-loop,
.bravo_wrap .page-template-content .bravo-list-space .item-loop,
.bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo_search_tour .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo_search_car .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo_search_event .bravo-list-item .list-item .item-loop,
.bravo_wrap .bravo_search_boat .bravo-list-item .list-item .item-loop {
background-color: var(--layout-card-bg) !important;
border-radius: var(--layout-card-radius) !important;
}
.btn.btn-primary,
.bravo_wrap .bravo_form .g-button-submit button {
background: var(--layout-button) !important;
border-color: var(--layout-button) !important;
}
.btn.btn-primary:hover,
.bravo_wrap .bravo_form .g-button-submit button:hover {
background: color-mix(in srgb, var(--layout-button), black 10%) !important;
border-color: color-mix(in srgb, var(--layout-button), black 10%) !important;
}

/* Tenant portal — top header */
.tenant-topbar {
background-color: var(--layout-header-bg) !important;
color: var(--layout-header-text) !important;
}
.tenant-topbar .topbar-right .icon-btn,
.tenant-topbar .sidebar-hamburger,
.tenant-topbar .tenant-notif-bell-toggle,
.tenant-topbar .tenant-notif-bell-toggle i {
color: var(--layout-header-text) !important;
}

/* All portal dashboards — unified sidebar, header, accents */
.shell > .sidebar,
.ap-sidebar,
.app-body .sidebar {
background: var(--layout-sidebar-bg) !important;
}
/* Sidebar menu text — all dashboards */
.main-sidebar .main-menu .menu-item a,
.bravo_user_profile .sidebar-menu ul li a,
.sidebar-menu ul li a,
.shell > .sidebar .sbn,
.shell > .sidebar .nav-item,
.ap-sidebar .ap-nav-item,
.app-body .sidebar .nav-item {
font-size: var(--layout-body-font-size) !important;
font-family: var(--layout-font-family) !important;
}
.sidebar-header h3,
.sb-logo-text {
font-size: var(--layout-h3-size) !important;
font-family: var(--layout-h3-font) !important;
}
.sbn.active {
background: var(--layout-sidebar-active) !important;
color: #fff !important;
}
.ap-nav-item.active,
.shell .nav-item.active {
border-left-color: var(--layout-sidebar-active) !important;
background: color-mix(in srgb, var(--layout-sidebar-active) 12%, transparent) !important;
color: #fff !important;
}
.shell .topbar,
.ap-sidebar + .main .topbar,
.space-portal .topbar {
background: var(--layout-header-bg) !important;
color: var(--layout-header-text);
}
.topbar .page-title,
.shell .topbar .page-title {
color: var(--layout-header-text) !important;
}
.shell .topbar .topbar-bell {
background: color-mix(in srgb, var(--layout-header-text) 12%, transparent);
}
.shell .topbar .topbar-bell:hover {
background: color-mix(in srgb, var(--layout-header-text) 20%, transparent);
}
.shell .topbar .topbar-bell svg path,
.shell .topbar .topbar-bell svg {
stroke: var(--layout-header-text);
}
.top-bar {
background: var(--layout-header-bg) !important;
}
.app-body .sidebar {
background: var(--layout-sidebar-bg) !important;
}
.app-body .nav-item.active {
border-left-color: var(--layout-sidebar-active) !important;
background: color-mix(in srgb, var(--layout-sidebar-active) 14%, transparent) !important;
}
.dp-avatar,
.user-avatar-btn {
background: var(--layout-button) !important;
}
/* Membership top/profile avatars keep white plate so photo shows cleanly */
.top-avatar-sm,
.personal-details-avatar {
background: #fff !important;
color: #0F172A !important;
}
.dd-item.active,
.dd-item.active i {
color: var(--layout-button) !important;
}
.btn-primary,
.membership-dashboard .btn-primary {
background: var(--layout-button) !important;
border-color: var(--layout-button) !important;
}

/* Tenant portal — buttons & accents inside dashboard content */
.tenant-content .grand-total-footer,
.tenant-content .btn-proceed-payment,
.tenant-content .btn-pay-primary,
.tenant-dashboard-content .btn-submit-brand,
.tenant-content a.btn.font-weight-600:not(.btn-outline-light) {
background: var(--layout-button) !important;
border-color: var(--layout-button) !important;
color: #fff !important;
}
.tenant-dashboard-content .status-pill-brand,
.tenant-dashboard-content .text-brand,
.tenant-dashboard-content .btn-view-invoice-dashboard:hover i,
.tenant-content .invoice-link:hover {
color: var(--layout-button) !important;
}
.tenant-dashboard-content .card-stat-icon.brand {
color: var(--layout-button) !important;
background: color-mix(in srgb, var(--layout-button), transparent 88%) !important;
}
.tenant-dashboard-content .btn-download-invoice-modal,
.tenant-dashboard-content .btn-view-invoice-dashboard {
color: var(--layout-button) !important;
border-color: color-mix(in srgb, var(--layout-button), transparent 75%) !important;
background: color-mix(in srgb, var(--layout-button), transparent 94%) !important;
}




/* iPad / Tablet: scrollable calendar panel (position comes from home.js + anchor rect on scroll) */
@media (max-width: 1024px) {
.daterangepicker {
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
min-height: 480px !important;
max-height: 85vh !important;
}

.daterangepicker.daterangepicker--hero-search {
min-height: 480px !important;
}

.daterangepicker .drp-buttons {
position: sticky !important;
bottom: 0 !important;
background: #fff !important;
z-index: 10 !important;
border-top: 1px solid #ddd !important;
}
}

/* Force footer contents to align left and remove offset wrappers */
.bravo_footer .main-footer .col-lg-10.offset-lg-1,
.bravo_footer .copy-right .col-lg-10.offset-lg-1,
.bravo_footer .main-footer .col-lg-offset-1,
.bravo_footer .copy-right .col-lg-offset-1 {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}