/* Custom Colors for Packages Section - Override all existing styles */

/* Force card background colors */
.featured-packages .card,
.featured-packages .package-card,
.featured-packages .premium-package-card,
.featured-packages .card-body,
.featured-packages .package-content {
    background-color: var(--packages-card-bg, #ffffff) !important;
    border-color: var(--packages-card-border, #dee2e6) !important;
}

/* Force button colors - All possible button selectors */
.featured-packages .btn,
.featured-packages .btn-primary,
.featured-packages .btn-book,
.featured-packages .btn-danger,
.featured-packages .btn-whatsapp,
.featured-packages .btn-premium-whatsapp,
.featured-packages .whatsapp-btn,
.featured-packages .btn-success,
.featured-packages button,
.featured-packages a.btn,
.featured-packages input[type="submit"],
.featured-packages input[type="button"] {
    background-color: var(--packages-button-bg, #dc3545) !important;
    border-color: var(--packages-button-bg, #dc3545) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

/* Force button hover colors */
.featured-packages .btn:hover,
.featured-packages .btn-primary:hover,
.featured-packages .btn-book:hover,
.featured-packages .btn-danger:hover,
.featured-packages .btn-whatsapp:hover,
.featured-packages .btn-premium-whatsapp:hover,
.featured-packages .whatsapp-btn:hover,
.featured-packages button:hover,
.featured-packages a.btn:hover {
    background-color: var(--packages-button-bg-hover, #c82333) !important;
    border-color: var(--packages-button-bg-hover, #c82333) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

/* Override WhatsApp button specific styles */
.featured-packages .btn-premium-whatsapp::before {
    background: var(--packages-button-bg, #dc3545) !important;
}

/* Force text colors */
.featured-packages .card-title,
.featured-packages .package-title,
.featured-packages h3,
.featured-packages h4,
.featured-packages h5 {
    color: var(--packages-title-color, #212529) !important;
}

.featured-packages .card-text,
.featured-packages .text-muted,
.featured-packages .package-description,
.featured-packages p {
    color: var(--packages-text-color, #6c757d) !important;
}

.featured-packages .price,
.featured-packages .package-price,
.featured-packages .price-value {
    color: var(--packages-button-bg, #dc3545) !important;
}

/* WhatsApp links and buttons with href */
.featured-packages a[href*="whatsapp"],
.featured-packages a[href*="wa.me"],
.featured-packages button[onclick*="whatsapp"],
.featured-packages [data-whatsapp] {
    background-color: var(--packages-button-bg, #dc3545) !important;
    border-color: var(--packages-button-bg, #dc3545) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

.featured-packages a[href*="whatsapp"]:hover,
.featured-packages a[href*="wa.me"]:hover,
.featured-packages button[onclick*="whatsapp"]:hover,
.featured-packages [data-whatsapp]:hover {
    background-color: var(--packages-button-bg-hover, #c82333) !important;
    border-color: var(--packages-button-bg-hover, #c82333) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

/* Additional selectors for any missed elements */
.featured-packages .btn-success {
    background-color: var(--packages-button-bg, #dc3545) !important;
    border-color: var(--packages-button-bg, #dc3545) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

.featured-packages .btn-success:hover {
    background-color: var(--packages-button-bg-hover, #c82333) !important;
    border-color: var(--packages-button-bg-hover, #c82333) !important;
    color: var(--packages-button-text, #ffffff) !important;
}

/* Force override any inline styles */
.featured-packages [style*="background"] {
    background-color: var(--packages-card-bg, #ffffff) !important;
}

.featured-packages .btn[style*="background"],
.featured-packages button[style*="background"],
.featured-packages a[style*="background"] {
    background-color: var(--packages-button-bg, #dc3545) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .featured-packages .btn,
    .featured-packages button {
        background-color: var(--packages-button-bg, #dc3545) !important;
        color: var(--packages-button-text, #ffffff) !important;
    }
}

/* Icons styling - Only the icon itself, not the text */
.featured-packages .feature-icon,
.featured-packages .package-feature,
.featured-packages .service-icon,
.featured-packages .amenity-icon,
.featured-packages .icon-box,
.featured-packages .feature-box,
.featured-packages .package-icon,
.featured-packages .package-icon-item .package-icon,
.featured-packages .package-features .feature .feature-icon,
.featured-packages .package-amenities .amenity .amenity-icon,
.featured-packages .service-item .service-icon,
.theme-1 .featured-packages .feature-icon,
.theme-1 .featured-packages .package-icon,
.theme-1 .featured-packages .package-icon-item .package-icon,
body .featured-packages .feature-icon,
body .featured-packages .package-icon {
    background: var(--packages-icon-bg, #f8f9fa) !important;
    background-color: var(--packages-icon-bg, #f8f9fa) !important;
    background-image: none !important;
}

/* Text elements - No background */
.featured-packages .package-features .feature,
.featured-packages .package-amenities .amenity,
.featured-packages .service-item,
.featured-packages .package-icon-item,
.featured-packages .feature-text,
.featured-packages .amenity-text,
.featured-packages .service-text,
.featured-packages .icon-text {
    background: transparent !important;
    background-color: transparent !important;
}

.featured-packages .package-icon-item .icon-text,
.featured-packages .package-icon-item h6,
.featured-packages .package-icon-item p,
.featured-packages .package-icon-item span,
.featured-packages .feature-text,
.featured-packages .amenity-text,
.featured-packages .service-text {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--packages-icon-text, #212529) !important;
}

.featured-packages .feature-icon i,
.featured-packages .package-feature i,
.featured-packages .service-icon i,
.featured-packages .amenity-icon i,
.featured-packages .package-features .feature .feature-icon i,
.featured-packages .package-amenities .amenity .amenity-icon i,
.featured-packages .service-item .service-icon i,
.featured-packages .icon-box i,
.featured-packages .feature-box i,
.featured-packages .package-icon i,
.featured-packages .package-icon-item .package-icon i,
.theme-1 .featured-packages .feature-icon i,
.theme-1 .featured-packages .package-icon i,
.theme-1 .featured-packages .package-icon-item .package-icon i,
body .featured-packages .feature-icon i,
body .featured-packages .package-icon i,
.featured-packages .fas,
.featured-packages .far,
.featured-packages .fab {
    color: var(--packages-icon-color, #dc3545) !important;
}

/* Force override any inline icon styles */
.featured-packages [class*="icon"] {
    background: var(--packages-icon-bg, #f8f9fa) !important;
    background-color: var(--packages-icon-bg, #f8f9fa) !important;
    background-image: none !important;
    color: var(--packages-icon-text, #212529) !important;
}

.featured-packages [class*="icon"] i {
    color: var(--packages-icon-color, #dc3545) !important;
}

/* Remove theme-specific effects */
.theme-1 .featured-packages .feature-icon::before,
.theme-1 .featured-packages .package-icon::before {
    display: none !important;
}

/* Override theme gradients */
.theme-1 .featured-packages .feature-icon,
.theme-1 .featured-packages .package-icon {
    background: var(--packages-icon-bg, #f8f9fa) !important;
    background-image: none !important;
}

/* Additional icon overrides for stubborn styles */
.featured-packages .package-icon-item {
    background: transparent !important;
    background-color: transparent !important;
}

.featured-packages .package-icons-section {
    background: transparent !important;
    background-color: transparent !important;
}

/* Force remove background from all text elements */
.featured-packages .package-icon-item h1,
.featured-packages .package-icon-item h2,
.featured-packages .package-icon-item h3,
.featured-packages .package-icon-item h4,
.featured-packages .package-icon-item h5,
.featured-packages .package-icon-item h6,
.featured-packages .package-icon-item p,
.featured-packages .package-icon-item span,
.featured-packages .package-icon-item div:not(.package-icon),
.featured-packages .feature-text,
.featured-packages .amenity-text,
.featured-packages .service-text,
.featured-packages .icon-text {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Force override specific icon classes */
.featured-packages .package-feature-icon {
    background-color: var(--packages-icon-bg, #f8f9fa) !important;
    background: var(--packages-icon-bg, #f8f9fa) !important;
    background-image: none !important;
    color: var(--packages-icon-text, #212529) !important;
}

.featured-packages .package-feature-icon i {
    color: var(--packages-icon-color, #dc3545) !important;
}

/* Override any remaining gradient backgrounds */
.featured-packages [style*="background: linear-gradient"],
.featured-packages [style*="background:linear-gradient"] {
    background: var(--packages-icon-bg, #f8f9fa) !important;
}

/* Print styles */
@media print {
    .featured-packages .card {
        background-color: var(--packages-card-bg, #ffffff) !important;
        border-color: var(--packages-card-border, #dee2e6) !important;
    }
}