@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

    body, h1, h2, h3, h4, h5, h6, p, a, span, div, input, button, select, textarea {
        font-family: 'Inter', 'Nunito', sans-serif !important;
    }

    body{
                                                                                                                        }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #f87c1b;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #f87c1b !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #f87c1b;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #f87c1b !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #f87c1b;
        }
        /*-----------end main color------------*/
    
    /* === Buton hover rengi (turuncu) === */
    .button:hover:not(.accordion__button .button):not(.accordion__item .button),
    .button.-blue-1:hover,
    .button.-dark-1:hover,
    .button.-outline-blue-1:hover,
    .mainSearch__submit:hover,
    .bg-blue-1:hover,
    a.button:hover,
    button:hover:not(.btn-minus):not(.btn-add):not(.button.-outline-blue-1) {
        background: linear-gradient(135deg, #e06b0f 0%, #f87c1b 100%) !important;
        border-color: #f87c1b !important;
        color: #fff !important;
        box-shadow: 0 6px 20px rgba(248,124,27,0.45) !important;
        transform: translateY(-2px) !important;
    }

    /* === Accordion FAQ hover düzeltmesi === */
    .accordion__item .button,
    .accordion__item .button:hover,
    .accordion.-simple .accordion__item .button,
    .accordion.-simple .accordion__item .button:hover {
        background: none !important;
        border-color: transparent !important;
        color: var(--color-dark-1) !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* === Misafir Sayacı (+/-) Boyut Küçültme === */
    .searchMenu-guests__field .button.size-38 {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        line-height: 30px !important;
    }
    .searchMenu-guests__field .bg-white.px-30.py-30 {
        padding: 16px 20px !important;
    }
    .searchMenu-guests__field .border-top-light.mt-24.mb-24 {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    .searchMenu-guests__field .size-20.ml-15.mr-15 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

            
    .bravo_wrap .bravo_user_profile {
    background: #f5f7f9;
    color: #1a2b48;
    padding: 0 10px;
}

.bravo_wrap .bravo_user_profile .sidebar-menu ul li a {
    border: 0;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-decoration: none;
    transition: all .3s;
}

@media (min-width: 768px) {
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 25%;
    }
}

.header-margin
 {
    margin-top: px;
}

.bravo_wrap .page-template-content .bravo-form-search-hotel .text-heading {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
}

.masthead.-type-4
 {
    position: relative;
    margin: 0 !important;
}


.masthead__scroll
{
    display:none !important;
}

.item-loop-wrap.inner-loop-wrap
{
border: 1px solid #dfdfdf;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.icon-arrow-top-right.ml-15
{
    display:none;
}

.has-skeleton{
    border-radius: 10px;
}

.bravo_detail .bravo_content .g-attributes .list-attributes .item .img-responsive
 {
    width: 32px;
    height: 32px;
}


.bravo_wrap .bravo_search .gotrip_form_search
{
   border: 1px solid #dfdfdf;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.bravo_form_filter
 {
    padding: 20px;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.bravo-how-it-works
{
    background-image:none!important;
    margin:20px 0px;
}

.header .header-logo img

 {
    width: 180px;
}

.masthead.-type-4 .masthead__content

 {
    position: relative;
    z-index: 1;
    padding-top: 210px;
    padding-bottom: 140px;
}

@media (max-width: 768px) {
    .header .header-logo img {
        max-width: 140px;
    }
    
    /* html.ios nav.mobile-bottom-nav { disabled } */
    
    #chtl-chat-icon-container 
    {
        bottom:80px !important;
    }
    
    html.ios #chtl-chat-icon-container 
    {
        bottom:180px !important;
    }
}
    

    /* ============================================================
       MODERN UI OVERHAUL — Oteliks 2026
    ============================================================ */

    /* --- Smooth scroll & box-sizing --- */
    html { scroll-behavior: smooth; }
    *, *::before, *::after { box-sizing: border-box; }

    /* --- Header: modern frosted glass --- */
    .header {
        backdrop-filter: blur(12px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
        background: rgba(255,255,255,0.92) !important;
        border-bottom: 1px solid rgba(0,0,0,0.07) !important;
        box-shadow: 0 2px 20px rgba(0,0,0,0.06) !important;
        transition: background 0.3s, box-shadow 0.3s !important;
    }
    .header .header-logo img {
        transition: transform 0.2s !important;
        transform: scale(0.9) !important;
        transform-origin: left center !important;
    }
    .header .header-logo img:hover {
        transform: scale(0.94) !important;
    }
    /* Nav links */
    .header .desktopMenu .menu > li > a {
        letter-spacing: -0.01em !important;
        font-weight: 500 !important;
        transition: color 0.2s !important;
    }

    /* --- Otel kartları modern redesign --- */
    .hotelsCard.-type-1 {
        border: 1px solid #e9e9e9 !important;
        border-radius: 16px !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
        padding: 0 !important;
        overflow: hidden !important;
        transition: transform 0.25s cubic-bezier(.22,.61,.36,1), box-shadow 0.25s !important;
        background: #fff !important;
    }
    .hotelsCard.-type-1:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 16px 40px rgba(0,0,0,0.13) !important;
    }
    .hotelsCard.-type-1 .hotelsCard__image {
        overflow: hidden !important;
        border-radius: 16px 16px 0 0 !important;
    }
    .hotelsCard.-type-1 .hotelsCard__image img {
        transition: transform 0.4s cubic-bezier(.22,.61,.36,1) !important;
    }
    .hotelsCard.-type-1:hover .hotelsCard__image img {
        transform: scale(1.06) !important;
    }
    .hotelsCard.-type-1 .hotelsCard__content {
        padding: 14px 16px 16px !important;
    }
    .hotelsCard__title {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        letter-spacing: -0.01em !important;
    }
    .hotelsCard__title a {
        color: #0f172a !important;
        transition: color 0.2s !important;
    }
    .hotelsCard__title a:hover {
        color: #f87c1b !important;
    }

    /* --- Fiyat modern stili --- */
    .text-red-1.lh-12.fw-600 {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #f87c1b !important;
        letter-spacing: -0.03em !important;
    }

    /* --- Rating badge modern --- */
    .flex-center.bg-blue-1.rounded-4.size-30 {
        background: linear-gradient(135deg, #f87c1b, #ff9d44) !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        box-shadow: 0 2px 8px rgba(248,124,27,0.3) !important;
    }

    /* --- Ana butonlar: pill shape + gradient --- */
    .button.-blue-1,
    .button.-dark-1,
    .button.bg-blue-1,
    .btn-primary,
    .mainSearch__submit {
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        border: none !important;
        border-radius: 50px !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        box-shadow: 0 4px 14px rgba(248,124,27,0.35) !important;
        transition: all 0.25s !important;
        color: #fff !important;
    }
    .button.-blue-1:hover,
    .button.-dark-1:hover,
    .button.bg-blue-1:hover,
    .btn-primary:hover,
    .mainSearch__submit:hover {
        background: linear-gradient(135deg, #e06b0f 0%, #f87c1b 100%) !important;
        box-shadow: 0 6px 20px rgba(248,124,27,0.45) !important;
        transform: translateY(-2px) !important;
        color: #fff !important;
    }

    /* Outline buton */
    .button.-outline-blue-1 {
        border-radius: 50px !important;
        border-width: 2px !important;
        font-weight: 600 !important;
        transition: all 0.2s !important;
    }

    /* --- Arama formu modern --- */
    .gotrip_form_search,
    .bravo_form_search {
        border-radius: 20px !important;
        box-shadow: 0 8px 40px rgba(0,0,0,0.13) !important;
        border: 1.5px solid rgba(255,255,255,0.8) !important;
        background: rgba(255,255,255,0.98) !important;
        backdrop-filter: blur(12px) !important;
        padding: 8px 8px 8px 8px !important;
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
    }
    /* field-items tam genişlik */
    .gotrip_form_search .field-items,
    .bravo_form_search .field-items {
        flex: 1 !important;
    }
    .gotrip_form_search .field-items > .row,
    .bravo_form_search .field-items > .row {
        flex-wrap: nowrap !important;
        align-items: center !important;
        margin: 0 !important;
    }
    /* Her field kolonu */
    .gotrip_form_search .field-items > .row > [class*="col-"],
    .bravo_form_search .field-items > .row > [class*="col-"] {
        padding: 10px 20px !important;
        position: relative !important;
    }
    /* Kolonlar arası ince dikey çizgi */
    .gotrip_form_search .field-items > .row > [class*="col-"]:not(:first-child)::before,
    .bravo_form_search .field-items > .row > [class*="col-"]:not(:first-child)::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 20% !important;
        height: 60% !important;
        width: 1px !important;
        background: #e2e8f0 !important;
    }
    /* Field başlık etiketleri */
    .gotrip_form_search .text-15.fw-500,
    .bravo_form_search .text-15.fw-500,
    .gotrip_form_search h4.text-15,
    .bravo_form_search h4.text-15 {
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        color: #64748b !important;
        margin-bottom: 4px !important;
        line-height: 1 !important;
    }
    /* Field içerik metni */
    .gotrip_form_search .text-15.text-light-1,
    .bravo_form_search .text-15.text-light-1,
    .gotrip_form_search .text-14.text-light-1,
    .bravo_form_search .text-14.text-light-1 {
        font-size: 14px !important;
        color: #1e293b !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;
    }
    /* Input alanları */
    .gotrip_form_search input.js-search,
    .bravo_form_search input.js-search,
    .gotrip_form_search input[name="service_name"],
    .bravo_form_search input[name="service_name"] {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #1e293b !important;
        background: transparent !important;
        padding: 0 !important;
        width: 100% !important;
    }
    .gotrip_form_search input.js-search::placeholder,
    .bravo_form_search input.js-search::placeholder {
        color: #94a3b8 !important;
        font-weight: 400 !important;
    }
    /* Gece sayısı badge */
    #night-count {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #f87c1b !important;
        background: #fff7ed !important;
        padding: 2px 8px !important;
        border-radius: 20px !important;
    }
    /* Submit butonu */
    .mainSearch__submit {
        border-radius: 14px !important;
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        border: none !important;
        color: #fff !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        padding: 14px 28px !important;
        letter-spacing: 0.01em !important;
        box-shadow: 0 4px 16px rgba(248,124,27,0.4) !important;
        white-space: nowrap !important;
        transition: all 0.25s !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
    }
    .mainSearch__submit:hover {
        background: linear-gradient(135deg, #e06b0f 0%, #f87c1b 100%) !important;
        box-shadow: 0 6px 24px rgba(248,124,27,0.5) !important;
        transform: translateY(-1px) !important;
        color: #fff !important;
    }
    .mainSearch__submit .icon-search {
        font-size: 16px !important;
    }
    /* button-item wrapper */
    .gotrip_form_search .button-item,
    .bravo_form_search .button-item {
        padding: 0 4px 0 8px !important;
        flex-shrink: 0 !important;
    }
    /* Hover efekti her field'a */
    .gotrip_form_search .field-items > .row > [class*="col-"]:hover,
    .bravo_form_search .field-items > .row > [class*="col-"]:hover {
        background: #f8fafc !important;
        border-radius: 12px !important;
    }
    /* Responsive: mobilde sarma */
    @media (max-width: 991px) {
        .gotrip_form_search,
        .bravo_form_search {
            flex-direction: column !important;
            border-radius: 16px !important;
            gap: 4px !important;
        }
        .gotrip_form_search .field-items > .row,
        .bravo_form_search .field-items > .row {
            flex-wrap: wrap !important;
        }
        .gotrip_form_search .field-items > .row > [class*="col-"]::before,
        .bravo_form_search .field-items > .row > [class*="col-"]::before {
            display: none !important;
        }
        .gotrip_form_search .button-item,
        .bravo_form_search .button-item {
            width: 100% !important;
            padding: 4px 8px 8px !important;
        }
        .mainSearch__submit {
            width: 100% !important;
            justify-content: center !important;
        }
    }

    /* --- Form input modern --- */
    .form-control,
    .form-control:focus,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="search"],
    select,
    textarea {
        border-radius: 10px !important;
        border: 1.5px solid #e2e8f0 !important;
        transition: border-color 0.2s, box-shadow 0.2s !important;
    }
    .form-control:focus,
    input[type="text"]:focus,
    input[type="email"]:focus {
        border-color: #f87c1b !important;
        box-shadow: 0 0 0 3px rgba(248,124,27,0.12) !important;
    }

    /* --- Badge soft renkler modern --- */
    .badge-soft {
        border-radius: 6px !important;
        font-weight: 600 !important;
        font-size: 11px !important;
        letter-spacing: 0.02em !important;
        padding: 3px 8px !important;
    }
    .badge-soft-blue   { background:#eff6ff !important; color:#2563eb !important; }
    .badge-soft-green  { background:#f0fdf4 !important; color:#16a34a !important; }
    .badge-soft-orange { background:#fff7ed !important; color:#ea580c !important; }
    .badge-soft-red    { background:#fef2f2 !important; color:#dc2626 !important; }
    .badge-soft-purple { background:#faf5ff !important; color:#7c3aed !important; }

    /* --- Pagination modern --- */
    .pagination.-dots .pagination__item {
        border-radius: 10px !important;
        font-weight: 600 !important;
        transition: all 0.2s !important;
    }

    /* --- Kartlar içi ince çizgi sınır kaldır --- */
    .item-loop-wrap.inner-loop-wrap {
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.07) !important;
        overflow: hidden !important;
        transition: transform 0.25s, box-shadow 0.25s !important;
    }
    .item-loop-wrap.inner-loop-wrap:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 14px 36px rgba(0,0,0,0.12) !important;
    }

    /* --- Breadcrumb gizle (gereksiz) --- */
    .blog-breadcrumb {
        background: transparent !important;
    }

    /* === Daterangepicker Modern Takvim === */
    body .daterangepicker {
        border: none !important;
        border-radius: 20px !important;
        box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
        padding: 0 !important;
        overflow: hidden !important;
        font-family: 'Inter', sans-serif !important;
    }
    /* Takvim iç padding */
    body .daterangepicker .drp-calendar {
        padding: 16px 20px !important;
    }
    /* Ay/Yıl başlığı */
    body .daterangepicker .drp-calendar .calendar-table th.month {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        letter-spacing: -0.02em !important;
        padding: 8px 0 12px !important;
    }
    /* Gün başlıkları (Ay, Tu, Biz...) */
    body .daterangepicker .drp-calendar .calendar-table thead tr:last-child th {
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #94a3b8 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        padding-bottom: 8px !important;
    }
    /* Tüm hücreler */
    body .daterangepicker .drp-calendar .calendar-table td {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #334155 !important;
        border-radius: 10px !important;
        transition: all 0.15s !important;
        width: 38px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 !important;
    }
    /* Hover */
    body .daterangepicker .drp-calendar .calendar-table td:not(.off):not(.disabled):hover {
        background: #f1f5f9 !important;
        color: #0f172a !important;
        border-radius: 10px !important;
    }
    /* Başlangıç tarihi */
    body .daterangepicker .drp-calendar .calendar-table td.start-date,
    body .daterangepicker .drp-calendar .calendar-table td.start-date:hover {
        background: linear-gradient(135deg, #f87c1b, #ff9d44) !important;
        color: #fff !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 12px rgba(248,124,27,0.4) !important;
        font-weight: 700 !important;
    }
    /* Bitiş tarihi */
    body .daterangepicker .drp-calendar .calendar-table td.end-date,
    body .daterangepicker .drp-calendar .calendar-table td.end-date:hover {
        background: linear-gradient(135deg, #f87c1b, #ff9d44) !important;
        color: #fff !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 12px rgba(248,124,27,0.4) !important;
        font-weight: 700 !important;
    }
    /* Aralık (in-range) */
    body .daterangepicker .drp-calendar .calendar-table td.in-range:not(.start-date):not(.end-date) {
        background: #fff7ed !important;
        color: #c2410c !important;
        border-radius: 0 !important;
    }
    /* İlk ve son hücre köşe radius */
    body .daterangepicker .drp-calendar.left .calendar-table td.start-date {
        border-radius: 10px 0 0 10px !important;
    }
    body .daterangepicker .drp-calendar.right .calendar-table td.end-date {
        border-radius: 0 10px 10px 0 !important;
    }
    /* Geçmiş / devre dışı günler */
    body .daterangepicker .drp-calendar .calendar-table td.off,
    body .daterangepicker .drp-calendar .calendar-table td.disabled {
        color: #d1d5db !important;
        font-weight: 400 !important;
    }
    /* İleri/geri okları */
    body .daterangepicker th.prev,
    body .daterangepicker th.next {
        background: #f8fafc !important;
        border-radius: 8px !important;
        width: 32px !important;
        height: 32px !important;
        transition: background 0.15s !important;
    }
    body .daterangepicker th.prev:hover,
    body .daterangepicker th.next:hover {
        background: #f1f5f9 !important;
    }
    /* Sol-sağ takvim ayırıcısı */
    body .daterangepicker.show-calendar .drp-calendar.left {
        border-right: 1px solid #f1f5f9 !important;
    }
    /* Alt butonlar */
    body .daterangepicker .drp-buttons {
        background: #f8fafc !important;
        border-top: 1px solid #f1f5f9 !important;
        padding: 10px 20px !important;
    }
    body .daterangepicker .drp-buttons .btn {
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 6px 16px !important;
    }
    body .daterangepicker .drp-buttons .applyBtn {
        background: linear-gradient(135deg, #f87c1b, #ff9d44) !important;
        border-color: #f87c1b !important;
        color: #fff !important;
        box-shadow: 0 2px 8px rgba(248,124,27,0.3) !important;
    }
    body .daterangepicker .drp-buttons .cancelBtn {
        background: #fff !important;
        border: 1.5px solid #e2e8f0 !important;
        color: #64748b !important;
    }

    /* --- Scrollbar modern --- */
    ::-webkit-scrollbar { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { background: #f1f5f9; }
    ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
    ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

    /* --- Geçişler smooth --- */
    a, button, .button { transition: all 0.2s ease !important; }

    /* --- Footer modern koyu --- */
    .footer:not(.-dashboard),
    .footer.-type-1,
    .footer.-type-2 {
        background: #0f172a !important;
        color: #94a3b8 !important;
        border-top: none !important;
    }
    .footer:not(.-dashboard) h5, .footer:not(.-dashboard) h4, .footer:not(.-dashboard) h3,
    .footer:not(.-dashboard) .text-16, .footer:not(.-dashboard) .fw-500 {
        color: #f1f5f9 !important;
    }
    .footer:not(.-dashboard) a {
        color: #94a3b8 !important;
        transition: color 0.2s !important;
    }
    .footer:not(.-dashboard) a:hover {
        color: #f87c1b !important;
    }
    .footer .footer_middle_area {
        border-color: rgba(255,255,255,0.08) !important;
        display: none !important;
    }
    .footer .border-top-light {
        border-color: rgba(255,255,255,0.08) !important;
    }
    .footer .text-15, .footer .text-14,
    .footer p, .footer li {
        color: #94a3b8 !important;
    }
    .footer .icon-facebook, .footer .icon-twitter,
    .footer .icon-instagram, .footer .icon-youtube,
    .footer [class*="icon-"] {
        color: #64748b !important;
        transition: color 0.2s !important;
    }
    .footer [class*="icon-"]:hover {
        color: #f87c1b !important;
    }
    .mailchimp.bg-dark-2 { background: #1e293b !important; }
    .footer_one { border-bottom: 1px solid rgba(255,255,255,0.06); }

    /* --- Vendor sidebar ikon override (GoTrip global reset'e karşı) --- */
    .dashboard__sidebar .sidebar.-dashboard .sdb-icon,
    .dashboard__sidebar .sidebar.-dashboard .sdb-icon i,
    .dashboard__sidebar .sidebar.-dashboard .sdb-icon .fa {
        color: #475569 !important;
        display: inline-flex !important;
    }
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button:hover .sdb-icon,
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button:hover .sdb-icon i,
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button.active .sdb-icon,
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button.active .sdb-icon i,
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button.-is-active .sdb-icon,
    .dashboard__sidebar .sidebar.-dashboard .sidebar__button.-is-active .sdb-icon i {
        color: #f87c1b !important;
    }

    /* --- Mobile iyileştirmeler --- */
    @media (max-width: 767px) {
        .hotelsCard.-type-1 { border-radius: 12px !important; }
        .button.-blue-1, .mainSearch__submit { border-radius: 10px !important; }
    }

    /* =========================================================
       EK DÜZELTMELER (görev grubu)
       ========================================================= */

    /* 1) Header misafir butonları -> turuncu gradient
       (main.css .menu__nav .button #20409a kuralını ezer) */
    .header .menu__nav .button,
    .menu__nav .is-menu-opened-hide .button {
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        background-color: #f87c1b !important;
        border: none !important;
        border-color: #f87c1b !important;
        border-radius: 50px !important;
        color: #fff !important;
    }
    .header .menu__nav .button:hover,
    .menu__nav .is-menu-opened-hide .button:hover {
        background: linear-gradient(135deg, #e06b0f 0%, #f87c1b 100%) !important;
        background-color: #e06b0f !important;
        color: #fff !important;
    }

    /* 2) "Sırala" (orderby) butonu -> nötr gri (resim 3 referansı) */
    .dropdown.orderby > .button.-blue-1,
    .dropdown.orderby > span.button {
        background: #f1f3f5 !important;
        background-color: #f1f3f5 !important;
        border: 1px solid #e2e6ea !important;
        color: #475569 !important;
        box-shadow: none !important;
    }
    .dropdown.orderby > .button.-blue-1:hover,
    .dropdown.orderby > span.button:hover {
        background: #e2e6ea !important;
        background-color: #e2e6ea !important;
        color: #1e293b !important;
    }
    .dropdown.orderby > .button .fa-sort,
    .dropdown.orderby > .button i { color: #64748b !important; }

    /* 3) "Galeri ( x Fotoğraf )" butonu -> nötr gri (resim 3 referansı) */
    .js-gallery.button,
    a.button.js-gallery {
        background: #f1f3f5 !important;
        background-color: #f1f3f5 !important;
        border: 1px solid #e2e6ea !important;
        color: #334155 !important;
        box-shadow: none !important;
    }
    .js-gallery.button:hover,
    a.button.js-gallery:hover {
        background: #e2e6ea !important;
        background-color: #e2e6ea !important;
        color: #1e293b !important;
    }

    /* 4) Otel detay üst arama barı -> yuvarlatılmış köşe + hizalama (resim 4) */
    .hotel-top-search {
        border-radius: 16px !important;
        overflow: hidden !important;
    }
    .hotel-top-search .bravo_form_search,
    .hotel-top-search .gotrip_form_search {
        border-radius: 16px !important;
    }
    /* Detaydaki "Mevcut Odalar" arama barı: ARA butonu köşe uyumu */
    .hotel-top-search .mainSearch__submit,
    .hotel-top-search .button-item .button {
        border-radius: 14px !important;
    }

    /* 5) Arama listesi (liste görünümü) kartına #e9e9e9 border (resim 8) */
    .inner-loop-wrap.item-loop-wrap,
    .row.item-loop-wrap.inner-loop-wrap {
        border: 1px solid #e9e9e9 !important;
        border-radius: 16px !important;
    }

    /* =========================================================
       MODERN LOGIN / REGISTER (auth) — Görev: login modernize
       ========================================================= */
    .oteliks-auth-page {
        background: linear-gradient(160deg, #eef3ff 0%, #f7f9ff 45%, #fff5ec 100%) !important;
    }
    .oteliks-auth-card {
        border-radius: 22px !important;
        padding: 44px 42px !important;
        box-shadow: 0 24px 70px rgba(20, 40, 100, 0.10), 0 4px 14px rgba(20, 40, 100, 0.04) !important;
        border: 1px solid #eef1f7 !important;
        position: relative;
        overflow: hidden;
    }
    .oteliks-auth-card::before {
        content: "";
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 5px;
        background: linear-gradient(90deg, #f87c1b 0%, #ff9d44 100%);
    }
    @media (max-width: 575px) {
        .oteliks-auth-card { padding: 28px 22px !important; border-radius: 18px !important; }
    }
    /* Başlık */
    .oteliks-auth-card .form-title { font-size: 26px !important; font-weight: 700 !important; color: #0f1f3d !important; letter-spacing: -0.02em; }
    .oteliks-auth-card .form-title + p,
    .oteliks-auth-card .form-title ~ p { color: #6b7790 !important; }

    /* Modern input alanları */
    .oteliks-auth-card .form-input {
        background: #f6f8fc !important;
        border: 1.5px solid #e7ecf5 !important;
        border-radius: 12px !important;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
    }
    .oteliks-auth-card .form-input input {
        background: transparent !important;
        border: none !important;
        padding: 26px 18px 10px !important;
        font-size: 15px !important;
        color: #0f1f3d !important;
        width: 100%;
    }
    .oteliks-auth-card .form-input label {
        left: 18px !important;
        color: #8a93a8 !important;
    }
    .oteliks-auth-card .form-input:focus-within {
        background: #fff !important;
        border-color: #f87c1b !important;
        box-shadow: 0 0 0 4px rgba(248, 124, 27, 0.12) !important;
    }
    /* Giriş Yap / Kayıt butonu turuncu gradient */
    .oteliks-auth-card .form-submit,
    .oteliks-auth-card button[type="submit"] {
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        border: none !important;
        border-radius: 50px !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        box-shadow: 0 10px 26px rgba(248, 124, 27, 0.32) !important;
        transition: transform .15s ease, box-shadow .15s ease !important;
    }
    .oteliks-auth-card .form-submit:hover,
    .oteliks-auth-card button[type="submit"]:hover {
        transform: translateY(-1px);
        box-shadow: 0 14px 32px rgba(248, 124, 27, 0.40) !important;
    }
    .oteliks-auth-card a.text-blue-1 { color: #f87c1b !important; font-weight: 600; }
    .oteliks-auth-card .form-checkbox__mark { border-radius: 6px !important; }

    /* =========================================================
       MODERN CHECKOUT — Görev: checkout modernize + bölümlere ayır
       ========================================================= */
    .bravo-booking-page .booking-form .oteliks-co-section {
        background: #fff;
        border: 1px solid #eef1f7;
        border-radius: 18px;
        padding: 26px 28px;
        margin-bottom: 24px;
        box-shadow: 0 6px 24px rgba(20, 40, 100, 0.05);
    }
    @media (max-width: 575px) {
        .bravo-booking-page .booking-form .oteliks-co-section { padding: 20px 18px; border-radius: 14px; }
    }
    .oteliks-co-section__head {
        display: flex;
        align-items: center;
        gap: 14px;
        padding-bottom: 16px;
        border-bottom: 1px solid #f0f3f9;
    }
    .oteliks-co-section__icon {
        flex: 0 0 46px;
        width: 46px; height: 46px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #f87c1b;
        background: linear-gradient(135deg, rgba(248,124,27,0.12), rgba(255,157,68,0.12));
    }
    .oteliks-co-section__title {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #0f1f3d !important;
        margin: 0 !important;
        line-height: 1.2;
    }
    .oteliks-co-section__sub {
        font-size: 13.5px;
        color: #8a93a8;
        margin: 3px 0 0 !important;
    }
    /* Checkout input alanları modern */
    .bravo-booking-page .booking-form .form-input {
        background: #f6f8fc !important;
        border: 1.5px solid #e7ecf5 !important;
        border-radius: 12px !important;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
    }
    .bravo-booking-page .booking-form .form-input input,
    .bravo-booking-page .booking-form .form-input textarea,
    .bravo-booking-page .booking-form .form-input select {
        background: transparent !important;
        border: none !important;
    }
    .bravo-booking-page .booking-form .form-input:focus-within {
        background: #fff !important;
        border-color: #f87c1b !important;
        box-shadow: 0 0 0 4px rgba(248, 124, 27, 0.12) !important;
    }
    /* "Book Now" final checkout butonu turuncu */
    .bravo-booking-page .form-checkout > .row .button.bg-blue-1 {
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        border: none !important;
        border-radius: 50px !important;
        box-shadow: 0 10px 26px rgba(248, 124, 27, 0.32) !important;
    }
    .bravo-booking-page .form-checkout > .row .button.bg-blue-1:hover {
        box-shadow: 0 14px 32px rgba(248, 124, 27, 0.40) !important;
    }

    /* =========================================================
       MODERN CHECKOUT — Sağ taraf (booking-review / fiyat özeti)
       Sol taraftaki kartlarla aynı modern görünüm
       ========================================================= */
    .bravo-booking-page .booking-review {
        background: #fff;
        border: 1px solid #eef1f7;
        border-radius: 18px;
        padding: 26px 26px;
        box-shadow: 0 6px 24px rgba(20, 40, 100, 0.05);
        position: sticky;
        top: 24px;
    }
    @media (max-width: 991px) {
        .bravo-booking-page .booking-review { position: static; }
    }
    @media (max-width: 575px) {
        .bravo-booking-page .booking-review { padding: 20px 18px; border-radius: 14px; }
    }
    /* Başlık (Your Booking) — gizliydi, modern başlık olarak göster */
    .bravo-booking-page .booking-review .booking-review-title {
        display: flex !important;
        align-items: center;
        gap: 12px;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #0f1f3d !important;
        margin: 0 0 18px !important;
        padding-bottom: 16px;
        border-bottom: 1px solid #f0f3f9;
    }
    .bravo-booking-page .booking-review .booking-review-title::before {
        content: "";
        flex: 0 0 46px;
        width: 46px; height: 46px;
        border-radius: 12px;
        background-color: rgba(248,124,27,0.12);
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20fill='none'%20viewBox='0%200%2024%2024'%3E%3Cpath%20stroke='%23f87c1b'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M9%204H7a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-2'/%3E%3Crect%20width='6'%20height='4'%20x='9'%20y='2'%20stroke='%23f87c1b'%20stroke-width='1.8'%20rx='1'/%3E%3Cpath%20stroke='%23f87c1b'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M9%2011h6M9%2015h4'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px 22px;
    }
    /* İçerik kutusunun yazıya yapışık üst/alt çizgilerini kaldır */
    .bravo-booking-page .booking-review .booking-review-content {
        border: 0 !important;
    }
    /* Bölüm ayraçları */
    .bravo-booking-page .booking-review .booking-review-content .review-section {
        padding: 18px 0 !important;
        border-bottom: 1px solid #f0f3f9 !important;
    }
    .bravo-booking-page .booking-review .booking-review-content .review-section:last-of-type {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    /* Satırlar */
    .bravo-booking-page .booking-review .review-list li {
        margin-bottom: 12px;
        font-size: 14.5px;
    }
    .bravo-booking-page .booking-review .review-list li .label { color: #4a5568; }
    .bravo-booking-page .booking-review .review-list li .val { color: #0f1f3d; font-weight: 500; }
    .bravo-booking-page .booking-review .review-list li .label small { color: #8a93a8; }
    /* Toplam — turuncu marka vurgulu kart */
    .bravo-booking-page .booking-review .review-list li.final-total {
        background: linear-gradient(135deg, rgba(248,124,27,0.08), rgba(255,157,68,0.08)) !important;
        border: 1px solid rgba(248,124,27,0.20) !important;
        border-radius: 14px !important;
        padding: 16px 20px !important;
        margin-top: 8px !important;
    }
    .bravo-booking-page .booking-review .review-list li.final-total .label { color: #0f1f3d !important; font-weight: 700 !important; }
    .bravo-booking-page .booking-review .review-list li.final-total .val { color: #f87c1b !important; }

    /* Promosyon kodu — modern giriş + buton */
    .bravo-booking-page .booking-review .section-coupon-form { padding-top: 4px; }
    .bravo-booking-page .booking-review .section-coupon-form .form-input { margin-bottom: 0 !important; }
    .bravo-booking-page .booking-review .section-coupon-form .form-input input {
        height: 52px !important;
        min-height: 52px !important;
        line-height: 52px !important;
        border: 1.5px solid #e7ecf5 !important;
        border-radius: 12px !important;
        padding: 0 16px !important;
        background: #fff !important;
        width: 100%;
        font-size: 14.5px !important;
        color: #0f1f3d !important;
        box-shadow: none !important;
        transition: border-color .18s ease, box-shadow .18s ease !important;
    }
    .bravo-booking-page .booking-review .section-coupon-form .form-input input:focus {
        border-color: #f87c1b !important;
        box-shadow: 0 0 0 3px rgba(248,124,27,0.12) !important;
    }
    .bravo-booking-page .booking-review .section-coupon-form .form-input label {
        left: 16px !important;
        top: 16px !important;
        color: #9aa3b5 !important;
        font-size: 14.5px !important;
        background: transparent !important;
    }
    .bravo-booking-page .booking-review .section-coupon-form .form-input.active label,
    .bravo-booking-page .booking-review .section-coupon-form .form-input input:focus + label {
        top: -8px !important;
        font-size: 11.5px !important;
        background: #fff !important;
        padding: 0 6px !important;
        color: #f87c1b !important;
    }
    .bravo-booking-page .booking-review .section-coupon-form .bravo_apply_coupon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        border: none !important;
        background: linear-gradient(135deg, #f87c1b 0%, #ff9d44 100%) !important;
        color: #fff !important;
        border-radius: 12px !important;
        padding: 13px 24px !important;
        margin-top: 12px !important;
        font-size: 14.5px !important;
        font-weight: 600 !important;
        box-shadow: 0 6px 16px rgba(248,124,27,0.25) !important;
        transition: transform .15s ease, box-shadow .18s ease !important;
    }
    .bravo-booking-page .booking-review .section-coupon-form .bravo_apply_coupon:hover {
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(248,124,27,0.32) !important;
    }

    /* =========================================================
       MODERN CHECKOUT — Ödeme seçenekleri (Depozito / Tam ödeme)
       ========================================================= */
    .oteliks-pay-section .deposit_types {
        display: flex;
        flex-direction: column;
        gap: 12px;
        border: none !important;
    }
    .oteliks-pay-section .oteliks-pay-option {
        display: block !important;
        margin: 0 !important;
        border: 1.5px solid #e7ecf5 !important;
        border-radius: 14px !important;
        background: #fff !important;
        cursor: pointer;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
        overflow: hidden;
    }
    .oteliks-pay-section .oteliks-pay-option:hover {
        border-color: #f87c1b !important;
        box-shadow: 0 6px 18px rgba(248, 124, 27, 0.10) !important;
    }
    .oteliks-pay-section .oteliks-pay-option .card-header {
        background: transparent !important;
        border: none !important;
        padding: 16px 20px !important;
    }
    .oteliks-pay-section .oteliks-pay-option__label {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-size: 15px;
        font-weight: 600;
        color: #0f1f3d;
        margin: 0;
    }
    .oteliks-pay-section .oteliks-pay-option__label input[type="radio"] {
        width: 20px; height: 20px;
        accent-color: #f87c1b;
        margin: 0;
        cursor: pointer;
    }
    .oteliks-pay-section .oteliks-pay-option .price strong {
        font-size: 16px;
        font-weight: 700;
        color: #0f1f3d;
    }
    /* Seçili kart vurgusu (radio :checked -> kartı turuncu yap) */
    .oteliks-pay-section .oteliks-pay-option:has(input[type="radio"]:checked) {
        border-color: #f87c1b !important;
        background: linear-gradient(135deg, rgba(248,124,27,0.06), rgba(255,157,68,0.06)) !important;
        box-shadow: 0 6px 18px rgba(248, 124, 27, 0.12) !important;
    }
    .oteliks-pay-section .oteliks-pay-option:has(input[type="radio"]:checked) .price strong {
        color: #f87c1b !important;
    }

    /* =========================================================
       MODERN CHECKOUT — reCAPTCHA sarıcısı (çerçevesiz)
       v3 = gizli input; v2 = görünür kutu. Etrafındaki çerçeve kaldırıldı.
       ========================================================= */
    .bravo-booking-page .oteliks-recaptcha-wrap {
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 6px 0 18px !important;
        box-shadow: none !important;
    }
    .bravo-booking-page .oteliks-recaptcha-wrap .bravo-recaptcha {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }