/* AimActok Custom CSS - Consolidated 2026-06-06
 * Old blocks (1-129) and new blocks (130-427) merged.
 * Kept: hero inline-style overrides, body basics, header, nav, submenu, content, footer
 * Removed: duplicate selectors between old and new versions
 */

/* === Hero inline-style overrides (old block kept) === */
.entry-content [style*="#e84393"] {
    background: linear-gradient(135deg, #6366F1, #8B5CF6) !important;
}
.entry-content [style*="#f8f9fa"] {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #ffffff;
}
.entry-content a[style*="white"][style*="#e84393"] {
    background: linear-gradient(135deg, #6366F1, #8B5CF6) !important;
    color: #ffffff !important;
}

/* === Base background === */
body, #page, .ast-separate-container, .ast-plain-container,
.site, .ast-page-builder-template {
    background-color: #0F172A !important;
    color: #CBD5E1;
}

/* === Header (solid dark) === */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
#masthead,
#ast-desktop-header,
.site-header-primary-section-left,
.site-header-primary-section-right,
.site-header-section {
    background-color: #0F172A !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* === Site title and tagline === */
.site-title a,
.site-title,
.site-logo-img img,
.site-description {
    color: #ffffff !important;
}

/* === Main navigation links - white === */
.main-header-menu .menu-item > .menu-link,
.main-navigation a,
.ast-builder-menu-1 .menu-link,
.main-header-menu .menu-link {
    color: #ffffff !important;
    font-weight: 500;
}

/* === Nav hover - purple === */
.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .menu-item:hover > .menu-link,
.main-navigation a:hover {
    color: #A5B4FC !important;
    background: transparent !important;
}

/* === Submenu container - dark === */
.main-header-menu .sub-menu,
.ast-nav-menu .sub-menu,
.main-header-menu .menu-item .sub-menu {
    background-color: #1E293B !important;
    background-image: none !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    padding: 8px 0 !important;
}

/* === Submenu links - white === */
.main-header-menu .sub-menu .menu-link,
.ast-nav-menu .sub-menu .menu-link,
.main-header-menu .sub-menu a,
.main-header-menu .sub-menu .menu-item > .menu-link {
    color: #ffffff !important;
    background: transparent !important;
    padding: 8px 16px !important;
}

/* === Submenu hover === */
.main-header-menu .sub-menu .menu-item:hover > .menu-link,
.main-header-menu .sub-menu a:hover,
.main-header-menu .sub-menu .menu-item > .menu-link:hover {
    background-color: rgba(99, 102, 241, 0.2) !important;
    color: #ffffff !important;
}

/* === Submenu bridge (prevent hover gap) === */
.main-header-menu .menu-item {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: -12px;
}
.main-header-menu .sub-menu,
.ast-nav-menu .sub-menu {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    margin-top: 12px;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
}
.main-header-menu .sub-menu::before,
.ast-nav-menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}
.main-header-menu .menu-item:hover > .sub-menu,
.main-header-menu .menu-item:focus-within > .sub-menu,
.ast-nav-menu .menu-item:hover > .sub-menu,
.ast-nav-menu .menu-item:focus-within > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* === Mobile menu === */
.ast-mobile-menu-toggle,
.menu-toggle {
    color: #ffffff !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}
.ast-mobile-header-content,
.ast-mobile-popup-drawer,
.ast-mobile-popup-content {
    background-color: #0F172A !important;
    color: #ffffff !important;
}
.ast-mobile-menu .menu-item .menu-link {
    color: #ffffff !important;
}

/* === Article content area === */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-title,
.entry-title a,
.page-title,
.entry-header,
.related-post-title a {
    color: #CBD5E1 !important;
}
.entry-title a,
.related-post-title a {
    color: #ffffff !important;
}
.entry-content a,
.entry-meta a {
    color: #A5B4FC !important;
}
.entry-content a:hover {
    color: #fff !important;
}

/* === Article meta === */
.entry-meta,
.entry-meta a,
.post-meta,
.post-meta a {
    color: #94A3B8 !important;
}

/* === Article cards === */
.ast-article-post, .ast-article-single, .type-page,
.ast-article-inner, .ast-archive-description {
    background: rgba(30, 41, 59, 0.95) !important;
    border-radius: 12px;
    margin-bottom: 20px;
}

/* === Page titles === */
h1, h2, h3, h4, h5, h6, .page-title, .archive-title, .site-title {
    color: #ffffff !important;
}

/* === Links === */
a, .entry-content a {
    color: #6366F1;
}
a:hover {
    color: #8B5CF6;
}

/* === Buttons === */
.ast-btn, .wp-block-button__link, .button, button,
input[type="submit"], .ast-outline-button {
    background: linear-gradient(135deg, #6366F1, #8B5CF6) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

/* === Blockquote === */
blockquote {
    border-left: 4px solid #6366F1;
    background: rgba(99, 102, 241, 0.1);
    color: #CBD5E1;
    padding: 15px 20px;
    border-radius: 0 8px 8px 0;
}

/* === Code blocks === */
pre, code, .entry-content code {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #E2E8F0 !important;
    border-radius: 4px;
}

/* === Tables === */
table, table th, table td {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
table th {
    background: rgba(99, 102, 241, 0.1);
    color: #ffffff;
}
table td {
    color: #CBD5E1;
}

/* === Images === */
.alignfull img,
.alignwide img,
.entry-content img {
    border-radius: 8px;
}

/* === Comments === */
.comments-area,
.comment-respond {
    background: rgba(30, 41, 59, 0.5);
    padding: 24px;
    border-radius: 8px;
    color: #CBD5E1;
}

/* === Footer === */
.site-footer,
.site-footer-wrap,
.footer-copyright,
.site-below-footer-wrap {
    background: #0F172A !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #94A3B8 !important;
}

/* === Sidebar widgets === */
#secondary, .widget, .ast-sidebar-wrap, .secondary {
    background: rgba(30, 41, 59, 0.9) !important;
    border-radius: 12px;
    padding: 20px;
}
.widget-title, h2.widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid #6366F1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.widget,
.widget-title {
    background: transparent !important;
    color: #CBD5E1 !important;
}

/* === Tag cloud === */
.ast-tags-links a, .tagcloud a {
    background: rgba(99, 102, 241, 0.3);
    color: #ffffff;
    border-radius: 20px;
    padding: 4px 12px;
}

/* === Pagination === */
.ast-pagination .page-numbers {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-radius: 6px;
}
.ast-pagination .page-numbers:hover, .ast-pagination .current {
    background: #6366F1;
}

/* === Tighten page spacing for inner pages === */
.entry-content > p,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}
.entry-content > h2 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
.entry-content > h3 {
    margin-top: 1.2em;
    margin-bottom: 0.4em;
}
.entry-content p:empty {
    display: none;
}
.page-content > *,
.entry-content > * {
    line-height: 1.6;
}
.ast-page-builder-template .entry-header + .entry-content {
    margin-top: 0.5em;
}