/* Wine-Inspired Design Elements for vines.app */

/* Enhanced Wine-Inspired Color Palette */
:root {
    --wine-olive: #8b9459;
    --wine-olive-hover: #6d7443;
    --wine-rust: #c1663f;
    --wine-rust-hover: #a85434;
    --wine-gold: #f4c430;
    --background-offwhite: #fafafa;
}

/* Map Pin Icon Styling */
.leaflet-marker-icon {
    filter: drop-shadow(0 0 1px white) 
            drop-shadow(0 0 1px white) 
            drop-shadow(0 0 1px white)
            drop-shadow(0 0 2px white);
}

/* Wine-inspired Enhanced Styles */
.bg-purple-600, .bg-olive {
    background-color: var(--wine-olive) !important;
}

.hover\:bg-purple-700:hover, .hover\:bg-olive-hover:hover {
    background-color: var(--wine-olive-hover) !important;
}

.text-purple-600, .text-olive {
    color: var(--wine-olive) !important;
}

.hover\:text-purple-800:hover, .hover\:text-olive-hover:hover {
    color: var(--wine-olive-hover) !important;
}

.bg-purple-800, .bg-rust {
    background-color: var(--wine-rust) !important;
}

.hover\:bg-purple-900:hover, .hover\:bg-rust-hover:hover {
    background-color: var(--wine-rust-hover) !important;
}

.text-purple-700, .text-olive-dark {
    color: var(--wine-olive-hover) !important;
}

.text-purple-900, .text-rust-dark {
    color: #7a4e30 !important;
}

.border-purple-200, .border-olive-light {
    border-color: rgba(139, 148, 89, 0.3) !important;
}

.border-olive {
    border-color: var(--wine-olive) !important;
}

.border-rust {
    border-color: var(--wine-rust) !important;
}

.border-gold {
    border-color: var(--wine-gold) !important;
}

.bg-purple-50, .bg-olive-light {
    background-color: rgba(139, 148, 89, 0.1) !important;
}

.hover\:bg-purple-50:hover, .hover\:bg-olive-light:hover {
    background-color: rgba(139, 148, 89, 0.15) !important;
}

.bg-purple-100, .bg-olive-lighter {
    background-color: rgba(139, 148, 89, 0.2) !important;
}

.text-purple-800, .text-olive-darker {
    color: #5a5f38 !important;
}

/* Logo with Subtle Default Glow */
.logo-container {
    position: relative;
    display: inline-block;
}

.logo-container::after {
    content: "";
    position: absolute;
    inset: -15px -20px -10px -20px;
    pointer-events: none;
    background: radial-gradient(closest-side, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.15) 45%, transparent 65%);
    filter: blur(1px);
    transform: translateY(3px) scale(0.98);
    opacity: 1;
    z-index: -1;
}

.logo-icon {
    display: inline-block;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4)) 
            drop-shadow(0 0 4px rgba(255, 255, 255, 0.2)) !important;
    transition: transform 0.5s ease !important;
}

.logo-container:hover .logo-icon {
    transform: scale(1.02);
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.4)) 
            drop-shadow(0 0 1px rgba(255, 255, 255, 0.25)) !important;
}

/* Featured Badge for Wineries */
.featured-badge {
    position: absolute;
    top: -8px;
    right: 12px;
    background: white;
    color: var(--wine-rust);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
    box-shadow: 0 2px 8px rgba(193, 102, 63, 0.3);
}

.featured-accent {
    border-top: 3px solid var(--wine-rust);
}

/* Organic Card Shadows - More Natural */
.winery-card {
    position: relative;
    box-shadow: 0 2px 6px rgba(139, 148, 89, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.winery-card:hover {
    box-shadow: 0 8px 24px rgba(139, 148, 89, 0.15);
    transform: translateY(-2px);
}

/* Simple breadcrumb separator */
.breadcrumb-separator::before {
    content: "›";
    margin: 0 0.7rem;
    color: #9ca3af;
}

/* Awards & Distinctions Horizontal Scroll */
.awards-scroll-container {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 148, 89, 0.3) transparent;
    -webkit-overflow-scrolling: touch;
}

.awards-scroll-container::-webkit-scrollbar {
    height: 4px;
}

.awards-scroll-container::-webkit-scrollbar-track {
    background: transparent;
}

.awards-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgba(139, 148, 89, 0.3);
    border-radius: 4px;
}

.awards-scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(139, 148, 89, 0.5);
}

.awards-scroll-container .state-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
    cursor: pointer;
}

.awards-scroll-container .state-filter-btn:hover {
    background-color: #e5e7eb;
    border-color: #d1d5db;
}

.awards-scroll-container .state-filter-btn.active {
    background-color: var(--wine-rust);
    color: white;
    border-color: var(--wine-rust);
    font-weight: 600;
}

/* Compact horizontal scroll for featured winery cards */
.awards-scroll-container-compact {
    display: flex;
    gap: 0.375rem;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 0.25rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 148, 89, 0.2) transparent;
    -webkit-overflow-scrolling: touch;
}