/* Console Cleaner - Hide all visual errors */

/* Hide broken iconsax elements completely */
[class*="iconsax"] svg,
.iconsax svg,
i[class*="iconsax"] {
    display: none !important;
    visibility: hidden !important;
}

/* Replace with emoji icons */
[class*="iconsax"]:not(.iconax-fallback)::before {
    content: "🔧" !important;
    font-size: 1.2em !important;
    display: inline-block !important;
    margin-right: 8px !important;
}

/* Specific icon replacements */
[class*="user"]::before { content: "👤" !important; }
[class*="profile"]::before { content: "👤" !important; }
[class*="map"]::before { content: "📍" !important; }
[class*="location"]::before { content: "📍" !important; }
[class*="search"]::before { content: "🔍" !important; }
[class*="menu"]::before { content: "☰" !important; }
[class*="close"]::before { content: "✕" !important; }
[class*="star"]::before { content: "⭐" !important; }
[class*="heart"]::before { content: "❤️" !important; }
[class*="phone"]::before { content: "📞" !important; }
[class*="email"]::before { content: "✉️" !important; }
[class*="calendar"]::before { content: "📅" !important; }
[class*="clock"]::before { content: "🕐" !important; }
[class*="chevron"]::before { content: "▼" !important; }

/* Hide all broken image elements */
img[src*="404"],
img[src*="not-found"],
img[src*="missing"],
img[src=""],
img:not([src]) {
    background: linear-gradient(135deg, #1B4D3E 0%, #B6935A 100%) !important;
    border: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
    min-height: 200px !important;
}

/* Card specific fallbacks */
.attraction-card img[src=""],
.attraction-card img:not([src]),
.attraction-card img[src*="404"] {
    background: linear-gradient(135deg, #1B4D3E 0%, #B6935A 100%) !important;
}

.attraction-card img[src=""],
.attraction-card img:not([src]),
.attraction-card img[src*="404"] {
    background: linear-gradient(135deg, #1B4D3E 0%, #B6935A 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 2rem !important;
    color: white !important;
}

.attraction-card img[src=""]::after,
.attraction-card img:not([src])::after,
.attraction-card img[src*="404"]::after {
    content: "🏛️" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 3rem !important;
}

.guide-card img[src=""],
.guide-card img:not([src]),
.guide-card img[src*="404"] {
    background: linear-gradient(135deg, #B6935A 0%, #E4C590 100%) !important;
}

.guide-card img[src=""]::after,
.guide-card img:not([src])::after,
.guide-card img[src*="404"]::after {
    content: "👤" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 3rem !important;
}

/* Hide all console error messages visually */
body::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Ensure Saudi theme colors are always applied */
* {
    box-sizing: border-box !important;
}

/* Force Saudi colors on all elements */
.btn, button, a.btn {
    border-radius: 50px !important;
}

.nav-link {
    color: #2E2E2E !important;
    font-weight: 500 !important;
}

.nav-link:hover {
    color: #1B4D3E !important;
}

.nav-link.active {
    color: #1B4D3E !important;
    font-weight: 600 !important;
}

/* Header styling */
.top-header, .navbar {
    background: white !important;
    box-shadow: 0 2px 10px rgba(27, 77, 62, 0.1) !important;
}

/* Home section */
.home-section {
    background: linear-gradient(135deg, #1B4D3E 0%, #B6935A 100%) !important;
    min-height: 600px !important;
}

.home-contain h1 {
    color: white !important;
    font-size: 3rem !important;
    font-weight: 800 !important;
}

.home-contain p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.2rem !important;
}

/* Search tabs */
.search-tab {
    color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 40px !important;
    padding: 12px 25px !important;
}

.search-tab.active {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #1B4D3E !important;
}

/* Buttons */
.btn-solid {
    background: #B6935A !important;
    color: white !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
}

.btn-outline {
    border: 2px solid #1B4D3E !important;
    color: #1B4D3E !important;
    background: transparent !important;
    border-radius: 50px !important;
}

/* Cards */
.attraction-card, .guide-card {
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 20px rgba(27, 77, 62, 0.1) !important;
}

/* Sections */
.attractions-section {
    background: #F9F7F2 !important;
}

.tourist-guides-section {
    background: linear-gradient(135deg, #1B4D3E 0%, #143D31 100%) !important;
}

/* Fonts */
body {
    font-family: 'Tajawal', 'Noto Kufi Arabic', sans-serif !important;
}

html[lang="en"] body {
    font-family: 'Poppins', 'Roboto', sans-serif !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .home-contain h1 {
        font-size: 2rem !important;
    }
    
    .search-tab span {
        display: none !important;
    }
}