/* French brand palette: Bordeaux replaces the legacy green UI accents. */
:root {
    --fr-bordeaux: #7b1e2b;
    --fr-bordeaux-dark: #5e1721;
    --fr-bordeaux-deep: #481019;
    --fr-bordeaux-soft: #f4e8eb;
    --fr-bordeaux-muted: #c9a3ab;
    --fr-petrol: #1f4f5f;
    --fr-petrol-dark: #173b47;
    --fr-support-red: #d24b2a;
    --fr-support-panel: #eee9e6;
}

a {
    color: var(--fr-petrol);
}

.a-name-popular,
.a-test,
.test-custname,
.h4-team,
.h1-cat-dest,
.a-dest-tour,
.tour-dest,
.name-hotel-tour,
.rate-result-title,
.pathway div a,
.pathway div span,
.pathway .pw_item a span {
    color: var(--fr-bordeaux) !important;
}

.top-header,
.box-about-left,
.box-tour-by-dest,
.box-support,
.box-best-price,
.a-book-now,
.a-view-detail,
.a-view-detail-list,
.div_paging .sh_page_selecta,
.next_page,
.row-top-dest:hover .num-top-dest,
.row-tour-day-open .title-tour-day,
.a-button-tour,
.getdate table th,
.td_price th.th_header,
.nav.nav-tab-hotel > li.active > a,
.score-bar,
.left-info-book span,
.title-form span,
.box-tour-info,
.box-book-the-tour,
.navbar-toggle .icon-bar,
.social-widget {
    background-color: var(--fr-bordeaux) !important;
}

.a-book-now,
.a-view-detail,
.a-view-detail-list,
.a-button-tour,
.nav.nav-tab-hotel > li.active > a,
.row-tour-day-open .title-tour-day a,
.box-tour-by-dest a,
.box-support a,
.box-best-price a,
.box-tour-info a,
.box-book-the-tour a,
.social-widget a {
    color: #fff !important;
}

.a-book-now:focus,
.a-book-now:hover,
.a-view-detail:focus,
.a-view-detail:hover,
.a-view-detail-list:focus,
.a-view-detail-list:hover,
.a-button-tour:focus,
.a-button-tour:hover {
    background-color: var(--fr-bordeaux-dark) !important;
    color: #fff !important;
}

.h3-popular,
.a-name-popular,
.h3-whyus,
.h4-team,
.a-test,
.test-custname,
.pricenow-list,
.voted,
.icon_set_1_icon-83,
.day-popular i,
.rate-popular i,
.bar-popular i,
.day-tour-list .fa-bed,
.td-hotel-left .fa-bed,
.value-rate-tour span,
.title-highlight,
.title-phone {
    color: var(--fr-bordeaux) !important;
}

.box-about-icon a {
    background-color: var(--fr-bordeaux-soft) !important;
}

.box-about-icon a:focus,
.box-about-icon a:hover {
    background-color: var(--fr-bordeaux) !important;
    border-color: var(--fr-bordeaux-soft) !important;
}

.box-tour-by-dest .h3-popular {
    color: #f6e7ea !important;
}

.summary-top-whyus,
.box-team,
.title-tour-day,
.row-tour-day:last-child .title-tour-day,
.box-hotel-tour,
.show-rate-tour,
.rate-result-title,
.img-map,
.box-tour-info-book {
    border-color: var(--fr-bordeaux) !important;
}

.title-tour-day div {
    border-left-color: var(--fr-bordeaux-muted) !important;
}

.note-show-rate::after {
    border-color: transparent var(--fr-bordeaux) !important;
}

.box-search {
    background-color: rgba(123, 30, 43, .88) !important;
}

.social-widget a:focus,
.social-widget a:hover {
    color: #f0c9d0 !important;
}

.box-tour-info-book,
.box-tour-info-book a {
    color: var(--fr-bordeaux) !important;
}

.nav-tab-detail > li.active > a,
.nav-tab-detail > li.active > a:focus,
.nav-tab-detail > li.active > a:hover,
.nav-tab-detail > li > a:hover,
.nav-tab-detail > li > a:hover i,
.nav-tab-detail > li.active > a i,
.nav-tab-detail > li.active > a:focus i,
.nav-tab-detail > li.active > a:hover i {
    color: var(--fr-bordeaux) !important;
}

.nav-tab-detail > li.active::after {
    background: var(--fr-bordeaux) !important;
}

/* FR support keeps the production collapsed/hover interaction. */
#bar-right.send_enquiry {
    width: 210px;
    background: transparent !important;
    border-radius: 0;
    right: -210px;
    padding: 0;
}

#bar-right .sitebadge {
    position: relative;
    width: 210px;
    padding: 6px;
    background: var(--fr-support-red);
    border-radius: 5px 0 0 5px;
    border-left: 0;
}

#bar-right .title_support {
    position: absolute;
    left: -44px;
    top: 0;
    width: 44px;
    height: 100%;
    min-height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fr-bordeaux);
    border-radius: 5px 0 0 5px;
    transform: none;
}

/* Keep the quote CTA aligned with the FR brand, including static manual pages
   whose historical menu snapshot still carries an inline orange background. */
.main-menu .a_menu_main[href="/devis-gratuit"],
.main-menu .a_menu_main[href="/devis-gratuit/"] {
    background-color: var(--fr-bordeaux) !important;
    color: #fff !important;
}

#bar-right .a_send_enquiry {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
    color: #fff !important;
    font-family: GOTHICB, Arial, sans-serif;
    font-size: 17px;
    line-height: 1;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

#bar-right .support_online {
    float: none;
    min-height: 0;
    margin-left: 0;
    padding: 0;
    border-left: 0;
}

.fr-support-actions {
    padding: 0;
}

.fr-support-action {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0 0 4px 10px;
    padding: 5px 6px 5px 8px;
    background: var(--fr-support-panel);
    color: #111 !important;
    text-decoration: none !important;
    line-height: 1;
}

.fr-support-action::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-right: 12px solid var(--fr-support-panel);
}

.fr-support-action:hover,
.fr-support-action:focus {
    background: #fff;
    color: #111 !important;
}

.fr-support-action:hover::before,
.fr-support-action:focus::before {
    border-right-color: #fff;
}

.fr-support-icon {
    flex: 0 0 25px;
    font-size: 22px;
    color: var(--fr-bordeaux);
    text-align: center;
}

.fr-support-copy {
    display: block;
    padding-left: 4px;
    text-align: left;
}

.fr-support-copy strong {
    display: block;
    color: #111;
    font: 700 17px/15px Arial, sans-serif;
}

.fr-support-copy small {
    display: block;
    margin-top: 3px;
    color: #222;
    font: 700 9px/10px Arial, sans-serif;
}

.fr-support-copy b {
    display: block;
    margin-top: 1px;
    color: var(--fr-bordeaux);
    font: 700 16px/15px Arial, sans-serif;
}

/* Preserve semantic alert/error colors and the legacy orange CTA/price accent. */

/* Catch legacy green accents rendered by secondary/detail templates. */
.col-whyus figure,
.row-whyus figure,
#whyusCarousel .carousel-indicators li.active,
.jcarousel-control-next-interest,
.jcarousel-control-prev-interest,
.box-search-cruise,
.cabin-detail,
.nav-tab-detail > li.active::after {
    background-color: var(--fr-bordeaux) !important;
}

#whyusCarousel a.right,
.h4-whyus,
.a-whyus,
.a-whyus:link,
.a-whyus:visited,
.a-guide,
.price-detail,
.h3-hotel-in-tour,
.h4-title-hotel,
.a-name-cabin,
.p-line i,
.note-review,
.row-top-dest:hover .top-dest-info,
.tour-dest i {
    color: var(--fr-bordeaux) !important;
}

.bar-tour-slide,
.show-rate-tour,
.cabin-detail,
.col-shop-cacul,
.title-tour-day,
.row-tour-day:last-child .title-tour-day,
.box-hotel-tour,
.img-map {
    border-color: var(--fr-bordeaux) !important;
}

.box-search-cruise {
    background-color: rgba(123, 30, 43, .82) !important;
}

.tooltip.bottom .tooltip-inner {
    background-color: rgba(244, 232, 235, .96) !important;
    color: var(--fr-bordeaux-dark) !important;
}

.row-top-dest:hover .num-top-dest,
.row-tour-day-open .title-tour-day,
.nav.nav-tab-hotel > li.active > a,
.score-bar,
.title-form span,
.left-info-book span,
.box-tour-info,
.box-book-the-tour {
    background-color: var(--fr-bordeaux) !important;
}

.owl-controls .owl-buttons .owl-next,
.owl-controls .owl-buttons .owl-prev,
.owl-controls .owl-page.active span,
.swiper-pagination-switch.swiper-active-switch,
.swiper-pagination-switch.active,
.swiper-pagination-bullet-active,
.pagination-slide .swiper-active-switch,
.jcarousel-control-next,
.jcarousel-control-prev,
.jcarousel-control-next-dest,
.jcarousel-control-prev-dest,
.jcarousel-control-next-destination,
.jcarousel-control-prev-destination {
    background-color: var(--fr-bordeaux) !important;
}

.owl-controls .owl-page span,
.swiper-pagination-switch,
.swiper-pagination-bullet {
    border-color: var(--fr-bordeaux) !important;
}

.detail-cat-dest a,
.detail-cat-dest .box-guide .a-guide,
.detail-cat-dest .box-guide a,
.detail-cat-dest .guide-menu a,
.detail-cat-dest .menu-guide a {
    color: var(--fr-petrol) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.detail-cat-dest a:hover,
.detail-cat-dest a:focus,
.detail-cat-dest .box-guide a:hover,
.detail-cat-dest .box-guide a:focus,
.detail-cat-dest .guide-menu a:hover,
.detail-cat-dest .guide-menu a:focus,
.detail-cat-dest .menu-guide a:hover,
.detail-cat-dest .menu-guide a:focus {
    color: var(--fr-bordeaux) !important;
}

#bar-right .fr-support-action:last-child{margin-bottom:0}
