astra

/* ===== EffiQ-Rate Black+Gold Theme for WooCommerce My Account ===== */
.woocommerce-account .entry-content,
.woocommerce-account .site-content,
.woocommerce-account .ast-container {
background: #0A0A0A !important;
}
body.woocommerce-account {
background: #0A0A0A !important;
}
.woocommerce-account .ast-separate-container .ast-woocommerce-container {
background: #0A0A0A !important;
}
.woocommerce-account .site-main {
background: #0A0A0A !important;
}
.auth-container {
max-width: 960px !important;
}
.woocommerce-account .entry-title,
.woocommerce .woocommerce-form-login-heading,
.woocommerce .woocommerce-form-register-heading {
display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100% !important;
margin-bottom: 24px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
background: none !important;
border: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: inline-block !important;
padding: 10px 20px !important;
color: #999 !important;
background: #1a1a1a !important;
border: 1px solid #333 !important;
border-radius: 6px !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
color: #C9A96E !important;
border-color: #C9A96E !important;
background: #1f1a12 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: #0A0A0A !important;
background: #C9A96E !important;
border-color: #C9A96E !important;
font-weight: 600 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
color: #ccc !important;
font-size: 15px !important;
line-height: 1.7 !important;
}
.woocommerce-account .woocommerce-MyAccount-content p {
color: #bbb !important;
}
.woocommerce-account .woocommerce-MyAccount-content a {
color: #C9A96E !important;
text-decoration: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover {
color: #d4b278 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info {
background: #1a1a1a !important;
border: none !important;
border-left: 4px solid #C9A96E !important;
color: #ccc !important;
border-radius: 6px !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message a,
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-info a {
color: #C9A96E !important;
}
.woocommerce-account .woocommerce-error {
border-left-color: #e74c3c !important;
}
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #1a1a1a !important;
background: #111 !important;
border-radius: 8px !important;
padding: 24px !important;
max-width: 480px !important;
margin: 0 auto !important;
}
.woocommerce form.login label,
.woocommerce form.register label {
color: #ccc !important;
}
.woocommerce form.login input,
.woocommerce form.register input {
background: #1a1a1a !important;
color: #ddd !important;
border: 1px solid #333 !important;
border-radius: 4px !important;
padding: 10px 12px !important;
}
.woocommerce form.login input:focus,
.woocommerce form.register input:focus {
border-color: #C9A96E !important;
outline: none !important;
box-shadow: 0 0 0 2px rgba(201,169,110,0.15) !important;
}
.woocommerce-button,
.woocommerce-Button,
.woocommerce-account button,
.woocommerce-account input[type=”submit”] {
background: #C9A96E !important;
color: #0A0A0A !important;
border: none !important;
border-radius: 4px !important;
font-weight: 600 !important;
padding: 12px 24px !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
}
.woocommerce-button:hover,
.woocommerce-Button:hover,
.woocommerce-account button:hover,
.woocommerce-account input[type=”submit”]:hover {
background: #d4b278 !important;
}
.woocommerce-LostPassword a {
color: #C9A96E !important;
}
.woocommerce-form__label-for-checkbox {
color: #999 !important;
}
.woocommerce-form__label-for-checkbox a {
color: #C9A96E !important;
}
.woocommerce-account .woocommerce-Addresses {
display: flex !important;
gap: 24px !important;
flex-wrap: wrap !important;
}
.woocommerce-account .woocommerce-Address {
flex: 1 !important;
min-width: 280px !important;
background: #111 !important;
border: 1px solid #2a2a2a !important;
border-radius: 8px !important;
padding: 24px !important;
}
.woocommerce-account .woocommerce-Address h3 {
color: #C9A96E !important;
font-size: 18px !important;
border-bottom: 1px solid #2a2a2a !important;
padding-bottom: 12px !important;
margin-bottom: 16px !important;
}
.woocommerce-account .woocommerce-Address address {
color: #999 !important;
font-style: normal !important;
line-height: 1.8 !important;
}
.woocommerce-account .woocommerce-orders-table {
border: 1px solid #2a2a2a !important;
border-radius: 8px !important;
overflow: hidden !important;
}
.woocommerce-account .woocommerce-orders-table th {
background: #1a1a1a !important;
color: #C9A96E !important;
font-weight: 600 !important;
padding: 12px 16px !important;
border: none !important;
}
.woocommerce-account .woocommerce-orders-table td {
background: #111 !important;
color: #ccc !important;
padding: 12px 16px !important;
border-color: #2a2a2a !important;
}
.woocommerce-account .woocommerce-orders-table tr:hover td {
background: #1a1a1a !important;
}
.woocommerce-account .woocommerce-EditAccountForm {
background: #111 !important;
border: 1px solid #2a2a2a !important;
border-radius: 8px !important;
padding: 24px !important;
}
.woocommerce-account .woocommerce-EditAccountForm label {
color: #ccc !important;
}
.woocommerce-account .woocommerce-EditAccountForm input {
background: #1a1a1a !important;
color: #ddd !important;
border: 1px solid #333 !important;
border-radius: 4px !important;
}
.woocommerce-account .woocommerce-EditAccountForm input:focus {
border-color: #C9A96E !important;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
border: 1px solid #2a2a2a !important;
border-radius: 6px !important;
padding: 16px !important;
}
.woocommerce-account .woocommerce-EditAccountForm legend {
color: #C9A96E !important;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
color: #C9A96E !important;
border-bottom: 1px solid #2a2a2a !important;
padding-bottom: 12px !important;
margin-bottom: 20px !important;
}
.woocommerce-account hr {
border-color: #2a2a2a !important;
}
.woocommerce-account select {
background: #1a1a1a !important;
color: #ddd !important;
border: 1px solid #333 !important;
border-radius: 4px !important;
}

/* ===== wpForo Supplementary – Spam Notice, Nav Underline, etc ===== */
.wpforo-rcn-wrap,
.wpforo-rcn-body {
background: #1a1a1a !important;
border: 1px solid #333 !important;
border-radius: 6px !important;
color: #ccc !important;
padding: 12px 16px !important;
}

.wpforo-rcn-head {
color: #C9A96E !important;
font-weight: 600 !important;
}

.wpforo-rcn-head i {
color: #C9A96E !important;
}

.wpforo-rcn-body a,
.wpf-rcnl,
.wpforo-rcn-body a.wpf-rcnl,
.wpforo-rcn-body a.wpforo-rcngl,
.wpforo-rcn-body a.wpforo-rcnwl {
color: #C9A96E !important;
text-decoration: underline !important;
}

.wpforo-rcn-body a:hover {
color: #d4b278 !important;
}

.wpforo-rcn-dismiss,
.wpforo-rcn-dismiss-button {
background: #C9A96E !important;
color: #0A0A0A !important;
border: 1px solid #C9A96E !important;
border-radius: 4px !important;
padding: 6px 14px !important;
font-weight: 600 !important;
cursor: pointer !important;
}

.wpforo-rcn-dismiss:hover,
.wpforo-rcn-dismiss-button:hover {
background: #d4b278 !important;
border-color: #d4b278 !important;
}

/* Fix nav tab active underline – change from blue to gold */
.wpf-left .wpf-menu li a::after,
.wpf-left .wpf-menu li.wpforo-active a::after,
.wpf-left .wpf-menu li.current-menu-item a::after {
border-bottom-color: #C9A96E !important;
background: #C9A96E !important;
}

/* wpForo active nav tab indicator */
.wpf-left .wpf-menu li.wpforo-active,
.wpf-left .wpf-menu li.current-menu-item {
border-bottom: 2px solid #C9A96E !important;
}

/* Forum icon colors */
.wpf-forum-icon,
.wpf-topic-icon {
color: #C9A96E !important;
}

/* Forum row hover */
.wpfl-4 .wpf-forum-item:hover {
background: #151515 !important;
}

/* Forum item separator */
.wpfl-4 .wpf-forum-item {
border-bottom: 1px solid #1a1a1a !important;
}

/* Topic status icons */
.wpf-status,
.wpf-status-icon {
color: #C9A96E !important;
}

/* Member avatar border */
.wpf-author-avatar {
border: 2px solid #333 !important;
border-radius: 50% !important;
}

.wpf-author-avatar:hover {
border-color: #C9A96E !important;
}

/* Search results dropdown */
.wpf-search-results {
background: #1a1a1a !important;
border: 1px solid #333 !important;
border-radius: 6px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

.wpf-search-results a {
color: #ccc !important;
}

.wpf-search-results a:hover {
color: #C9A96E !important;
background: #222 !important;
}

/* Tooltip */
.wpf-tooltip {
background: #1a1a1a !important;
color: #ccc !important;
border: 1px solid #333 !important;
}

.wpf-tooltip::before {
border-bottom-color: #333 !important;
}

/* Dialog/modal */
#wpforo-dialog {
background: #111 !important;
border: 1px solid #333 !important;
border-radius: 8px !important;
color: #ccc !important;
}

#wpforo-dialog-header {
background: #1a1a1a !important;
border-bottom: 1px solid #222 !important;
color: #C9A96E !important;
}

#wpforo-dialog-close {
color: #999 !important;
}

#wpforo-dialog-close:hover {
color: #C9A96E !important;
}

/* Loading spinner */
.wpf-load-ico-wrap i {
color: #C9A96E !important;
}

.wpf-load-txt-wrap {
color: #999 !important;
}

/* Message box */
#wpf-msg-box {
background: #1a1a1a !important;
color: #C9A96E !important;
border: 1px solid #C9A96E !important;
}

/* === Breadcrumb fix – higher specificity === */
#wpforo #wpforo-wrap .wpf-breadcrumb { background: #111 !important; border-bottom: 1px solid #222 !important; padding: 8px 16px !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root { border-left: 1px solid #333 !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb a { color: #C9A96E !important; text-decoration: none !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb a:hover { color: #e8d5a8 !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-item-element { color: #888 !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active { background: #1a1a1a !important; color: #C9A96E !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background: #1a1a1a !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover { background: #1a1a1a !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover:after { background: #1a1a1a !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div:after { background: #1a1a1a !important; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active span { color: #C9A96E !important; }

/* === Astra Theme Background Fix for wpForo Pages === */
body.wpforo,
body.page-id-1087,
.page-id-1087 .site-content,
.page-id-1087 .ast-container,
.page-id-1087 .entry-content,
.page-id-1087 .ast-article-inner,
.page-id-1087 article,
.page-id-1087 .ast-separate-container .ast-article-inner,
.page-id-1087 .ast-separate-container,
.page-id-1087 .content-area,
.page-id-1087 .site-main {
background: #0A0A0A !important;
}

/* Breadcrumb arrow fix – dark backgrounds */
#wpforo #wpforo-wrap .wpf-breadcrumb div:after {
background: #1a1a1a !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after {
background: #1a1a1a !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover:after {
background: #1a1a1a !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div {
background: #1a1a1a !important;
color: #C9A96E !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div.active {
background: #222 !important;
color: #C9A96E !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover {
background: #1a1a1a !important;
}

/* Bottom footer legend area */
.wpf-footer-box {
background: #111 !important;
border-top: 1px solid #222 !important;
}
.wpf-all-read,
.wpf-stat-recent-posts,
.wpf-stat-unread-posts,
.wpf-stat-tags {
color: #888 !important;
}
.wpf-all-read a,
.wpf-stat-recent-posts a,
.wpf-stat-unread-posts a,
.wpf-stat-tags a {
color: #C9A96E !important;
}