/**
 * Messaging Icons - Classic Styles (colors only)
 * WhatsApp та Telegram іконки
 */

/* Базові стилі для іконок */
.whatsapp-icon,
.telegram-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.whatsapp-icon svg,
.telegram-icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Кольори при наведенні */
.whatsapp-icon:hover {
    color: #25D366;
}

.telegram-icon:hover {
    color: #0088cc;
}

/* Круглі кнопки з фоном */
.whatsapp-circle,
.telegram-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.whatsapp-circle {
    background: #25D366;
}

.telegram-circle {
    background: #0088cc;
}

.whatsapp-circle:hover,
.telegram-circle:hover {
    transform: scale(1.1);
}

.whatsapp-circle svg,
.telegram-circle svg {
    fill: white;
    width: 28px;
    height: 28px;
}

/* ========== КАЛЕНДАР - ТІЛЬКИ КОЛЬОРИ ========== */
.booking-wrapper .wpdevart-booking-calendar {
    background: #141D26 !important;
    color: white !important;
}

.booking-wrapper .datepick-month-header {
    background: #E67E22 !important;
    color: #0C1218 !important;
}

.booking-wrapper .datepick-weekend {
    background: #1C2834 !important;
}

.booking-wrapper .datepick-selected {
    background: #E67E22 !important;
    color: #0C1218 !important;
}

.booking-wrapper .wpdevart-booking-form input,
.booking-wrapper .wpdevart-booking-form select,
.booking-wrapper .wpdevart-booking-form textarea {
    background: #1C2834;
    border: 1px solid #2C3E50;
    color: white;
    padding: 0.5rem;
    width: 100%;
    border-radius: 0.25rem;
}

.booking-wrapper .wpdevart-booking-form button {
    background: #E67E22;
    color: #0C1218;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
    transition: all 0.3s;
}

.booking-wrapper .wpdevart-booking-form button:hover {
    background: #FF9B33;
    transform: scale(1.02);
}

/* ========== КАРТКИ ТУРІВ - ТІЛЬКИ КОЛЬОРИ ========== */
.tour-card {
    background-color: #141D26;
}

.tour-card .tour-meta {
    color: #BDC3C7;
}

.tour-card .tour-capacity {
    color: #BDC3C7;
}

.tour-card .tour-rating-count {
    color: #BDC3C7;
}

.tour-card .tour-price-current {
    color: #E67E22;
}

.tour-card .tour-price-original {
    color: #6B7280;
}

.tour-card .tour-button {
    background: #E67E22;
    color: #0C1218;
}

.tour-card .tour-button:hover {
    background: #FF9B33;
}

/* VIP картки */
.tour-card.vip-card .tour-content-absolute {
    background: linear-gradient(to top, rgba(12,18,24,0.95), transparent);
}

.tour-card.vip-card .tour-price-current {
    color: #E67E22;
}

/* ========== ІНФОРМАЦІЯ ПРО БРОНЮВАННЯ ========== */
.booking-info {
    border-left: 3px solid #E67E22;
}

.booking-info .available-dot {
    background-color: #10B981;
}

.booking-info .unavailable-dot {
    background-color: #4B5563;
}

/* ========== КАРТКИ LUXURY ========== */
.card-luxury {
    background: #141D26;
}

.card-luxury .price .text-gold-500.text-2xl {
    color: #E67E22;
}

.card-luxury .flex.items-center.justify-between.mt-4 {
    border-top: 1px solid #2C3E50;
}

.card-luxury .btn-primary {
    background: #E67E22;
    color: #0C1218;
}

.card-luxury .btn-primary:hover {
    background: #FF9B33;
}

.card-luxury .text-sm.text-gold-500.hover\:underline {
    color: #E67E22;
}

.card-luxury .text-sm.text-gold-500.hover\:underline:hover {
    color: #FF9B33;
}

/* ========== ФОРМИ З ЗОЛОТИМ БОРДЕРОМ ========== */
.review-form-container {
    background: #141D26;
    border: 3px solid #E67E22;
}

.review-form-container::before {
    background: linear-gradient(45deg, #E67E22, #FF9B33, #E67E22);
}

.form-group label {
    color: #E67E22;
}

.form-group .form-control,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
    background: #1C2834;
    border: 1px solid #2C3E50;
    color: #FFFFFF;
}

.form-group .form-control:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #E67E22;
    box-shadow: 0 0 0 3px rgba(230, 126, 34, 0.2);
    background: #243342;
}

.btn-gold,
.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
    background: #E67E22;
    color: #0C1218;
    border: 2px solid #E67E22;
}

.btn-gold:hover,
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover {
    background: transparent;
    color: #E67E22;
    box-shadow: 0 5px 15px rgba(230, 126, 34, 0.3);
}

.form-note {
    color: #BDC3C7;
    border-top: 1px solid #2C3E50;
}

/* ========== МОДАЛЬНЕ ВІКНО ========== */
#reviewModal .bg-dark-800 {
    border: 3px solid #E67E22;
    background: #141D26;
}

#reviewModal .bg-dark-800 .flex.justify-between.items-center {
    border-bottom: 2px solid #E67E22;
}

#reviewModal .bg-dark-800 h3.text-2xl {
    color: #E67E22;
}

#reviewModal .bg-dark-800 button.text-gray-400:hover {
    color: #E67E22;
}

/* ========== АДАПТИВНІСТЬ ========== */
@media (max-width: 768px) {
    .tour-card .tour-image {
        height: 180px;
    }
    
    .tour-card .tour-title {
        font-size: 1.125rem;
    }
    
    .tour-card .tour-price-current {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    .review-form-container {
        padding: 20px;
        margin: 15px 0;
    }
    
    .btn-gold,
    .wpcf7-form input[type="submit"] {
        width: 100%;
    }
}