/* AccordRx Header Styles - Matching Design */

/* Header container */
header.shadow-gray {
    background: #ffffff !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-top: 10px !important;

}

/* Logo styling - AccordRx specific */
header img[alt*="AccordRx"],
header img[alt*="logo"] {
    max-height: 32px !important;
    width: auto !important;
}

/* Main navigation links */
.accordrx-nav-link {
    color: #4a5568 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    padding: 8px 0 !important;
}

.accordrx-nav-link:hover {
    color: #2d3748 !important;
}

/* Login button - Blue (matching design) */
.accordrx-login-btn {
    background-color: #3b82f6 !important;
    color: white !important;
    padding: 10px 24px !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-login-btn:hover {
    background-color: #2563eb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Contact Us button - Orange (matching design) */
.accordrx-contact-btn {
    background-color: #f97316 !important;
    color: white !important;
    padding: 10px 24px !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-contact-btn:hover {
    background-color: #ea580c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* List an Item button - Purple (for authenticated users) */
.accordrx-list-item-btn {
    background-color: #ca3500 !important;
    color: white !important;
    padding: 10px 24px !important;
    border-radius: 200px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-list-item-btn:hover {
    background-color: #7c3aed !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile header adjustments */
@media (max-width: 1024px) {
    header img[alt*="AccordRx"],
    header img[alt*="logo"] {
        max-height: 32px !important;
    }
}

/* Force button colors to override any framework styles */
.accordrx-login-btn,
a.accordrx-login-btn,
button.accordrx-login-btn {
    background-color: #3b82f6 !important;
    background: #3b82f6 !important;
}

.accordrx-login-btn:hover,
a.accordrx-login-btn:hover,
button.accordrx-login-btn:hover {
    background-color: #2563eb !important;
    background: #2563eb !important;
}

.accordrx-contact-btn,
a.accordrx-contact-btn,
button.accordrx-contact-btn {
    background-color: #f97316 !important;
    background: #f97316 !important;
}

.accordrx-contact-btn:hover,
a.accordrx-contact-btn:hover,
button.accordrx-contact-btn:hover {
    background-color: #ea580c !important;
    background: #ea580c !important;
}

/* Hide any other login/register buttons that might still exist */
a[href*="login"]:not(.accordrx-login-btn),
a[href*="register"]:not(.accordrx-login-btn),
a[href*="sign-in"]:not(.accordrx-login-btn),
a[href*="sign-up"]:not(.accordrx-login-btn),
.icon-users {
    display: none !important;
}

/* Ensure custom navigation links are visible */
.custom-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
}

.custom-nav-links a {
    color: #6b7280 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.custom-nav-links a:hover {
    color: #1e3a8a !important;
}

/* AccordRx color scheme - matching design exactly */
:root {
    --accordrx-blue: #3b82f6;
    --accordrx-blue-hover: #2563eb;
    --accordrx-orange: #f97316;
    --accordrx-orange-hover: #ea580c;
    --accordrx-purple: #8b5cf6;
    --accordrx-purple-hover: #7c3aed;
    --accordrx-gray: #4a5568;
    --accordrx-light-gray: #f0f0f0;
}

/* Search icon styling */
button[onclick="toggleSearch()"] {
    color: #a0aec0 !important;
    padding: 8px !important;
    border-radius: 4px !important;
    transition: color 0.2s ease !important;
}

button[onclick="toggleSearch()"]:hover {
    color: #4a5568 !important;
    background-color: #f7fafc !important;
}

/* Header layout adjustments */
.accordrx-header-container {
    min-height: 70px !important;
    padding: 0 60px !important;
    background: white !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Responsive adjustments */
@media (max-width: 1180px) {
    .accordrx-header-container {
        padding: 0 32px !important;
    }
}

/* Shimmer loading animation */
.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, transparent 37%, #f0f0f0 63%) !important;
    background-size: 400% 100% !important;
    animation: shimmer 1.5s ease-in-out infinite !important;
}

@keyframes shimmer {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: -100% 50%;
    }
}

/* Mobile navigation styles */
.accordrx-mobile-nav-link {
    color: #4a5568 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    padding: 12px 0 !important;
    transition: color 0.2s ease !important;
}

.accordrx-mobile-nav-link:hover {
    color: #2d3748 !important;
}

.accordrx-mobile-login-btn {
    background-color: #3b82f6 !important;
    color: white !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-mobile-login-btn:hover {
    background-color: #2563eb !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.accordrx-mobile-contact-btn {
    background-color: #f97316 !important;
    color: white !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-mobile-contact-btn:hover {
    background-color: #ea580c !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.accordrx-mobile-list-item-btn {
    background-color: #8b5cf6 !important;
    color: white !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.accordrx-mobile-list-item-btn:hover {
    background-color: #7c3aed !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .custom-nav-links {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 1rem 0 !important;
    }
}