/**
 * ZOOKZY Badges CSS - Complete Tourism Portal Badge System
 * =========================================================
 * Comprehensive badge system for rental platform covering:
 * - Status & Verification badges
 * - Tours & Excursions
 * - Transport (all types)
 * - Accommodation
 * - Active Recreation & Sports
 * - Professional Services
 * - Food & Beverages
 * - Entertainment & Events
 * - Location & Time badges
 * 
 * Usage: <span class="badge badge--[modifier]">Text</span>
 *    or: <span class="service-badge service-badge--[modifier]">Text</span>
 */

/* ===========================================
   BASE BADGE STYLES
   =========================================== */

.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-white);
    white-space: nowrap;
    line-height: 1.2;
    text-transform: none;
}

/* Positioned badge (for cards) */
.badge--positioned {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    pointer-events: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Base service-badge class (default: green "Verified" style) */
.service-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 20px;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
    color: var(--color-white);
    background: linear-gradient(135deg, #059669 0%, #10B981 100%);
    z-index: 2;
    pointer-events: none;
}

/* Base news-category-badge class */
.news-category-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-white);
    background: var(--color-info);
}

/* ===========================================
   STATUS & VERIFICATION BADGES
   =========================================== */

/* Verified / Проверено */
.badge--verified,
.service-badge--verified {
    background: linear-gradient(135deg, #059669 0%, #10B981 100%);
}

/* Hot Sale / Хит продаж */
.badge--hot,
.service-badge--hot {
    background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
}

/* New / Новинка */
.badge--new,
.service-badge--new {
    background: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);
}

/* Premium / Премиум */
.badge--premium,
.service-badge--premium {
    background: linear-gradient(135deg, #8B7355 0%, #C4A35A 100%);
}

/* Bestseller / Бестселлер */
.badge--bestseller,
.service-badge--bestseller {
    background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
}

/* Featured / Рекомендуем */
.badge--featured,
.service-badge--featured {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

/* Popular / Популярное */
.badge--popular,
.service-badge--popular {
    background: linear-gradient(135deg, #E11D48 0%, #F43F5E 100%);
}

/* Top Rated / Топ рейтинг */
.badge--top-rated,
.service-badge--top-rated {
    background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
}

/* Trusted / Доверенный */
.badge--trusted,
.service-badge--trusted {
    background: linear-gradient(135deg, #0891B2 0%, #06B6D4 100%);
}

/* Licensed / Лицензирован */
.badge--licensed,
.service-badge--licensed {
    background: linear-gradient(135deg, #4F46E5 0%, #6366F1 100%);
}

/* Certified / Сертифицировано */
.badge--certified,
.service-badge--certified {
    background: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);
}

/* Pro / Профессионал */
.badge--pro,
.service-badge--pro {
    background: linear-gradient(135deg, #1E293B 0%, #475569 100%);
}

/* VIP */
.badge--vip,
.service-badge--vip {
    background: linear-gradient(135deg, #B8860B 0%, #DAA520 100%);
}

/* Discount / Скидка */
.badge--discount,
.service-badge--discount {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

/* Free / Бесплатно */
.badge--free,
.service-badge--free {
    background: linear-gradient(135deg, #16A34A 0%, #22C55E 100%);
}

/* Booking Required / Требуется бронь */
.badge--booking-required,
.service-badge--booking-required {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 100%);
}

/* Instant Booking / Мгновенное бронирование */
.badge--instant,
.service-badge--instant {
    background: linear-gradient(135deg, #10B981 0%, #34D399 100%);
}

/* ===========================================
   TOURS & EXCURSIONS
   =========================================== */

/* Safari / Сафари */
.badge--safari,
.service-badge--safari {
    background: linear-gradient(135deg, #A16207 0%, #CA8A04 100%);
}

/* Jungle / Джунгли */
.badge--jungle,
.service-badge--jungle {
    background: linear-gradient(135deg, #166534 0%, #22C55E 100%);
}

/* Mountain / Горы */
.badge--mountain,
.service-badge--mountain {
    background: linear-gradient(135deg, #475569 0%, #64748B 100%);
}

/* Beach / Пляж */
.badge--beach,
.service-badge--beach {
    background: linear-gradient(135deg, #0891B2 0%, #38BDF8 100%);
}

/* City Tour / Городской тур */
.badge--city-tour,
.service-badge--city-tour {
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
}

/* Historical / Исторический */
.badge--historical,
.service-badge--historical {
    background: linear-gradient(135deg, #92400E 0%, #B45309 100%);
}

/* Cultural / Культурный */
.badge--cultural,
.service-badge--cultural {
    background: linear-gradient(135deg, #9333EA 0%, #A855F7 100%);
}

/* Adventure / Приключения */
.badge--adventure,
.service-badge--adventure {
    background: linear-gradient(135deg, #EA580C 0%, #FB923C 100%);
}

/* Eco Tour / Эко тур */
.badge--eco-tour,
.service-badge--eco-tour {
    background: linear-gradient(135deg, #15803D 0%, #4ADE80 100%);
}

/* Night Tour / Ночной тур */
.badge--night-tour,
.service-badge--night-tour {
    background: linear-gradient(135deg, #1E1B4B 0%, #4338CA 100%);
}

/* Sunrise / Рассвет */
.badge--sunrise,
.service-badge--sunrise {
    background: linear-gradient(135deg, #F97316 0%, #FBBF24 100%);
}

/* Sunset / Закат */
.badge--sunset,
.service-badge--sunset {
    background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
}

/* Photo Tour / Фото тур */
.badge--photo-tour,
.service-badge--photo-tour {
    background: linear-gradient(135deg, #1E293B 0%, #334155 100%);
}

/* Private Tour / Приватный тур */
.badge--private,
.service-badge--private {
    background: linear-gradient(135deg, #6B21A8 0%, #A855F7 100%);
}

/* Group Tour / Групповой тур */
.badge--group,
.service-badge--group {
    background: linear-gradient(135deg, #0284C7 0%, #38BDF8 100%);
}

/* ===========================================
   TRANSPORT - LAND
   =========================================== */

/* Tuk-Tuk / Тук-тук */
.badge--tuktuk,
.service-badge--tuktuk,
.service-badge--transport {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
}

/* Car Rental / Аренда авто */
.badge--car,
.service-badge--car {
    background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);
}

/* Motorcycle / Мотоцикл */
.badge--motorcycle,
.service-badge--motorcycle {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

/* Scooter / Скутер */
.badge--scooter,
.service-badge--scooter {
    background: linear-gradient(135deg, #059669 0%, #10B981 100%);
}

/* Bike / Велосипед */
.badge--bike,
.service-badge--bike {
    background: linear-gradient(135deg, #EA580C 0%, #FB923C 100%);
}

/* E-Bike / Электровелосипед */
.badge--ebike,
.service-badge--ebike {
    background: linear-gradient(135deg, #0D9488 0%, #2DD4BF 100%);
}

/* ATV / Квадроцикл */
.badge--atv,
.service-badge--atv {
    background: linear-gradient(135deg, #EA580C 0%, #F97316 100%);
}

/* Buggy / Багги */
.badge--buggy,
.service-badge--buggy {
    background: linear-gradient(135deg, #65A30D 0%, #84CC16 100%);
}

/* Jeep / Джип */
.badge--jeep,
.service-badge--jeep {
    background: linear-gradient(135deg, #365314 0%, #65A30D 100%);
}

/* Bus / Автобус */
.badge--bus,
.service-badge--bus {
    background: linear-gradient(135deg, #0369A1 0%, #0EA5E9 100%);
}

/* Minivan / Минивэн */
.badge--minivan,
.service-badge--minivan {
    background: linear-gradient(135deg, #4338CA 0%, #6366F1 100%);
}

/* Driver / Водитель */
.badge--driver,
.service-badge--driver {
    background: linear-gradient(135deg, #1F2937 0%, #4B5563 100%);
}

/* Transfer / Трансфер */
.badge--transfer,
.service-badge--transfer {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* ===========================================
   TRANSPORT - WATER
   =========================================== */

/* Yacht / Яхта */
.badge--yacht,
.service-badge--yacht {
    background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%);
}

/* Boat / Лодка */
.badge--boat,
.service-badge--boat {
    background: linear-gradient(135deg, #1D4ED8 0%, #60A5FA 100%);
}

/* Jetski / Гидроцикл */
.badge--jetski,
.service-badge--jetski {
    background: linear-gradient(135deg, #0891B2 0%, #06B6D4 100%);
}

/* Kayak / Каяк */
.badge--kayak,
.service-badge--kayak {
    background: linear-gradient(135deg, #0E7490 0%, #22D3EE 100%);
}

/* Catamaran / Катамаран */
.badge--catamaran,
.service-badge--catamaran {
    background: linear-gradient(135deg, #0369A1 0%, #38BDF8 100%);
}

/* Fishing Boat / Рыболовная лодка */
.badge--fishing-boat,
.service-badge--fishing-boat {
    background: linear-gradient(135deg, #155E75 0%, #0891B2 100%);
}

/* Speed Boat / Скоростной катер */
.badge--speedboat,
.service-badge--speedboat {
    background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
}

/* Surfing / Серфинг */
.badge--surf,
.service-badge--surf {
    background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%);
}

/* Restaurant / Ресторан */
.badge--restaurant,
.service-badge--restaurant {
    background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
}

/* Barbershop / Барбершоп */
.badge--barber,
.service-badge--barber {
    background: linear-gradient(135deg, #1E293B 0%, #475569 100%);
}

/* Beauty Salon / Салон красоты */
.badge--beauty,
.service-badge--beauty,
.service-badge--beauty_salon {
    background: linear-gradient(135deg, #DB2777 0%, #EC4899 100%);
}

/* Art Gallery / Галерея искусств */
.badge--art,
.service-badge--art {
    background: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);
}

/* ===========================================
   ACCOMMODATION
   =========================================== */

/* Villa / Вилла */
.badge--villa,
.service-badge--villa {
    background: linear-gradient(135deg, #8B7355 0%, #C4A35A 100%);
}

/* House / Дом */
.badge--house,
.service-badge--house {
    background: linear-gradient(135deg, #A0522D 0%, #CD853F 100%);
}

/* Apartment / Квартира */
.badge--apartment,
.service-badge--apartment {
    background: linear-gradient(135deg, #475569 0%, #64748B 100%);
}

/* Room / Комната */
.badge--room,
.service-badge--room {
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
}

/* Bungalow / Бунгало */
.badge--bungalow,
.service-badge--bungalow {
    background: linear-gradient(135deg, #0D9488 0%, #2DD4BF 100%);
}

/* Hotel / Отель */
.badge--hotel,
.service-badge--hotel {
    background: linear-gradient(135deg, #7C2D12 0%, #EA580C 100%);
}

/* Hostel / Хостел */
.badge--hostel,
.service-badge--hostel {
    background: linear-gradient(135deg, #0E7490 0%, #06B6D4 100%);
}

/* Guesthouse / Гостевой дом */
.badge--guesthouse,
.service-badge--guesthouse {
    background: linear-gradient(135deg, #B45309 0%, #F59E0B 100%);
}

/* Treehouse / Дом на дереве */
.badge--treehouse,
.service-badge--treehouse {
    background: linear-gradient(135deg, #166534 0%, #22C55E 100%);
}

/* Glamping / Глэмпинг */
.badge--glamping,
.service-badge--glamping {
    background: linear-gradient(135deg, #6D28D9 0%, #A78BFA 100%);
}

/* Resort / Курорт */
.badge--resort,
.service-badge--resort {
    background: linear-gradient(135deg, #0369A1 0%, #38BDF8 100%);
}

/* Pool / Бассейн */
.badge--pool,
.service-badge--pool {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* Ocean View / Вид на океан */
.badge--ocean-view,
.service-badge--ocean-view {
    background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%);
}

/* ===========================================
   ACTIVE RECREATION & WATER SPORTS
   =========================================== */

/* Surfing / Сёрфинг */
.badge--surfing,
.service-badge--surfing {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* Diving / Дайвинг */
.badge--diving,
.service-badge--diving {
    background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);
}

/* Snorkeling / Снорклинг */
.badge--snorkeling,
.service-badge--snorkeling {
    background: linear-gradient(135deg, #0D9488 0%, #2DD4BF 100%);
}

/* Kite Surfing / Кайтсёрфинг */
.badge--kitesurfing,
.service-badge--kitesurfing {
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
}

/* Wakeboarding / Вейкбординг */
.badge--wakeboard,
.service-badge--wakeboard {
    background: linear-gradient(135deg, #0369A1 0%, #38BDF8 100%);
}

/* Parasailing / Парасейлинг */
.badge--parasailing,
.service-badge--parasailing {
    background: linear-gradient(135deg, #0EA5E9 0%, #7DD3FC 100%);
}

/* Whale Watching / Наблюдение за китами */
.badge--whale-watching,
.service-badge--whale-watching {
    background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%);
}

/* Fishing / Рыбалка */
.badge--fishing,
.service-badge--fishing {
    background: linear-gradient(135deg, #155E75 0%, #0891B2 100%);
}

/* ===========================================
   ACTIVE RECREATION & LAND SPORTS
   =========================================== */

/* Hiking / Хайкинг */
.badge--hiking,
.service-badge--hiking {
    background: linear-gradient(135deg, #166534 0%, #22C55E 100%);
}

/* Trekking / Треккинг */
.badge--trekking,
.service-badge--trekking {
    background: linear-gradient(135deg, #78350F 0%, #A16207 100%);
}

/* Climbing / Скалолазание */
.badge--climbing,
.service-badge--climbing {
    background: linear-gradient(135deg, #6B21A8 0%, #9333EA 100%);
}

/* Zipline / Зиплайн */
.badge--zipline,
.service-badge--zipline {
    background: linear-gradient(135deg, #15803D 0%, #4ADE80 100%);
}

/* Bungee / Банджи */
.badge--bungee,
.service-badge--bungee {
    background: linear-gradient(135deg, #DC2626 0%, #F97316 100%);
}

/* Rafting / Рафтинг */
.badge--rafting,
.service-badge--rafting {
    background: linear-gradient(135deg, #0369A1 0%, #0EA5E9 100%);
}

/* Golf / Гольф */
.badge--golf,
.service-badge--golf {
    background: linear-gradient(135deg, #16A34A 0%, #4ADE80 100%);
}

/* Tennis / Теннис */
.badge--tennis,
.service-badge--tennis {
    background: linear-gradient(135deg, #65A30D 0%, #A3E635 100%);
}

/* Yoga / Йога */
.badge--yoga,
.service-badge--yoga {
    background: linear-gradient(135deg, #6D28D9 0%, #A78BFA 100%);
}

/* Fitness / Фитнес */
.badge--fitness,
.service-badge--fitness {
    background: linear-gradient(135deg, #EA580C 0%, #FB923C 100%);
}

/* SPA */
.badge--spa,
.service-badge--spa {
    background: linear-gradient(135deg, #BE185D 0%, #F472B6 100%);
}

/* Massage / Массаж */
.badge--massage,
.service-badge--massage {
    background: linear-gradient(135deg, #9D174D 0%, #EC4899 100%);
}

/* Ayurveda / Аюрведа */
.badge--ayurveda,
.service-badge--ayurveda {
    background: linear-gradient(135deg, #15803D 0%, #22C55E 100%);
}

/* ===========================================
   PROFESSIONAL SERVICES
   =========================================== */

/* Guide / Гид */
.badge--guide,
.service-badge--guide {
    background: linear-gradient(135deg, #0369A1 0%, #0EA5E9 100%);
}

/* Translator / Переводчик */
.badge--translator,
.service-badge--translator {
    background: linear-gradient(135deg, #4338CA 0%, #6366F1 100%);
}

/* Photographer / Фотограф */
.badge--photographer,
.service-badge--photographer {
    background: linear-gradient(135deg, #1E293B 0%, #475569 100%);
}

/* Videographer / Видеограф */
.badge--videographer,
.service-badge--videographer {
    background: linear-gradient(135deg, #7C2D12 0%, #DC2626 100%);
}

/* Instructor / Инструктор */
.badge--instructor,
.service-badge--instructor {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* Chef / Шеф-повар */
.badge--chef,
.service-badge--chef {
    background: linear-gradient(135deg, #B91C1C 0%, #EF4444 100%);
}

/* Babysitter / Няня */
.badge--babysitter,
.service-badge--babysitter {
    background: linear-gradient(135deg, #DB2777 0%, #F472B6 100%);
}

/* Cleaner / Уборщик */
.badge--cleaner,
.service-badge--cleaner {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* Gardener / Садовник */
.badge--gardener,
.service-badge--garden {
    background: linear-gradient(135deg, #228B22 0%, #32CD32 100%);
}

/* Security / Охрана */
.badge--security,
.service-badge--security {
    background: linear-gradient(135deg, #1F2937 0%, #4B5563 100%);
}

/* Doctor / Врач */
.badge--doctor,
.service-badge--doctor {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

/* Lawyer / Юрист */
.badge--lawyer,
.service-badge--lawyer {
    background: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%);
}

/* Manager / Менеджер */
.badge--manager,
.service-badge--manager {
    background: linear-gradient(135deg, #4338CA 0%, #6366F1 100%);
}

/* Concierge / Консьерж */
.badge--concierge,
.service-badge--concierge {
    background: linear-gradient(135deg, #6B21A8 0%, #A855F7 100%);
}

/* ===========================================
   FOOD & BEVERAGES
   =========================================== */

/* Bakery / Пекарня */
.badge--bakery,
.service-badge--bakery {
    background: linear-gradient(135deg, #8B5A2B 0%, #CD853F 100%);
}

/* Restaurant / Ресторан */
.badge--restaurant,
.service-badge--restaurant {
    background: linear-gradient(135deg, #B91C1C 0%, #EF4444 100%);
}

/* Cafe / Кафе */
.badge--cafe,
.service-badge--cafe {
    background: linear-gradient(135deg, #78350F 0%, #A16207 100%);
}

/* Bar / Бар */
.badge--bar,
.service-badge--bar {
    background: linear-gradient(135deg, #581C87 0%, #7E22CE 100%);
}

/* Catering / Кейтеринг */
.badge--catering,
.service-badge--catering {
    background: linear-gradient(135deg, #B45309 0%, #F59E0B 100%);
}

/* Seafood / Морепродукты */
.badge--seafood,
.service-badge--seafood {
    background: linear-gradient(135deg, #0369A1 0%, #0EA5E9 100%);
}

/* Vegan / Веган */
.badge--vegan,
.service-badge--vegan {
    background: linear-gradient(135deg, #15803D 0%, #22C55E 100%);
}

/* Organic / Органика */
.badge--organic,
.service-badge--organic {
    background: linear-gradient(135deg, #166534 0%, #4ADE80 100%);
}

/* Local / Местная кухня */
.badge--local,
.service-badge--local {
    background: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
}

/* International / Международная */
.badge--international,
.service-badge--international {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* BBQ */
.badge--bbq,
.service-badge--bbq {
    background: linear-gradient(135deg, #9A3412 0%, #EA580C 100%);
}

/* Delivery / Доставка */
.badge--delivery,
.service-badge--delivery {
    background: linear-gradient(135deg, #16A34A 0%, #4ADE80 100%);
}

/* Food / Еда */
.badge--food,
.service-badge--food {
    background: linear-gradient(135deg, #EA580C 0%, #FB923C 100%);
}

/* ===========================================
   SHOPPING & CRAFTS
   =========================================== */

/* Handmade / Ручная работа */
.badge--handmade,
.service-badge--handmade {
    background: linear-gradient(135deg, #8B4513 0%, #D2691E 100%);
}

/* Souvenirs / Сувениры */
.badge--souvenirs,
.service-badge--souvenirs {
    background: linear-gradient(135deg, #2E8B57 0%, #3CB371 100%);
}

/* Jewelry / Ювелирные */
.badge--jewelry,
.service-badge--jewelry {
    background: linear-gradient(135deg, #B8860B 0%, #FFD700 100%);
}

/* Textiles / Текстиль */
.badge--textiles,
.service-badge--textiles {
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
}

/* Pottery / Керамика */
.badge--pottery,
.service-badge--pottery {
    background: linear-gradient(135deg, #92400E 0%, #D97706 100%);
}

/* Art / Искусство */
.badge--art,
.service-badge--art {
    background: linear-gradient(135deg, #C026D3 0%, #E879F9 100%);
}

/* Antiques / Антиквариат */
.badge--antiques,
.service-badge--antiques {
    background: linear-gradient(135deg, #78350F 0%, #A16207 100%);
}

/* Market / Рынок */
.badge--market,
.service-badge--market {
    background: linear-gradient(135deg, #15803D 0%, #22C55E 100%);
}

/* Spices / Специи */
.badge--spices,
.service-badge--spices {
    background: linear-gradient(135deg, #B91C1C 0%, #F97316 100%);
}

/* Tea / Чай */
.badge--tea,
.service-badge--tea {
    background: linear-gradient(135deg, #166534 0%, #22C55E 100%);
}

/* ===========================================
   EVENTS & ENTERTAINMENT
   =========================================== */

/* Wedding / Свадьба */
.badge--wedding,
.service-badge--wedding {
    background: linear-gradient(135deg, #EC4899 0%, #F9A8D4 100%);
}

/* Party / Вечеринка */
.badge--party,
.service-badge--party {
    background: linear-gradient(135deg, #C026D3 0%, #E879F9 100%);
}

/* Concert / Концерт */
.badge--concert,
.service-badge--concert {
    background: linear-gradient(135deg, #7C2D12 0%, #EA580C 100%);
}

/* Festival / Фестиваль */
.badge--festival,
.service-badge--festival {
    background: linear-gradient(135deg, #DC2626 0%, #FBBF24 100%);
}

/* Show / Шоу */
.badge--show,
.service-badge--show {
    background: linear-gradient(135deg, #7E22CE 0%, #D946EF 100%);
}

/* Dance / Танцы */
.badge--dance,
.service-badge--dance {
    background: linear-gradient(135deg, #DB2777 0%, #F472B6 100%);
}

/* Cooking Class / Кулинарный класс */
.badge--cooking-class,
.service-badge--cooking-class {
    background: linear-gradient(135deg, #B45309 0%, #F59E0B 100%);
}

/* Workshop / Мастерская */
.badge--workshop,
.service-badge--workshop {
    background: linear-gradient(135deg, #78350F 0%, #A16207 100%);
}

/* ===========================================
   ECO & NATURE
   =========================================== */

/* Eco / Эко */
.badge--eco,
.service-badge--eco {
    background: linear-gradient(135deg, #0D9488 0%, #2DD4BF 100%);
}

/* Wildlife / Дикая природа */
.badge--wildlife,
.service-badge--wildlife {
    background: linear-gradient(135deg, #166534 0%, #4ADE80 100%);
}

/* Bird Watching / Наблюдение за птицами */
.badge--birdwatching,
.service-badge--birdwatching {
    background: linear-gradient(135deg, #0891B2 0%, #22D3EE 100%);
}

/* Botanical / Ботанический */
.badge--botanical,
.service-badge--botanical {
    background: linear-gradient(135deg, #15803D 0%, #22C55E 100%);
}

/* Nature / Природа */
.badge--nature,
.service-badge--nature {
    background: linear-gradient(135deg, #166534 0%, #22C55E 100%);
}

/* Waterfall / Водопад */
.badge--waterfall,
.service-badge--waterfall {
    background: linear-gradient(135deg, #0369A1 0%, #38BDF8 100%);
}

/* Temple / Храм */
.badge--temple,
.service-badge--temple {
    background: linear-gradient(135deg, #B45309 0%, #F59E0B 100%);
}

/* ===========================================
   NEWS CATEGORY BADGES
   =========================================== */

/* News / Новости */
.badge--news,
.news-category-badge--news {
    background: var(--color-info);
}

/* Blog / Блог */
.badge--blog,
.news-category-badge--blog {
    background: var(--color-secondary);
}

/* Announcement / Анонс */
.badge--announcement,
.news-category-badge--announcement {
    background: var(--color-success);
}

/* Events / События */
.badge--events,
.news-category-badge--events {
    background: var(--color-info);
}

/* Tips / Советы */
.badge--tips,
.news-category-badge--tips {
    background: var(--color-warning);
}

/* ===========================================
   LOCATION & TIME BADGES
   =========================================== */

/* Nearby / Рядом */
.badge--nearby,
.service-badge--nearby {
    background: linear-gradient(135deg, #16A34A 0%, #4ADE80 100%);
}

/* Airport / Аэропорт */
.badge--airport,
.service-badge--airport {
    background: linear-gradient(135deg, #0369A1 0%, #0EA5E9 100%);
}

/* 24/7 */
.badge--24-7,
.service-badge--24-7 {
    background: linear-gradient(135deg, #059669 0%, #10B981 100%);
}

/* Weekend / Выходные */
.badge--weekend,
.service-badge--weekend {
    background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%);
}

/* Express / Экспресс */
.badge--express,
.service-badge--express {
    background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

/* ===========================================
   SIZE VARIANTS
   =========================================== */

/* Small badge */
.badge--sm,
.service-badge--sm {
    padding: 2px 6px;
    font-size: 9px;
    border-radius: 4px;
}

/* Large badge */
.badge--lg,
.service-badge--lg {
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 8px;
}

/* ===========================================
   STYLE VARIANTS
   =========================================== */

/* Outline variant */
.badge--outline {
    background: transparent !important;
    border: 1.5px solid currentColor;
}

.badge--outline.badge--verified {
    color: #059669;
    border-color: #059669;
}

.badge--outline.badge--hot {
    color: #DC2626;
    border-color: #DC2626;
}

.badge--outline.badge--new {
    color: #3B82F6;
    border-color: #3B82F6;
}

/* Pill variant (more rounded) */
.badge--pill {
    border-radius: 50px;
}


/* ===========================================
   HOVER EFFECTS
   =========================================== */

.badge--hoverable:hover,
.service-badge--hoverable:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
}

/* ===========================================
   RESPONSIVE
   =========================================== */

@media (max-width: 768px) {
    .badge {
        padding: 3px 8px;
        font-size: 10px;
    }

    .badge--lg {
        padding: 4px 12px;
        font-size: 12px;
    }

    .service-badge {
        padding: 2px 5px;
        font-size: 8px;
    }
}