/* ============================================
   3bestway.com - Professional Modern Design
   Version: 2.0
   ============================================ */

/* ===== CLEAN MINIMAL HEADER ===== */
.ast-main-header-wrap {
    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.1) !important;
}

.main-header-bar {
    background: transparent !important;
}

/* Logo styling */
.site-branding .site-title a {
    color: #ffffff !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

/* Clean navigation - ONLY الرئيسية */
.main-header-menu {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
}

.main-header-menu .menu-item a {
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    transition: all 0.3s ease !important;
}

/* ===== HERO SECTION ===== */
.ast-article-post {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%) !important;
    border-radius: 0 0 40px 40px !important;
    padding: 80px 40px 60px !important;
    margin-bottom: 40px !important;
}

.ast-article-post h2 {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #1e3a8a !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.ast-article-post p {
    font-size: 1.2rem !important;
    color: #475569 !important;
    text-align: center !important;
    max-width: 700px !important;
    margin: 0 auto 40px !important;
}

/* Search box */
.search-form {
    max-width: 600px !important;
    margin: 0 auto 50px !important;
}

.search-form input[type="search"] {
    width: 100% !important;
    padding: 20px 25px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 50px !important;
    font-size: 1.1rem !important;
    background: #ffffff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

.search-form button {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: white !important;
    border: none !important;
    padding: 14px 30px !important;
    border-radius: 40px !important;
    font-weight: 600 !important;
}

/* ===== CATEGORY CARDS ===== */
.category-section h2 {
    text-align: center !important;
    font-size: 2rem !important;
    color: #1e293b !important;
    margin-bottom: 40px !important;
}

.category-section h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6) !important;
    margin: 15px auto 0 !important;
    border-radius: 2px !important;
}

.category-card {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
    transition: all 0.4s ease !important;
    border: 1px solid #f1f5f9 !important;
}

.category-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

/* ===== FOOTER ===== */
.site-footer {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    color: #e2e8f0 !important;
    padding: 60px 0 30px !important;
    margin-top: 60px !important;
    border-radius: 30px 30px 0 0 !important;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.category-card {
    animation: fadeInUp 0.6s ease forwards;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ast-article-post {
        padding: 50px 20px 40px !important;
    }
    
    .ast-article-post h2 {
        font-size: 1.8rem !important;
    }
}