/**
 * TripAviva Global Theme CSS
 * White/Black/Yellow Color Palette with Dark Mode Support
 * Version: 1.0.0
 */

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

/* ===== LOGO FONT ===== */
.topbar-logo,
.topbar-logo a,
.site-logo-text,
.bravo-topbar .logo-text,
.topbar a.site-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

/* ===== ROOT COLOR VARIABLES ===== */
:root {
    /* Light Mode (Default) */
    --ta-bg: #FFFFFF;
    --ta-bg-secondary: #F5F5F5;
    --ta-bg-tertiary: #EBEBEB;
    --ta-bg-hover: #E5E5E5;
    --ta-text: #222222;
    --ta-text-secondary: #555555;
    --ta-text-muted: #888888;
    --ta-accent: #FFD60A;
    --ta-accent-hover: #E6C000;
    --ta-accent-light: rgba(255, 214, 10, 0.12);
    --ta-accent-medium: rgba(255, 214, 10, 0.25);
    --ta-accent-text: #222222;
    --ta-border: #E0E0E0;
    --ta-border-light: #EEEEEE;
    --ta-shadow: rgba(0, 0, 0, 0.06);
    --ta-shadow-lg: rgba(0, 0, 0, 0.1);
    --ta-icon: #666666;
    --ta-icon-hover: #222222;
    --ta-success: #22C55E;
    --ta-error: #EF4444;
    --ta-warning: #F59E0B;
    --ta-info: #3B82F6;
    
    /* Hero Section Colors */
    --ta-hero-bg: #1a1a2e;
    --ta-hero-bg-deep: #16162a;
    
    /* Dark (black) variant */
    --ta-dark: #222222;
    --ta-dark-deep: #1a1a1a;
    --ta-light: #FFFFFF;
    --ta-gray: #f5f5f5;
    --ta-gray-dark: #e5e5e5;
}

/* Dark Mode */
[data-theme="dark"] {
    --ta-bg: #121212;
    --ta-bg-secondary: #1E1E1E;
    --ta-bg-tertiary: #2A2A2A;
    --ta-bg-hover: #333333;
    --ta-text: #F5F5F5;
    --ta-text-secondary: #B0B0B0;
    --ta-text-muted: #808080;
    --ta-accent: #FFD60A;
    --ta-accent-hover: #FFDF33;
    --ta-accent-light: rgba(255, 214, 10, 0.15);
    --ta-accent-medium: rgba(255, 214, 10, 0.25);
    --ta-accent-text: #121212;
    --ta-border: #333333;
    --ta-border-light: #2A2A2A;
    --ta-shadow: rgba(0, 0, 0, 0.4);
    --ta-shadow-lg: rgba(0, 0, 0, 0.5);
    --ta-icon: #B0B0B0;
    --ta-icon-hover: #F5F5F5;
    --ta-success: #4ADE80;
    --ta-error: #F87171;
    --ta-warning: #FBBF24;
    --ta-info: #60A5FA;
}

/* ===== GLOBAL DARK MODE STYLES ===== */
[data-theme="dark"] body,
[data-theme="dark"] .bc_wrap {
    background-color: var(--ta-bg) !important;
    color: var(--ta-text) !important;
}

/* Cards & Containers */
[data-theme="dark"] .card,
[data-theme="dark"] .bravo-item-tour,
[data-theme="dark"] .tour-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .item-tour {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

/* Text Colors */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: var(--ta-text) !important;
}

[data-theme="dark"] p,
[data-theme="dark"] .text-muted {
    color: var(--ta-text-secondary) !important;
}

/* Forms */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .form-control {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
    color: var(--ta-text) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--ta-text-muted) !important;
}

/* Buttons - Primary (Yellow) */
.btn-primary,
.btn-ta-primary,
[data-theme="dark"] .btn-primary {
    background-color: var(--ta-accent) !important;
    border-color: var(--ta-accent) !important;
    color: var(--ta-text) !important;
}

.btn-primary:hover,
.btn-ta-primary:hover,
[data-theme="dark"] .btn-primary:hover {
    background-color: var(--ta-accent-hover) !important;
    border-color: var(--ta-accent-hover) !important;
}

/* Buttons - Secondary */
.btn-ta-secondary {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
    color: var(--ta-text) !important;
}

.btn-ta-secondary:hover {
    border-color: var(--ta-accent) !important;
}

/* Buttons - Outline */
.btn-ta-outline {
    background-color: transparent !important;
    border: 2px solid var(--ta-text) !important;
    color: var(--ta-text) !important;
}

.btn-ta-outline:hover {
    background-color: var(--ta-text) !important;
    color: var(--ta-bg) !important;
}

/* Modal & Dropdowns */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--ta-bg-tertiary) !important;
}

/* Tables */
[data-theme="dark"] table,
[data-theme="dark"] .table {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--ta-bg-secondary) !important;
}

/* Footer */
[data-theme="dark"] .bc_footer,
[data-theme="dark"] footer {
    background-color: var(--ta-bg-secondary) !important;
    border-top-color: var(--ta-border) !important;
}

/* Breadcrumbs */
[data-theme="dark"] .breadcrumb {
    background-color: transparent !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--ta-text) !important;
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
    color: var(--ta-text) !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--ta-accent) !important;
    border-color: var(--ta-accent) !important;
    color: var(--ta-text) !important;
}

/* Alerts */
[data-theme="dark"] .alert {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .alert-success {
    background-color: rgba(16, 185, 129, 0.15) !important;
    color: var(--ta-success) !important;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: var(--ta-error) !important;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: var(--ta-warning) !important;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: var(--ta-info) !important;
}

/* ===== TRIPAVIVA UTILITY CLASSES ===== */

/* Background Colors */
.ta-bg-primary { background-color: var(--ta-bg) !important; }
.ta-bg-secondary { background-color: var(--ta-bg-secondary) !important; }
.ta-bg-accent { background-color: var(--ta-accent) !important; }

/* Text Colors */
.ta-text-primary { color: var(--ta-text) !important; }
.ta-text-secondary { color: var(--ta-text-secondary) !important; }
.ta-text-accent { color: var(--ta-accent) !important; }

/* Border Colors */
.ta-border { border-color: var(--ta-border) !important; }

/* Shadow */
.ta-shadow { box-shadow: 0 4px 12px var(--ta-shadow) !important; }
.ta-shadow-lg { box-shadow: 0 10px 30px var(--ta-shadow-lg) !important; }

/* ===== SMOOTH TRANSITIONS ===== */
body, .bc_wrap, .card, .btn, input, select, textarea,
.modal-content, .dropdown-menu, footer, header {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* ===== ACCENT COLOR HIGHLIGHTS ===== */
::selection {
    background-color: var(--ta-accent-medium);
    color: var(--ta-text);
}

a {
    color: var(--ta-text);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--ta-accent);
}

/* Focus States */
:focus-visible {
    outline: 2px solid var(--ta-accent) !important;
    outline-offset: 2px !important;
}

/* ===== SCROLLBAR STYLING ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--ta-bg-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--ta-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--ta-text-muted);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--ta-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--ta-border);
}

/* ===== TOUR CARDS - DARK MODE ===== */
[data-theme="dark"] .item-tour,
[data-theme="dark"] .item-tour.item-loop-wrap,
[data-theme="dark"] .bravo-item-tour {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .item-tour .item-title a,
[data-theme="dark"] .item-tour .item-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .item-tour .location,
[data-theme="dark"] .item-tour .duration,
[data-theme="dark"] .item-tour .review-count {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .item-tour .location i,
[data-theme="dark"] .item-tour .duration i {
    color: var(--ta-icon) !important;
}

[data-theme="dark"] .item-tour .g-price .prefix,
[data-theme="dark"] .item-tour .g-price .fr_text {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .item-tour .g-price .text-price {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .item-tour .featured {
    background: var(--ta-accent) !important;
    color: var(--ta-accent-text) !important;
}

[data-theme="dark"] .item-tour .sale_info {
    background: var(--ta-error) !important;
}

[data-theme="dark"] .item-tour .service-wishlist {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

[data-theme="dark"] .item-tour .service-wishlist:hover,
[data-theme="dark"] .item-tour .service-wishlist.active {
    color: var(--ta-error) !important;
    background: rgba(0, 0, 0, 0.7) !important;
}

/* ===== DESTINATION/LOCATION CARDS - DARK MODE ===== */
[data-theme="dark"] .destination-item {
    background-color: var(--ta-bg-secondary) !important;
}

[data-theme="dark"] .destination-item .content .title {
    color: #fff !important;
}

[data-theme="dark"] .destination-item .content .desc {
    color: rgba(255,255,255,0.8) !important;
}

[data-theme="dark"] .bc-list-locations .title,
[data-theme="dark"] .bc-list-tour .title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-list-locations .sub-title,
[data-theme="dark"] .bc-list-tour .sub-title {
    color: var(--ta-text-secondary) !important;
}

/* ===== TOUR SEARCH PAGE (/tour) - DARK MODE ===== */
[data-theme="dark"] .bc_search_tour,
[data-theme="dark"] .bravo_search_tour {
    background-color: var(--ta-bg) !important;
}

[data-theme="dark"] .bc_search_tour .bc-list-item,
[data-theme="dark"] .bravo_search_tour .bravo-list-item {
    background-color: var(--ta-bg) !important;
}

[data-theme="dark"] .bc_search_tour .topbar-search .text,
[data-theme="dark"] .bravo_search_tour .topbar-search .text {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_search_tour .topbar-search .control a,
[data-theme="dark"] .bravo_search_tour .topbar-search .control a {
    color: var(--ta-text) !important;
}

/* Filter Sidebar */
[data-theme="dark"] .bc_filter,
[data-theme="dark"] .bravo_filter {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_filter .filter-title,
[data-theme="dark"] .bravo_filter .filter-title {
    color: var(--ta-text) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_filter .g-filter-item .item-title,
[data-theme="dark"] .bravo_filter .g-filter-item .item-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_filter .g-filter-item label,
[data-theme="dark"] .bravo_filter .g-filter-item label {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc-checkbox .checkmark {
    background: var(--ta-bg-tertiary) !important;
    border-color: var(--ta-border) !important;
}

/* ===== TOUR DETAIL PAGE - DARK MODE ===== */
[data-theme="dark"] .bc_detail_tour,
[data-theme="dark"] .bc_detail_tour_v2 {
    background-color: var(--ta-bg) !important;
}

[data-theme="dark"] .bc-hero-section {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-hero-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-hero-meta,
[data-theme="dark"] .bc-hero-location {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc-hero-location i {
    color: var(--ta-icon) !important;
}

[data-theme="dark"] .bc-hero-tags .tag {
    background-color: var(--ta-bg-tertiary) !important;
    color: var(--ta-text) !important;
    border-color: var(--ta-border) !important;
}

/* Content Sections */
[data-theme="dark"] .bc-content-section {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-section-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-section-title i {
    color: var(--ta-accent) !important;
}

[data-theme="dark"] .bc-description-content,
[data-theme="dark"] .bc-description-content p {
    color: var(--ta-text-secondary) !important;
}

/* Highlights */
[data-theme="dark"] .bc-highlight-item {
    background-color: var(--ta-bg-tertiary) !important;
}

[data-theme="dark"] .bc-highlight-icon {
    color: var(--ta-accent) !important;
}

[data-theme="dark"] .bc-highlight-text {
    color: var(--ta-text) !important;
}

/* Include/Exclude */
[data-theme="dark"] .bc-include-list li,
[data-theme="dark"] .bc-exclude-list li {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc-include-list .icon-include {
    color: var(--ta-success) !important;
}

[data-theme="dark"] .bc-exclude-list .icon-exclude {
    color: var(--ta-error) !important;
}

/* Itinerary */
[data-theme="dark"] .bc-itinerary-item {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-itinerary-day {
    background-color: var(--ta-accent) !important;
    color: var(--ta-accent-text) !important;
}

[data-theme="dark"] .bc-itinerary-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-itinerary-desc {
    color: var(--ta-text-secondary) !important;
}

/* FAQ */
[data-theme="dark"] .bc-faq-item {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-faq-question {
    color: var(--ta-text) !important;
    background-color: var(--ta-bg-tertiary) !important;
}

[data-theme="dark"] .bc-faq-answer {
    color: var(--ta-text-secondary) !important;
    background-color: var(--ta-bg-secondary) !important;
}

/* Sidebar Booking Form */
[data-theme="dark"] .bc_single_book,
[data-theme="dark"] .bc_tour_book {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_single_book .form-head {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_single_book .form-head .price .value .text-lg {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_single_book .form-head .price .label {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_single_book .date-wrapper,
[data-theme="dark"] .bc_single_book .form-guest-search {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_single_book .date-wrapper label,
[data-theme="dark"] .bc_single_book .form-guest-search label {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_single_book .date-wrapper .render,
[data-theme="dark"] .bc_single_book .form-guest-search .render {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_single_book .submit-group {
    border-color: var(--ta-border) !important;
}

/* Reviews */
[data-theme="dark"] .bc-reviews-section {
    background-color: var(--ta-bg-secondary) !important;
}

[data-theme="dark"] .bc-review-item {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-review-author {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-review-content {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc-review-date {
    color: var(--ta-text-muted) !important;
}

/* Related Tours */
[data-theme="dark"] .bravo-list-tour-related .item-tour {
    background-color: var(--ta-bg-secondary) !important;
}

/* ===== HOMEPAGE BLOCKS - DARK MODE ===== */
[data-theme="dark"] .page-template-content {
    background-color: var(--ta-bg) !important;
}

[data-theme="dark"] .page-template-content .title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .page-template-content .sub-title {
    color: var(--ta-text-secondary) !important;
}

/* Owl Carousel Navigation */
[data-theme="dark"] .owl-nav .owl-prev,
[data-theme="dark"] .owl-nav .owl-next {
    border-color: var(--ta-border) !important;
    color: var(--ta-text) !important;
}

[data-theme="dark"] .owl-nav .owl-prev:hover,
[data-theme="dark"] .owl-nav .owl-next:hover {
    border-color: var(--ta-accent) !important;
    color: var(--ta-accent) !important;
}

/* ===== FOOTER - DARK MODE ===== */
[data-theme="dark"] .bc_footer {
    background-color: var(--ta-bg-secondary) !important;
}

[data-theme="dark"] .bc_footer .mailchimp {
    background-color: var(--ta-bg-tertiary) !important;
}

[data-theme="dark"] .bc_footer .mailchimp .media-heading {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_footer .mailchimp p {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_footer .main-footer .nav-footer .title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_footer .main-footer .nav-footer .title:before {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_footer .main-footer .nav-footer ul li a {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_footer .main-footer .nav-footer ul li a:hover {
    color: var(--ta-accent) !important;
}

[data-theme="dark"] .bc_footer .copy-right {
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc_footer .copy-right p {
    color: var(--ta-text-secondary) !important;
}

/* ===== MOBILE BOOK BUTTON - DARK MODE ===== */
[data-theme="dark"] .bc-more-book-mobile {
    background-color: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bc-more-book-mobile .g-price .text-price {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc-more-book-mobile .g-price .prefix {
    color: var(--ta-text-secondary) !important;
}

/* ===== STAR RATING - Keep Yellow ===== */
[data-theme="dark"] .fa-star,
[data-theme="dark"] .rating-score,
[data-theme="dark"] .service-review .fa-star {
    color: var(--ta-accent) !important;
}

/* ===== LINKS IN DARK MODE ===== */
[data-theme="dark"] a:not(.btn):not(.locale-btn):not(.user-btn) {
    color: var(--ta-text);
}

[data-theme="dark"] a:not(.btn):not(.locale-btn):not(.user-btn):hover {
    color: var(--ta-accent);
}

/* ===== UNIFIED SEARCH BAR STYLES ===== */
.bravo-form-search-all,
.bravo_search,
.form-search-all-service,
.hero-search-form,
.search-form-wrapper {
    background: var(--ta-bg) !important;
    border-radius: 60px !important;
    box-shadow: 0 4px 20px var(--ta-shadow-lg) !important;
    border: 1px solid var(--ta-border) !important;
    transition: all 0.3s ease !important;
}

.bravo-form-search-all:hover,
.bravo_search:hover,
.form-search-all-service:hover {
    box-shadow: 0 6px 30px var(--ta-shadow-lg) !important;
}

.bravo-form-search-all .form-content,
.bravo_search .form-content {
    background: transparent !important;
    border: none !important;
}

.bravo-form-search-all .form-control,
.bravo_search .form-control,
.bravo-form-search-all input,
.bravo_search input,
.form-search-all-service input {
    background: transparent !important;
    border: none !important;
    color: var(--ta-text) !important;
    font-size: 15px !important;
}

.bravo-form-search-all .form-control::placeholder,
.bravo_search .form-control::placeholder,
.form-search-all-service input::placeholder {
    color: var(--ta-text-muted) !important;
}

.bravo-form-search-all .g-button-submit,
.bravo_search .g-button-submit,
.form-search-all-service .btn-search,
.hero-search-form .btn-search {
    background: var(--ta-accent) !important;
    color: var(--ta-accent-text) !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    padding: 12px 30px !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.bravo-form-search-all .g-button-submit:hover,
.bravo_search .g-button-submit:hover,
.form-search-all-service .btn-search:hover,
.hero-search-form .btn-search:hover {
    background: var(--ta-accent-hover) !important;
    transform: translateY(-1px) !important;
}

/* Search Page Specific */
.bravo_wrap_search .bravo-form-search-all,
.page-template-search .bravo_search {
    max-width: 900px !important;
    margin: 0 auto 30px !important;
    padding: 8px !important;
}

/* Dark Mode Search Bar */
[data-theme="dark"] .bravo-form-search-all,
[data-theme="dark"] .bravo_search,
[data-theme="dark"] .form-search-all-service {
    background: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border) !important;
}

[data-theme="dark"] .bravo-form-search-all .form-control,
[data-theme="dark"] .bravo_search .form-control {
    color: var(--ta-text) !important;
}

/* ===== DESTINATION/LOCATION CARD STYLES - WHITE CARD DESIGN ===== */
.destination-item.destination-card {
    background: var(--ta-bg) !important;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px var(--ta-shadow);
    transition: all 0.3s ease;
    border: 1px solid var(--ta-border-light);
}

.destination-item.destination-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px var(--ta-shadow-lg);
}

.destination-item.destination-card a {
    text-decoration: none !important;
    color: inherit;
}

.destination-item.destination-card .card-inner {
    display: flex;
    flex-direction: column;
}

.destination-item.destination-card .card-image {
    height: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--ta-bg-tertiary);
    position: relative;
}

.destination-item.destination-card.no-image .card-image {
    background: linear-gradient(135deg, var(--ta-accent) 0%, #FFB800 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.destination-item.destination-card .placeholder-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.destination-item.destination-card .placeholder-icon i {
    font-size: 48px;
    color: rgba(255, 255, 255, 0.9);
}

.destination-item.destination-card .card-content {
    padding: 16px;
    background: var(--ta-bg);
}

.destination-item.destination-card .card-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--ta-text) !important;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.destination-item.destination-card .card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.destination-item.destination-card .meta-count {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: var(--ta-accent);
    color: var(--ta-accent-text);
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
}

.destination-item.destination-card .meta-link {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    background: var(--ta-accent);
    color: var(--ta-accent-text) !important;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    text-decoration: none !important;
}

/* Dark Mode - White Card Design */
[data-theme="dark"] .destination-item.destination-card {
    background: var(--ta-bg-secondary) !important;
    border-color: var(--ta-border);
}

[data-theme="dark"] .destination-item.destination-card .card-content {
    background: var(--ta-bg-secondary);
}

[data-theme="dark"] .destination-item.destination-card .card-title {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .destination-item.destination-card .card-image {
    background-color: var(--ta-bg-tertiary);
}

/* Legacy destination-item styles (for backward compatibility) */
.destination-item:not(.destination-card) {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 15px var(--ta-shadow);
    transition: all 0.3s ease;
}

.destination-item:not(.destination-card):hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px var(--ta-shadow-lg);
}

.destination-item:not(.destination-card) .image {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 200px;
}

.destination-item:not(.destination-card) .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

.destination-item:not(.destination-card) .title {
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

/* ===== SECTION BACKGROUNDS - WHITE IN LIGHT MODE ===== */
.bc-list-locations,
.bc-list-locations-slider,
.bravo-list-locations,
.page-template-content .bravo_wrap > section,
.page-template-content > div[class*="list-locations"] {
    background-color: var(--ta-bg) !important;
}

/* ===== HERO SEARCH BAR - Stiller search-form/index.blade.php'de tanımlı ===== */
/* Component stillerini override etmiyoruz - tutarlılık için */

/* ===================================================================
   TRIPAVIVA UNIFIED SEARCH FORM - DARK MODE SUPPORT
   =================================================================== */

/* Base Dark Mode Variables for Search */
[data-theme="dark"] {
    --search-bg-dark: #2a2a2e;
    --search-bg-dark-secondary: #3a3a3e;
    --search-border-dark: rgba(255, 255, 255, 0.1);
    --search-text-dark: #e8e8e8;
    --search-placeholder-dark: rgba(255, 255, 255, 0.5);
}

/* ===== HERO VARIANT - DARK MODE ===== */
[data-theme="dark"] .tripaviva-search-hero {
    background: var(--search-bg-dark) !important;
    border: 1px solid var(--search-border-dark) !important;
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .tripaviva-search-hero:focus-within {
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.6), 0 0 0 3px var(--ta-accent) !important;
    border-color: var(--ta-accent) !important;
}

[data-theme="dark"] .tripaviva-search-hero .search-input-wrapper {
    background: var(--search-bg-dark) !important;
}

[data-theme="dark"] .tripaviva-search-hero .search-input {
    color: var(--search-text-dark) !important;
}

[data-theme="dark"] .tripaviva-search-hero .search-input::placeholder {
    color: var(--search-placeholder-dark) !important;
}

/* ===== PAGE VARIANT (/tour page) - DARK MODE ===== */
[data-theme="dark"] .tripaviva-search-page {
    background: var(--search-bg-dark) !important;
    border: 1px solid var(--search-border-dark) !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .tripaviva-search-page:focus-within {
    box-shadow: 0 6px 35px rgba(0, 0, 0, 0.5), 0 0 0 2px var(--ta-accent) !important;
    border-color: var(--ta-accent) !important;
}

[data-theme="dark"] .tripaviva-search-page .search-input-wrapper {
    background: var(--search-bg-dark) !important;
}

[data-theme="dark"] .tripaviva-search-page .search-input {
    color: var(--search-text-dark) !important;
}

[data-theme="dark"] .tripaviva-search-page .search-input::placeholder {
    color: var(--search-placeholder-dark) !important;
}

/* ===== TOPBAR VARIANT - DARK MODE ===== */
[data-theme="dark"] .tripaviva-search-topbar {
    background: #2a2a2e !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .tripaviva-search-topbar:hover {
    background: #333338 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .tripaviva-search-topbar:focus-within {
    background: #3a3a3e !important;
    border-color: var(--ta-accent) !important;
}

[data-theme="dark"] .tripaviva-search-topbar .search-icon {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .tripaviva-search-topbar .search-input {
    color: #e8e8e8 !important;
}

[data-theme="dark"] .tripaviva-search-topbar .search-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* ===== AUTOCOMPLETE DROPDOWN - DARK MODE ===== */
[data-theme="dark"] .autocomplete-dropdown {
    background: var(--search-bg-dark) !important;
    border: 1px solid var(--search-border-dark) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .autocomplete-item {
    color: var(--search-text-dark) !important;
}

[data-theme="dark"] .autocomplete-item:hover,
[data-theme="dark"] .autocomplete-item.selected {
    background: var(--search-bg-dark-secondary) !important;
}

[data-theme="dark"] .autocomplete-section-title {
    color: var(--search-placeholder-dark) !important;
    border-bottom-color: var(--search-border-dark) !important;
}

[data-theme="dark"] .autocomplete-loading {
    color: var(--search-placeholder-dark) !important;
}

/* ===== HERO POPULAR TAGS - DARK MODE ===== */
[data-theme="dark"] .hero-popular-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .hero-popular-tag {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .hero-popular-tag:hover {
    background: var(--ta-accent) !important;
    border-color: var(--ta-accent) !important;
    color: var(--ta-accent-text) !important;
}

/* ===== BC-FORM-SEARCH-TOUR WRAPPER - DARK MODE ===== */
[data-theme="dark"] .bc-form-search-tour .tripaviva-search-form,
[data-theme="dark"] .bc-form-search-tour form.bc_form {
    background: var(--search-bg-dark) !important;
    border: 1px solid var(--search-border-dark) !important;
}

[data-theme="dark"] .bc-form-search-tour .search-input,
[data-theme="dark"] .bc-form-search-tour input[name="service_name"] {
    color: var(--search-text-dark) !important;
}

[data-theme="dark"] .bc-form-search-tour .search-input::placeholder,
[data-theme="dark"] .bc-form-search-tour input[name="service_name"]::placeholder {
    color: var(--search-placeholder-dark) !important;
}

/* ===== /TOUR PAGE BANNER - DARK MODE ===== */
[data-theme="dark"] .bc_search_tour .bc_banner,
[data-theme="dark"] .bravo_search_tour .bravo_banner {
    background-color: var(--ta-bg-secondary) !important;
}

[data-theme="dark"] .bc_search_tour .bc_banner h1,
[data-theme="dark"] .bravo_search_tour .bravo_banner h1 {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_search_tour .bc_form_search,
[data-theme="dark"] .bravo_search_tour .bravo_form_search {
    background-color: var(--ta-bg) !important;
}

/* ===== TOUR CARDS ON SEARCH PAGE - DARK MODE ===== */
[data-theme="dark"] .bc_search_tour .item-tour,
[data-theme="dark"] .bravo_search_tour .item-tour {
    background: var(--ta-card-bg) !important;
    border-color: var(--search-border-dark) !important;
}

[data-theme="dark"] .bc_search_tour .item-tour .info h3,
[data-theme="dark"] .bravo_search_tour .item-tour .info h3 {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_search_tour .item-tour .info h3 a,
[data-theme="dark"] .bravo_search_tour .item-tour .info h3 a {
    color: var(--ta-text) !important;
}

[data-theme="dark"] .bc_search_tour .item-tour .location,
[data-theme="dark"] .bravo_search_tour .item-tour .location {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_search_tour .item-tour .duration,
[data-theme="dark"] .bravo_search_tour .item-tour .duration {
    color: var(--ta-text-secondary) !important;
}

[data-theme="dark"] .bc_search_tour .item-tour .g-price .price,
[data-theme="dark"] .bravo_search_tour .item-tour .g-price .price {
    color: var(--ta-accent) !important;
}

/* ===== PRINT STYLES ===== */
@media print {
    [data-theme="dark"] {
        --ta-bg: #FFFFFF;
        --ta-text: #000000;
    }
}
/* ===================================================================
   TRIPAVIVA CAROUSEL NAVIGATION - SARI/SIYAH/BEYAZ TEMA
   =================================================================== */

/* Light Mode - Carousel Butonları */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    background: #FFFFFF !important;
    border: 2px solid #222222 !important;
    color: #222222 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    margin: 0 4px !important;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: #FFD60A !important;
    border-color: #FFD60A !important;
    color: #222222 !important;
    transform: scale(1.1) !important;
}

/* Dark Mode - Carousel Butonları */
[data-theme="dark"] .owl-nav .owl-prev,
[data-theme="dark"] .owl-nav .owl-next {
    background: #2a2a2e !important;
    border: 2px solid #FFD60A !important;
    color: #FFD60A !important;
}

[data-theme="dark"] .owl-nav .owl-prev:hover,
[data-theme="dark"] .owl-nav .owl-next:hover {
    background: #FFD60A !important;
    border-color: #FFD60A !important;
    color: #222222 !important;
}

/* Mobil Carousel */
@media (max-width: 768px) {
    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }
    
    .owl-nav {
        text-align: center !important;
        margin-top: 15px !important;
        position: relative !important;
        top: auto !important;
    }
}

/* ===================================================================
   TOUR CARD - WISHLIST GRADIENT FIX
   =================================================================== */

/* Wishlist ikonuna doğru gradient/siyahlık kaldır */
.item-tour .thumb-image::after {
    display: none !important;
}

.item-tour .thumb-image {
    position: relative;
    overflow: hidden;
}

/* Sadece alt kısımda hafif gradient (opsiyonel, yazı okunabilirliği için) */
.item-tour .thumb-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Wishlist ikon - gradient üzerinde görünsün */
.item-tour .service-wishlist {
    z-index: 5 !important;
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #fff !important;
    transition: all 0.2s ease !important;
}

.item-tour .service-wishlist:hover {
    background: rgba(0, 0, 0, 0.6) !important;
}

.item-tour .service-wishlist.active i {
    color: #ff4444 !important;
}

.item-tour .service-wishlist i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* ===================================================================
   TOUR CARD - DARK MODE YAZILARI
   =================================================================== */

/* Tour Card - Info Section Dark Mode */
[data-theme="dark"] .item-tour {
    background: #1a1a1e !important;
}

[data-theme="dark"] .item-tour .item-title a {
    color: #f5f5f5 !important;
}

[data-theme="dark"] .item-tour .location {
    color: #aaaaaa !important;
}

[data-theme="dark"] .item-tour .location i {
    color: #FFD60A !important;
}

[data-theme="dark"] .item-tour .duration {
    color: #aaaaaa !important;
}

[data-theme="dark"] .item-tour .duration i {
    color: #FFD60A !important;
}

[data-theme="dark"] .item-tour .info {
    background: #1a1a1e !important;
}

[data-theme="dark"] .item-tour .g-price .prefix {
    color: #888888 !important;
}

[data-theme="dark"] .item-tour .g-price .price .text-price {
    color: #FFD60A !important;
}

[data-theme="dark"] .item-tour .g-price .price .onsale {
    color: #888888 !important;
}

[data-theme="dark"] .item-tour .review-count {
    color: #888888 !important;
}

/* ===================================================================
   MOBILE TOUR CARDS - RESPONSIVE
   =================================================================== */

@media (max-width: 768px) {
    /* Tour Card Mobil */
    .item-tour {
        margin-bottom: 16px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    
    .item-tour .thumb-image {
        height: 140px !important;
        border-radius: 12px 12px 0 0 !important;
    }
    
    /* Başlık - 2 satır, düzgün kesim */
    .item-tour .item-title {
        min-height: 40px !important;
        max-height: 40px !important;
        overflow: hidden !important;
        margin: 8px 10px 4px !important;
        padding: 0 !important;
    }
    
    .item-tour .item-title a {
        font-size: 13px !important;
        line-height: 1.4 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Lokasyon */
    .item-tour .location {
        font-size: 11px !important;
        padding: 8px 10px 4px !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .item-tour .location i {
        font-size: 12px !important;
        margin-right: 4px !important;
    }
    
    /* Rating/Review */
    .item-tour .service-review {
        padding: 4px 10px !important;
        margin: 0 !important;
        font-size: 12px !important;
    }
    
    .item-tour .service-review i {
        font-size: 12px !important;
    }
    
    .item-tour .service-review .rating-score {
        font-size: 12px !important;
    }
    
    .item-tour .service-review .review-count {
        font-size: 11px !important;
    }
    
    /* Info - Duration ve Fiyat */
    .item-tour .info {
        padding: 6px 10px 10px !important;
        margin: 0 !important;
    }
    
    .item-tour .info .duration {
        display: block !important;
        font-size: 11px !important;
        margin-bottom: 4px !important;
        color: #888 !important;
    }
    
    .item-tour .info .duration i {
        font-size: 11px !important;
        margin-right: 4px !important;
    }
    
    .item-tour .info .g-price {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }
    
    .item-tour .info .g-price .prefix {
        font-size: 11px !important;
        display: inline !important;
    }
    
    .item-tour .info .g-price .prefix i {
        font-size: 11px !important;
    }
    
    .item-tour .info .g-price .prefix .fr_text {
        display: inline !important;
    }
    
    .item-tour .info .g-price .price .text-price {
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    
    /* Mobilde üstü çizili fiyat gizle */
    .item-tour .info .g-price .price .onsale {
        display: none !important;
    }
    
    /* Wishlist mobil */
    .item-tour .service-wishlist {
        width: 28px !important;
        height: 28px !important;
        right: 8px !important;
        bottom: 8px !important;
    }
    
    .item-tour .service-wishlist i {
        font-size: 12px !important;
    }
    
    /* Carousel liste mobil */
    .bravo-list-tour.carousel .owl-stage {
        padding-left: 15px !important;
    }
}

/* Extra small screens - 2 cards side by side */
@media (max-width: 480px) {
    .item-tour .thumb-image {
        height: 120px !important;
    }
    
    .item-tour .item-title {
        min-height: 36px !important;
        max-height: 36px !important;
        margin: 6px 8px 4px !important;
    }
    
    .item-tour .item-title a {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }
    
    .item-tour .location {
        font-size: 10px !important;
        padding: 6px 8px 2px !important;
    }
    
    .item-tour .service-review {
        padding: 2px 8px !important;
        font-size: 11px !important;
    }
    
    .item-tour .info {
        padding: 4px 8px 8px !important;
    }
    
    .item-tour .info .duration {
        font-size: 10px !important;
    }
    
    .item-tour .info .g-price .price .text-price {
        font-size: 14px !important;
    }
    
    /* 480px altında da onsale gizle */
    .item-tour .info .g-price .price .onsale {
        display: none !important;
    }
    
    .item-tour .service-wishlist {
        width: 26px !important;
        height: 26px !important;
        right: 6px !important;
        bottom: 6px !important;
    }
    
    .item-tour .service-wishlist i {
        font-size: 11px !important;
    }
}