/*
Theme Name: Aljania
Theme URI: 
Author: Aljania
Author URI: 
Description: Professional Web Hosting Services Theme - Blue Corporate Edition 1.4
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, translation-ready
Text Domain: aljania
*/

/* ==========================================================================
   ALJANIA SYSTEM STYLES (HEADER & ADMIN PROTECTION)
   ========================================================================== */

:root {
    --brand-blue: #007bff;
    --brand-dark: #000000;
}

body {
    background-color: #ffffff !important;
}

/* 1. SCOPED BLACK TEXT (Affects only content, sidebar, and catalog) */
.main-catalog-wrapper, 
.rigid-card, 
.premium-sidebar, 
.entry-content, 
.premium-single-header,
.rigid-content {
    color: var(--brand-dark);
}

.main-catalog-wrapper h1, .main-catalog-wrapper h2, .main-catalog-wrapper h3, .main-catalog-wrapper p, .main-catalog-wrapper span, 
.rigid-card h1, .rigid-card h2, .rigid-card h3, .rigid-card p, .rigid-card span, .rigid-card a,
.premium-sidebar h1, .premium-sidebar h2, .premium-sidebar h3, .premium-sidebar p, .premium-sidebar span, .premium-sidebar a,
.entry-content p, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content span, .entry-content li {
    color: var(--brand-dark) !important;
}

/* 2. HEADER & MENU PROTECTION (Restore original colors) */
/* This ensures your menu doesn't turn black unless intended */
#header a, .main-navigation a {
    text-decoration: none !important;
}

.main-navigation a:hover {
    color: #ffffff !important; /* Restore White Hover for Menu */
}

/* 3. WP ADMIN BAR PROTECTION */
#wpadminbar, #wpadminbar * {
    color: #ffffff !important; /* Force White for Admin Bar texts */
}

/* 4. MASTER CATALOG GRID (UNIFORMITY) */
.grid-catalog .row {
    display: flex;
    flex-wrap: wrap;
}

.catalog-item {
    display: flex;
}

.rigid-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.rigid-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0,123,255,0.12) !important;
    border-color: var(--brand-blue) !important;
}

.rigid-image-box {
    height: 250px !important;
    width: 100% !important;
    background: #f8f9fa;
    overflow: hidden;
}

.rigid-image-box img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

.rigid-btn {
    display: block;
    background: var(--brand-dark) !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 50px;
    text-align: center;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    transition: all 0.3s ease;
    border: none !important;
}

.rigid-btn:hover {
    background: var(--brand-blue) !important;
    color: #000000 !important; /* Black text on Blue hover for projects */
}

/* 5. SIDEBAR REFINEMENT */
.premium-sidebar {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
}

.widget-title {
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    margin-bottom: 30px !important;
    padding-left: 15px;
    border-left: 5px solid var(--brand-blue);
}

/* Recent Posts with Thumbnails */
.recent-post-item {
    margin-bottom: 20px !important;
    align-items: flex-start !important;
}

.post-thumb-box {
    width: 70px; height: 60px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.post-thumb-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Category Badges */
.cat-count-vivid {
    background: var(--brand-blue) !important;
    color: #ffffff !important;
    font-size: 0.75rem;
    font-weight: 900;
    padding: 3px 12px;
    border-radius: 30px;
}

/* 6. ARCHIVE MEGA-HEADER */
.category-banner {
    padding: 90px 0 60px;
    text-align: center;
}

.main-category-title {
    font-size: 4.5rem !important;
    font-weight: 900 !important;
    letter-spacing: -3px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.main-category-title::after {
    content: '';
    position: absolute;
    bottom: -15px; left: 20%; width: 60%; height: 8px;
    background: var(--brand-blue);
    border-radius: 4px;
}