/* ============================================================
   AARIA BRAND COLOR OVERRIDES
   Brand Color : #4C8CDD
   Applies to  : Asgaros Forum + Stripe Pricing Pages
   ============================================================ */

:root {
    --aaria-brand       : #4C8CDD;
    --aaria-brand-dark  : #3a78c9;
    --aaria-brand-light : #eaf2fb;
    --aaria-brand-shadow: rgba(76, 140, 221, 0.25);
}

/* ============================================================
   ASGAROS FORUM — Buttons
   ============================================================ */

/* Primary action buttons */
#af-wrapper .af-button,
#af-wrapper .submit-button,
#af-wrapper .reply-button,
#af-wrapper .new-topic-link,
#af-wrapper .new-forum-link,
#af-wrapper input[type="submit"],
#af-wrapper button[type="submit"],
#af-wrapper .af-submit-button,
#af-wrapper .af-new-content-button,
#af-wrapper .af-reply-to-post-link {
    background-color: var(--aaria-brand) !important;
    border-color    : var(--aaria-brand) !important;
    color           : #fff !important;
    transition      : background-color 0.2s ease, box-shadow 0.2s ease !important;
}

#af-wrapper .af-button:hover,
#af-wrapper .submit-button:hover,
#af-wrapper .reply-button:hover,
#af-wrapper .new-topic-link:hover,
#af-wrapper .new-forum-link:hover,
#af-wrapper input[type="submit"]:hover,
#af-wrapper button[type="submit"]:hover,
#af-wrapper .af-submit-button:hover,
#af-wrapper .af-new-content-button:hover {
    background-color: var(--aaria-brand-dark) !important;
    border-color    : var(--aaria-brand-dark) !important;
    box-shadow      : 0 4px 14px var(--aaria-brand-shadow) !important;
    color           : #fff !important;
}

/* ============================================================
   ASGAROS FORUM — Links
   ============================================================ */

#af-wrapper a,
#af-wrapper .topic-title a,
#af-wrapper .forum-title a {
    color: var(--aaria-brand) !important;
}

#af-wrapper a:hover,
#af-wrapper .topic-title a:hover,
#af-wrapper .forum-title a:hover {
    color: var(--aaria-brand-dark) !important;
}

/* ============================================================
   ASGAROS FORUM — Pagination
   ============================================================ */

#af-wrapper .pagination a,
#af-wrapper .pagination span {
    border-color: var(--aaria-brand) !important;
    color       : var(--aaria-brand) !important;
}

#af-wrapper .pagination a:hover,
#af-wrapper .pagination .current,
#af-wrapper .pagination .active {
    background-color: var(--aaria-brand) !important;
    border-color    : var(--aaria-brand) !important;
    color           : #fff !important;
}

/* ============================================================
   ASGAROS FORUM — Active / Highlighted States
   ============================================================ */

#af-wrapper .af-category-active,
#af-wrapper .active-forum,
#af-wrapper .active-topic {
    border-left-color: var(--aaria-brand) !important;
}

/* Unread indicator dot */
#af-wrapper .unread-dot,
#af-wrapper .af-unread-indicator {
    background-color: var(--aaria-brand) !important;
}

/* ============================================================
   ASGAROS FORUM — Input Focus
   ============================================================ */

#af-wrapper input[type="text"]:focus,
#af-wrapper input[type="email"]:focus,
#af-wrapper textarea:focus,
#af-wrapper select:focus {
    border-color: var(--aaria-brand) !important;
    box-shadow  : 0 0 0 3px var(--aaria-brand-shadow) !important;
    outline     : none !important;
}

/* ============================================================
   STRIPE / PRICING PAGE — Brand Color Override
   Replace purple (#7c3aed / #a855f7) with #4C8CDD
   ============================================================ */

/* Plan card highlighted border */
.aaria-fe-card.highlighted {
    border-color: var(--aaria-brand) !important;
    box-shadow  : 0 8px 32px var(--aaria-brand-shadow) !important;
}

/* Card hover shadow */
.aaria-fe-card:hover {
    box-shadow: 0 16px 40px var(--aaria-brand-shadow) !important;
}

/* Price color */
.aaria-fe-price {
    color: var(--aaria-brand) !important;
}

/* Popular badge */
.popular-badge {
    background: linear-gradient(135deg, var(--aaria-brand), var(--aaria-brand-dark)) !important;
}

/* Purchase & main buttons */
.aaria-fe-btn,
.aaria-fe-btn:visited {
    background: var(--aaria-brand) !important;
    color      : #fff !important;
    transition : background 0.2s ease, box-shadow 0.2s ease;
}

.aaria-fe-btn:hover {
    background : var(--aaria-brand-dark) !important;
    box-shadow : 0 6px 20px var(--aaria-brand-shadow) !important;
    opacity    : 1 !important;
    color      : #fff !important;
}

/* Outline button variant */
.aaria-fe-btn-outline {
    background   : transparent !important;
    color        : var(--aaria-brand) !important;
    border       : 2px solid var(--aaria-brand) !important;
}

.aaria-fe-btn-outline:hover {
    background: var(--aaria-brand) !important;
    color     : #fff !important;
}

/* Continue to Payment button */
.aaria-fe-continue-btn {
    background: var(--aaria-brand) !important;
}

.aaria-fe-continue-btn:hover {
    background : var(--aaria-brand-dark) !important;
    box-shadow : 0 6px 20px var(--aaria-brand-shadow) !important;
}

/* Back button link color */
.aaria-fe-back-btn {
    color: var(--aaria-brand) !important;
}

/* Site tabs */
.aaria-site-tab:hover {
    border-color: var(--aaria-brand) !important;
    color       : var(--aaria-brand) !important;
}

.aaria-site-tab.active {
    border-color: var(--aaria-brand) !important;
    background  : var(--aaria-brand) !important;
    color       : #fff !important;
}

/* Input focus in modal */
.aaria-fe-field input:focus,
.aaria-fe-field select:focus {
    border-color: var(--aaria-brand) !important;
    box-shadow  : 0 0 0 3px var(--aaria-brand-shadow) !important;
}

/* Checkbox accent */
.aaria-checkbox-label input[type="checkbox"] {
    accent-color: var(--aaria-brand) !important;
}