/* IONNA Brand Colors */
/* Primary Teal: #0D3B3B | Orange: #FF6200 | Cream: #F5EFE6 */

/* Search bar styling */
.hc-search-bar input[type="text"],
.hc-search-bar input[type="search"] {
    border: 2px solid #FF6200 !important;
    border-radius: 30px !important;
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

.hc-search-bar input::placeholder {
    color: rgba(255,255,255,0.7) !important;
}

/* Search button */
.hc-search-bar button,
.hc-search-submit {
    background-color: #FF6200 !important;
    border-color: #FF6200 !important;
    border-radius: 30px !important;
    color: #ffffff !important;
}

/* Primary buttons */
.btn-primary, .hc-btn-primary {
    background-color: #FF6200 !important;
    border-color: #FF6200 !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
}

.btn-primary:hover, .hc-btn-primary:hover {
    background-color: #CC4E00 !important;
    border-color: #CC4E00 !important;
}

/* Secondary buttons */
.btn-secondary, .hc-btn-secondary {
    background-color: #0D3B3B !important;
    border-color: #0D3B3B !important;
    border-radius: 30px !important;
    color: #ffffff !important;
}

/* Article card styling */
.hc-article-card, .hc-category-card {
    border-radius: 12px !important;
    border: 1px solid rgba(13,59,59,0.15) !important;
    transition: box-shadow 0.2s ease !important;
}

.hc-article-card:hover, .hc-category-card:hover {
    box-shadow: 0 4px 20px rgba(255,98,0,0.2) !important;
    border-color: #FF6200 !important;
}

/* Sign In button */
.hc-signin-btn, .signin-link {
    background-color: #FF6200 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
}

/* Tab active underline - ensure orange */
.hc-tabs .active, .hc-tab-item.active {
    border-bottom-color: #FF6200 !important;
    color: #ffffff !important;
}

/* Footer */
.hc-footer {
    background-color: #0D3B3B !important;
    color: #F5EFE6 !important;
}

.hc-footer a {
    color: #FF6200 !important;
}

/* Portal title - shrink font so full name fits in header */
.Header__brandName {
    font-size: 15px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 220px !important;
}