/**
 * Vactours Color Scheme Update - Final Touches
 * Ensures all tour cards and testimonials use unified colors
 */

/* Fallback for any missed color references */
.vactours-card .vactours-info-item {
    color: var(--text-primary, #333333) !important;
    background: rgba(36, 123, 160, 0.1) !important;
}

.vactours-card .vactours-info-item:hover {
    background: rgba(36, 123, 160, 0.2) !important;
}

/* Rating badge consistent styling - Clean white with subtle border */
.vactours-rating {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--text-primary, #333333) !important;
    border: 1px solid rgba(36, 123, 160, 0.2) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.vactours-stars,
.vactours-rating .vactours-stars,
.vactours-testimonial-rating .vactours-stars span {
    color: var(--accent-color, #ffc107) !important;
}

/* Price badge consistency */
.vactours-price-badge {
    background: var(--primary-color, #247ba0) !important;
    color: var(--background-white, #ffffff) !important;
    box-shadow: 0 2px 8px rgba(36, 123, 160, 0.3) !important;
}

/* Testimonial specific updates */
.vactours-testimonial-card::before {
    background: linear-gradient(90deg, var(--primary-color, #247ba0) 0%, var(--accent-color, #ffc107) 100%) !important;
}

.vactours-testimonial-text::before,
.vactours-testimonial-text::after {
    color: var(--primary-color, #247ba0) !important;
}

/* Popup accordion day numbers */
.vactours-day-number {
    background: var(--primary-color, #247ba0) !important;
    color: var(--background-white, #ffffff) !important;
}

.vactours-itinerary-day.expanded .vactours-day-number {
    background: var(--background-white, #ffffff) !important;
    color: var(--primary-color, #247ba0) !important;
}

/* Activity bullets */
.vactours-activity-bullet {
    background: var(--accent-color, #ffc107) !important;
}

/* Popup header consistency */
.vactours-popup-header {
    background: linear-gradient(135deg, var(--primary-color, #247ba0) 0%, var(--heading-color, #0e80bf) 100%) !important;
}

/* Day headers in accordion */
.vactours-itinerary-day.expanded .vactours-day-header {
    background: linear-gradient(135deg, var(--primary-color, #247ba0) 0%, rgba(187, 222, 251, 1) 100%) !important;
}

/* Text colors consistency */
.vactours-popup-body,
.vactours-highlight-item,
.vactours-activities-text {
    color: var(--text-primary, #333333) !important;
}

.vactours-activity-text,
.vactours-testimonial-text {
    color: var(--text-secondary, #666666) !important;
}

/* Background consistency */
.vactours-highlight-item,
.vactours-day-header {
    background: linear-gradient(135deg, var(--background-light, #f8f9fa) 0%, #e9ecef 100%) !important;
}

/* Border consistency */
.vactours-day-header,
.vactours-testimonial-author {
    border-color: var(--border-light, #e7e7e7) !important;
}

/* Popup close buttons - Secondary style */
.vactours-popup-close,
.vactours-btn-secondary,
.popup-close-btn,
.modal-close,
.close-button,
button[data-action="close"],
.popup-footer button[data-action="close"],
.vactours-popup-footer button[data-action="close"],
button.fermer-btn,
.fermer-button {
    background: transparent !important;
    border: 2px solid var(--primary-color, #247ba0) !important;
    color: var(--primary-color, #247ba0) !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.vactours-popup-close:hover,
.vactours-btn-secondary:hover,
.popup-close-btn:hover,
.modal-close:hover,
.close-button:hover,
button[data-action="close"]:hover,
.popup-footer button[data-action="close"]:hover,
.vactours-popup-footer button[data-action="close"]:hover,
button.fermer-btn:hover,
.fermer-button:hover {
    background: var(--primary-color, #247ba0) !important;
    color: var(--background-white, #ffffff) !important;
    transform: translateY(-1px) !important;
}

/* X button in popup header */
.vactours-popup-header .vactours-popup-close {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    border-radius: 50% !important;
    padding: 5px !important;
    width: 35px !important;
    height: 35px !important;
}

.vactours-popup-header .vactours-popup-close:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

/* Popup footer primary button - Golden Yellow */
.vactours-popup-footer .vactours-btn:not(.vactours-btn-secondary):not(.fermer-button):not([data-action="close"]),
.vactours-popup-footer button:not([data-action="close"]):not(.fermer-btn):not(.fermer-button),
.popup-footer .btn-primary:not(.fermer-btn):not(.fermer-button) {
    background: var(--accent-color, #ffc107);
    border: 2px solid var(--accent-color, #ffc107);
    color: var(--text-primary, #333333) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3) !important;
}

.vactours-popup-footer .vactours-btn:not(.vactours-btn-secondary):not(.fermer-button):not([data-action="close"]):hover,
.vactours-popup-footer button:not([data-action="close"]):not(.fermer-btn):not(.fermer-button):hover,
.popup-footer .btn-primary:not(.fermer-btn):not(.fermer-button):hover {
    background: #e0a800 !important;
    border-color: #e0a800 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4) !important;
}

/* Force FERMER button to use secondary style */
.vactours-popup-footer button[data-action="close"],
.popup-footer button[data-action="close"],
button.fermer-btn,
.fermer-button,
button:contains("FERMER"),
button[value*="FERMER"],
.vactours-popup-footer .fermer-button,
.popup-footer .fermer-button {
    background: transparent !important;
    border: 2px solid var(--primary-color, #247ba0) !important;
    color: var(--primary-color, #247ba0) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.vactours-popup-footer button[data-action="close"]:hover,
.popup-footer button[data-action="close"]:hover,
button.fermer-btn:hover,
.fermer-button:hover,
button:contains("FERMER"):hover,
button[value*="FERMER"]:hover,
.vactours-popup-footer .fermer-button:hover,
.popup-footer .fermer-button:hover {
    background: var(--primary-color, #247ba0) !important;
    color: var(--background-white, #ffffff) !important;
    border-color: var(--primary-color, #247ba0) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(36, 123, 160, 0.3) !important;
}