/*
 * Market Bulls Design Customizations for Astra Theme
 * Colors: Dark Blue (#040a28), Gold (#F09E00), Light Gray (#E1E1E1)
 * Typography: Inter Font Family
 */

/* Import Inter Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* CSS Variables for Market Bulls Color Scheme */
:root {
    --mb-primary-dark: #040a28;
    --mb-accent-gold: #F09E00;
    --mb-light-text: #E1E1E1;
    --mb-white: #ffffff;
    --mb-hover-gold: #e89100;
    --mb-gradient: linear-gradient(135deg, #040a28 0%, #0a1236 100%);
}

/* Global Body and Background */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    background-color: var(--mb-primary-dark) !important;
    color: var(--mb-light-text) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Site Container and Wrapper */
#page,
.ast-container,
.site-header,
.site-content,
.site-footer {
    background-color: var(--mb-primary-dark) !important;
}

/* Typography - Headlines and Headings */
h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.widget-title,
.widgettitle {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    color: var(--mb-white) !important;
    letter-spacing: -0.02em !important;
}

h1, .entry-title {
    font-size: 34px !important;
    line-height: 1.2 !important;
}

h2 {
    font-size: 32px !important;
    line-height: 1.3 !important;
}

h3 {
    font-size: 24px !important;
    line-height: 1.4 !important;
}

/* Body Text and Paragraphs */
p, 
.entry-content p,
.widget p {
    color: var(--mb-light-text) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Header Styling */
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar {
    background-color: var(--mb-primary-dark) !important;
    border-bottom: 1px solid rgba(241, 158, 0, 0.2) !important;
}

/* Navigation Menu */
.main-header-menu a,
.ast-header-navigation a,
.ast-masthead-custom-menu-items a {
    color: var(--mb-light-text) !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    font-family: 'Inter', sans-serif !important;
}

.main-header-menu a:hover,
.ast-header-navigation a:hover,
.ast-masthead-custom-menu-items a:hover {
    color: var(--mb-accent-gold) !important;
    transform: translateY(-2px) !important;
}

/* Site Logo */
.site-logo-img,
.custom-logo,
.astra-logo-svg {
    transition: transform 0.3s ease !important;
}

.site-logo-img:hover,
.custom-logo:hover,
.astra-logo-svg:hover {
    transform: scale(1.05) !important;
}

/* Buttons and Form Elements */
.wp-block-button__link,
.button,
.ast-button,
input[type="submit"],
button[type="submit"],
.wp-element-button {
    background: var(--mb-accent-gold) !important;
    color: var(--mb-primary-dark) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(241, 158, 0, 0.3) !important;
    text-decoration: none !important;
}

.wp-block-button__link:hover,
.button:hover,
.ast-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-element-button:hover {
    background: var(--mb-hover-gold) !important;
    color: var(--mb-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(241, 158, 0, 0.4) !important;
}

/* Links */
a {
    color: var(--mb-accent-gold) !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: var(--mb-hover-gold) !important;
}

/* Content Areas and Articles */
.ast-article-post,
.ast-article-single,
.entry-content,
.site-main article {
    background-color: var(--mb-primary-dark) !important;
    border-radius: 8px !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.ast-article-post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px rgba(241, 158, 0, 0.15) !important;
}

/* Featured Images */
.post-thumb img,
.wp-post-image,
.ast-blog-featured-section img {
    border-radius: 8px !important;
    transition: transform 0.3s ease !important;
}

.post-thumb:hover img,
.wp-post-image:hover,
.ast-blog-featured-section:hover img {
    transform: scale(1.02) !important;
}

/* Read More Links */
.ast-read-more,
.read-more {
    background: linear-gradient(135deg, var(--mb-accent-gold), var(--mb-hover-gold)) !important;
    color: var(--mb-primary-dark) !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    display: inline-block !important;
}

.ast-read-more:hover,
.read-more:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(241, 158, 0, 0.3) !important;
    color: var(--mb-primary-dark) !important;
}

/* Sidebar and Widgets */
.secondary .widget,
.widget {
    background: rgba(4, 10, 40, 0.8) !important;
    border: 1px solid rgba(241, 158, 0, 0.1) !important;
    border-radius: 8px !important;
    padding: 1.5rem !important;
    margin-bottom: 2rem !important;
}

.widget-title,
.widgettitle {
    border-bottom: 2px solid var(--mb-accent-gold) !important;
    padding-bottom: 0.5rem !important;
    margin-bottom: 1rem !important;
}

/* Footer */
.ast-footer-overlay {
    background: var(--mb-gradient) !important;
    border-top: 2px solid var(--mb-accent-gold) !important;
}

.site-footer,
.ast-small-footer,
.ast-footer-above-section,
.ast-footer-below-section {
    background-color: var(--mb-primary-dark) !important;
    color: var(--mb-light-text) !important;
}

.site-footer a,
.ast-small-footer a {
    color: var(--mb-light-text) !important;
}

.site-footer a:hover,
.ast-small-footer a:hover {
    color: var(--mb-accent-gold) !important;
}

/* Form Inputs */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    background: rgba(4, 10, 40, 0.8) !important;
    border: 1px solid rgba(241, 158, 0, 0.3) !important;
    color: var(--mb-light-text) !important;
    border-radius: 6px !important;
    padding: 12px !important;
    font-family: 'Inter', sans-serif !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--mb-accent-gold) !important;
    box-shadow: 0 0 0 2px rgba(241, 158, 0, 0.2) !important;
    outline: none !important;
}

/* Breadcrumbs */
.ast-breadcrumbs-wrapper {
    background: rgba(4, 10, 40, 0.5) !important;
    padding: 1rem !important;
    border-radius: 6px !important;
    margin-bottom: 2rem !important;
}

.trail-items a {
    color: var(--mb-accent-gold) !important;
}

/* Search Form */
.search-form {
    background: rgba(4, 10, 40, 0.8) !important;
    border-radius: 6px !important;
    padding: 1rem !important;
}

/* Tables */
table {
    background: rgba(4, 10, 40, 0.8) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

th {
    background: var(--mb-accent-gold) !important;
    color: var(--mb-primary-dark) !important;
    font-weight: 600 !important;
}

td {
    color: var(--mb-light-text) !important;
    border-color: rgba(241, 158, 0, 0.1) !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    h1, .entry-title {
        font-size: 28px !important;
    }
    
    h2 {
        font-size: 26px !important;
    }
    
    h3 {
        font-size: 22px !important;
    }
    
    .ast-article-post,
    .entry-content,
    .site-main article {
        padding: 1.5rem !important;
    }
}

/* Special accent elements */
.accent-box {
    background: var(--mb-gradient) !important;
    border-left: 4px solid var(--mb-accent-gold) !important;
    padding: 1rem !important;
    margin: 1rem 0 !important;
    border-radius: 4px !important;
}

/* Animation keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.6s ease-out;
}

/* Override any Astra default backgrounds */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .site-main > .ast-row {
    background: var(--mb-primary-dark) !important;
}

/* Mobile Menu */
.ast-mobile-menu-buttons {
    background: var(--mb-primary-dark) !important;
}

.ast-mobile-menu-buttons .ast-button-wrap .menu-toggle {
    color: var(--mb-light-text) !important;
}

.ast-mobile-menu-buttons .ast-button-wrap .menu-toggle:hover {
    color: var(--mb-accent-gold) !important;
}