/* ==========================================================================
   latviatravel.lv — Travel Section Theme
   ==========================================================================
   Light, vibrant palette with large imagery focus.
   Applied when browsing /travel/ pages.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Travel Color Overrides
   -------------------------------------------------------------------------- */
:root .travel-theme,
body.travel-section {
    --travel-primary: #00838f;
    --travel-primary-dark: #006064;
    --travel-primary-light: #4dd0e1;
    --travel-accent: #ff6f00;
    --travel-bg-light: #e0f7fa;
    --travel-bg-warm: #fff8e1;
    --travel-gradient: linear-gradient(135deg, #00838f 0%, #006064 100%);
}

/* --------------------------------------------------------------------------
   Travel Hero
   -------------------------------------------------------------------------- */
.travel-theme .hero-section,
body.travel-section .hero-section {
    background: linear-gradient(135deg, #00838f 0%, #004d40 100%);
}

.travel-theme .hero-section::before,
body.travel-section .hero-section::before {
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
}

/* --------------------------------------------------------------------------
   Travel Section Headers
   -------------------------------------------------------------------------- */
.travel-theme .section-header h2,
body.travel-section .section-header h2 {
    color: var(--travel-primary-dark);
}

.travel-theme .section-header h2::after,
body.travel-section .section-header h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--travel-accent);
    margin-top: 0.5rem;
    border-radius: 2px;
}

/* --------------------------------------------------------------------------
   Travel Category Cards
   -------------------------------------------------------------------------- */
.travel-theme .category-card,
body.travel-section .category-card {
    border-top: 3px solid var(--travel-primary-light);
}

.travel-theme .category-card:hover,
body.travel-section .category-card:hover {
    border-color: var(--travel-primary);
    box-shadow: 0 8px 30px rgba(0, 131, 143, 0.15);
}

.travel-theme .category-card .icon-wrapper,
body.travel-section .category-card .icon-wrapper {
    background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
    color: var(--travel-primary);
    font-size: 1.75rem;
    box-shadow: 0 4px 12px rgba(0, 131, 143, 0.15);
}

/* --------------------------------------------------------------------------
   Travel Business Cards
   -------------------------------------------------------------------------- */
.travel-theme .business-card,
body.travel-section .business-card {
    border-top: 3px solid var(--travel-primary-light);
}

.travel-theme .business-card:hover,
body.travel-section .business-card:hover {
    border-color: var(--travel-primary);
    box-shadow: 0 8px 25px rgba(0, 131, 143, 0.12);
}

.travel-theme .business-card .card-title a,
body.travel-section .business-card .card-title a {
    color: #004d40;
}

.travel-theme .business-card .featured-badge,
body.travel-section .business-card .featured-badge {
    background: linear-gradient(135deg, var(--travel-accent), #ff8f00);
    color: #fff;
}

/* --------------------------------------------------------------------------
   Travel Detail Page
   -------------------------------------------------------------------------- */
.travel-theme .business-detail-content .info-block h4,
body.travel-section .business-detail-content .info-block h4 {
    border-bottom-color: var(--travel-primary);
    color: var(--travel-primary-dark);
}

.travel-theme .contact-list .icon,
body.travel-section .contact-list .icon {
    color: var(--travel-primary);
}

/* --------------------------------------------------------------------------
   Travel Navigation Active
   -------------------------------------------------------------------------- */
.travel-theme .nav-link.travel-active,
body.travel-section .nav-link.travel-active {
    color: var(--travel-primary) !important;
    background-color: var(--travel-bg-light);
}

/* --------------------------------------------------------------------------
   Travel Button Styles
   -------------------------------------------------------------------------- */
.travel-theme .btn-travel,
body.travel-section .btn-travel {
    background-color: var(--travel-primary);
    border-color: var(--travel-primary);
    color: #fff;
}

.travel-theme .btn-travel:hover,
body.travel-section .btn-travel:hover {
    background-color: var(--travel-primary-dark);
    border-color: var(--travel-primary-dark);
    color: #fff;
}

.travel-theme .btn-travel-outline,
body.travel-section .btn-travel-outline {
    background: transparent;
    border: 2px solid var(--travel-primary);
    color: var(--travel-primary);
}

.travel-theme .btn-travel-outline:hover,
body.travel-section .btn-travel-outline:hover {
    background-color: var(--travel-primary);
    color: #fff;
}

/* --------------------------------------------------------------------------
   Travel Image Decoration
   -------------------------------------------------------------------------- */
.travel-theme .business-card .card-img-top,
body.travel-section .business-card .card-img-top {
    border-bottom: 3px solid var(--travel-primary-light);
}

/* --------------------------------------------------------------------------
   Travel Filters Sidebar
   -------------------------------------------------------------------------- */
.travel-theme .search-filters,
body.travel-section .search-filters {
    border-left: 3px solid var(--travel-primary-light);
}

/* --------------------------------------------------------------------------
   Travel Pagination Accent
   -------------------------------------------------------------------------- */
.travel-theme .pagination .page-item.active .page-link,
body.travel-section .pagination .page-item.active .page-link {
    background-color: var(--travel-primary);
    border-color: var(--travel-primary);
}

/* --------------------------------------------------------------------------
   Background Gradient Section
   -------------------------------------------------------------------------- */
.travel-bg-pattern {
    background: linear-gradient(180deg, var(--travel-bg-light) 0%, #ffffff 100%);
}

.travel-bg-warm {
    background: linear-gradient(180deg, var(--travel-bg-warm) 0%, #ffffff 100%);
}