/* Body background - off-white */
body {
    background-color: #f8f9fa !important;
}

/* Navigation menu font size - 20% larger */
.navbar .dropmenu a,
.navbar .overlay-menu a {
    font-size: 0.96rem !important;
}

/* Remove bullets from lists that have Font Awesome icons */
ul li > i.fa-solid:first-child {
    margin-left: -1.5em;
}

li > i.fa-solid {
    margin-right: 0.5em;
}

/* Remove list-style for items starting with icons */
li:has(> i.fa-solid:first-child) {
    list-style-type: none;
}

/* Fallback for browsers that don't support :has() */
.no-bullets li,
ul.icon-list li {
    list-style-type: none;
}

.no-bullets,
ul.icon-list {
    padding-left: 1.5em;
}

/* Font Awesome Icon Colors */
i.fa-solid, i.fa-brands, i.fa-regular {
    color: #667eea; /* Default purple-blue */
}

/* Specific icon colors based on context */
.fa-gem { color: #9b59b6 !important; }
.fa-tags { color: #e74c3c !important; }
.fa-megaphone { color: #e67e22 !important; }
.fa-clock { color: #3498db !important; }
.fa-eye { color: #667eea !important; }
.fa-briefcase { color: #34495e !important; }
.fa-user-tie { color: #2c3e50 !important; }
.fa-chart-line { color: #27ae60 !important; }
.fa-bullseye { color: #e74c3c !important; }
.fa-users { color: #3498db !important; }
.fa-lightbulb { color: #f39c12 !important; }
.fa-star { color: #f1c40f !important; }
.fa-crown { color: #f39c12 !important; }
.fa-puzzle-piece { color: #9b59b6 !important; }
.fa-bolt { color: #e67e22 !important; }
.fa-magnifying-glass { color: #3498db !important; }
.fa-rocket { color: #e74c3c !important; }
.fa-chart-bar { color: #27ae60 !important; }
.fa-fire { color: #e74c3c !important; }
.fa-flag-checkered { color: #2ecc71 !important; }
.fa-arrow-up { color: #e74c3c !important; }
.fa-pause { color: #f39c12 !important; }
.fa-rotate { color: #3498db !important; }
.fa-exclamation-triangle { color: #e67e22 !important; }
.fa-paper-plane { color: #3498db !important; }
.fa-shopping-cart { color: #27ae60 !important; }
.fa-check-circle { color: #2ecc71 !important; }
.fa-shield-halved { color: #3498db !important; }
.fa-envelope { color: #3498db !important; }
.fa-circle-check { color: #2ecc71 !important; }
.fa-telescope { color: #667eea !important; }
.fa-calendar-days { color: #3498db !important; }
.fa-route { color: #e67e22 !important; }
.fa-arrows-spin { color: #9b59b6 !important; }
.fa-list-check { color: #27ae60 !important; }
.fa-chess { color: #34495e !important; }
.fa-comments { color: #3498db !important; }
.fa-building { color: #34495e !important; }
.fa-globe { color: #3498db !important; }
.fa-hourglass-half { color: #f39c12 !important; }
.fa-people-group { color: #667eea !important; }
.fa-compass { color: #e67e22 !important; }
.fa-arrows-rotate { color: #9b59b6 !important; }
.fa-map-location-dot { color: #e74c3c !important; }
.fa-arrow-trend-up { color: #27ae60 !important; }
.fa-hammer { color: #e67e22 !important; }
.fa-handshake { color: #f39c12 !important; }
.fa-pie-chart { color: #9b59b6 !important; }
.fa-seedling { color: #2ecc71 !important; }
.fa-chart-simple { color: #27ae60 !important; }
.fa-clock-rotate-left { color: #3498db !important; }
.fa-flask { color: #667eea !important; }
.fa-percent { color: #e74c3c !important; }
.fa-layer-group { color: #9b59b6 !important; }
.fa-house-laptop { color: #34495e !important; }
.fa-medal { color: #f39c12 !important; }
.fa-dollar-sign { color: #27ae60 !important; }
.fa-file-invoice-dollar { color: #27ae60 !important; }
.fa-chalkboard-user { color: #667eea !important; }
.fa-graduation-cap { color: #3498db !important; }
.fa-certificate { color: #f39c12 !important; }
.fa-building-user { color: #34495e !important; }
.fa-tag { color: #e74c3c !important; }
.fa-infinity { color: #9b59b6 !important; }
.fa-gears { color: #e67e22 !important; }
.fa-microchip { color: #3498db !important; }
.fa-palette { color: #e91e63 !important; }
.fa-industry { color: #34495e !important; }
.fa-hotel { color: #f39c12 !important; }
.fa-sliders { color: #667eea !important; }
.fa-list-ol { color: #34495e !important; }
.fa-1, .fa-2, .fa-3, .fa-4 { color: #667eea !important; }
.fa-lock { color: #27ae60 !important; }
.fa-key { color: #f39c12 !important; }
.fa-headset { color: #3498db !important; }
.fa-life-ring { color: #e74c3c !important; }
.fa-info-circle { color: #3498db !important; }
.fa-circle-question { color: #9b59b6 !important; }
.fa-money-bill-trend-up { color: #27ae60 !important; }
.fa-scale-balanced { color: #34495e !important; }
.fa-font { color: #667eea !important; }

/* Icons in banners should stay white */
.for-sale-banner i.fa-solid,
.for-sale-banner i.fa-brands,
.for-sale-banner i.fa-regular {
    color: white !important;
}

/* Balance icon margins in banner headings for proper centering */
.for-sale-banner h2 i.fa-solid {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Icons in price-highlight should use darker colors */
.price-highlight i.fa-solid {
    color: inherit;
}

/* Icons in domain-tag should stay white */
.domain-tag i.fa-solid {
    color: white !important;
}

/* FOR SALE Prominent Styling */
.for-sale-banner {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
    color: white;
    padding: 2rem 1.5rem 6rem 1.5rem;
    border-radius: 8px;
    text-align: center;
    margin: 2rem 0;
    box-shadow: 0 8px 24px rgba(255, 107, 107, 0.3);
    border: 3px solid #ff4757;
    animation: pulse-glow 2s ease-in-out infinite;
    overflow: visible !important;
    min-height: auto;
}

.for-sale-banner h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 auto 0.5rem auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

.for-sale-banner .price {
    font-size: 3rem;
    font-weight: bold;
    color: #fff200;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    margin: 1rem 0;
    animation: price-pop 3s ease-in-out infinite;
}

.for-sale-banner .tagline {
    font-size: 1.2rem;
    opacity: 0.95;
    margin-top: 0.5rem;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 8px 24px rgba(255, 107, 107, 0.3);
    }
    50% {
        box-shadow: 0 8px 32px rgba(255, 107, 107, 0.6);
    }
}

@keyframes price-pop {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.for-sale-badge {
    display: inline-block;
    background: #ff4757;
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 0.5rem;
    box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
}

.price-highlight {
    background: linear-gradient(135deg, #ffd93d 0%, #ffb93d 100%);
    padding: 1.5rem;
    border-radius: 8px;
    border: 3px solid #ff9f1c;
    box-shadow: 0 4px 16px rgba(255, 159, 28, 0.3);
    margin: 1.5rem 0;
}

.price-highlight h3 {
    color: #d63031;
    margin-top: 0;
}

.domain-tag {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: inline-block;
    font-weight: bold;
    margin: 0.5rem 0;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
