/* Bhutan Click Custom Styles */

:root {
    --bhutan-orange: #FF6720;
    --bhutan-yellow: #FFCC00;
    --bhutan-red: #D50032;
    --bhutan-green: #0C8346;
    --bhutan-dark: #1A1A1A;
    --bhutan-light: #F8F9FA;
}

/* Text Colors */
.text-bhutan-orange { color: var(--bhutan-orange); }
.text-bhutan-yellow { color: var(--bhutan-yellow); }
.text-bhutan-red { color: var(--bhutan-red); }
.text-bhutan-green { color: var(--bhutan-green); }

/* Background Colors */
.bg-bhutan-orange { background-color: var(--bhutan-orange); }
.bg-bhutan-yellow { background-color: var(--bhutan-yellow); }
.bg-bhutan-red { background-color: var(--bhutan-red); }
.bg-bhutan-green { background-color: var(--bhutan-green); }

/* Buttons */
.btn-bhutan {
    background-color: var(--bhutan-orange);
    border-color: var(--bhutan-orange);
    color: white;
}

.btn-bhutan:hover {
    background-color: #e55a1a;
    border-color: #e55a1a;
    color: white;
}

.btn-outline-bhutan {
    border-color: var(--bhutan-orange);
    color: var(--bhutan-orange);
}

.btn-outline-bhutan:hover {
    background-color: var(--bhutan-orange);
    color: white;
}

/* Business Card Hover Effects */
.business-card {
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.business-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-color: var(--bhutan-orange);
}

/* District Badges */
.district-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: var(--bhutan-green);
    color: white;
    border-radius: 25px;
    text-decoration: none;
    margin: 0.25rem;
    transition: all 0.3s ease;
}

.district-badge:hover {
    background-color: var(--bhutan-orange);
    color: white;
    transform: scale(1.05);
}

/* Verification Badge */
.verified-badge {
    display: inline-flex;
    align-items: center;
    background-color: var(--bhutan-green);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Rating Stars */
.rating i {
    color: #ffc107;
}

/* Category Icons */
.category-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 103, 32, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.category-icon i {
    font-size: 1.5rem;
    color: var(--bhutan-orange);
}

/* Form Styles */
.form-control:focus {
    border-color: var(--bhutan-orange);
    box-shadow: 0 0 0 0.25rem rgba(255, 103, 32, 0.25);
}

/* Footer */
footer {
    background-color: var(--bhutan-dark);
    color: white;
}

footer a {
    color: #ccc;
    text-decoration: none;
}

footer a:hover {
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero-section {
        padding: 60px 0;
    }
    
    .hero-section h1 {
        font-size: 2rem;
    }
    
    .district-badge {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }
}

/* Animation for Loading */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in {
    animation: fadeIn 0.5s ease forwards;
}

/* Bhutan Pattern Background */
.bhutan-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FF6720' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}