/*
Theme Name: Foras Wazifiya (فرص وظيفية - وظائف السعودية)
Theme URI: https://example.com/saudi-jobs-pro
Author: Saudi Jobs Pro Studio
Author URI: https://example.com
Description: قالب ووردبريس احترافي بمعايير عالمية مخصص لمواقع أخبار الوظائف والتوظيف في المملكة العربية السعودية (وظائف مدنية، عسكرية، شركات، جامعات، ونتائج قبول). يتميز بتوزيع ذكي وعالي العائد لإعلانات Google AdSense، وعداد زيارات لحظي (Real-time Active Visitors) في أقصى يسار الهيدر خاص بالمدير فقط، مع هوية بصرية ملكية باللون الكحلي العميق والذهبي الكهرماني.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saudi-jobs-pro
Tags: rtl-language-support, news, blog, custom-logo, custom-menu, featured-images, theme-options
*/

:root {
    --sjp-primary: #1E1B4B;
    --sjp-primary-light: #312E81;
    --sjp-accent: #4338CA;
    --sjp-gold: #D97706;
    --sjp-gold-light: #FEF3C7;
    --sjp-bg: #F8FAFC;
    --sjp-surface: #FFFFFF;
    --sjp-text: #0F172A;
    --sjp-muted: #64748B;
    --sjp-border: #E2E8F0;
    --sjp-radius: 14px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: var(--sjp-bg);
    color: var(--sjp-text);
    direction: rtl;
    text-align: right;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
}

.sjp-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

/* Header & Navigation */
.sjp-header {
    background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 60%, #312E81 100%);
    color: #FFFFFF;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.18);
    border-bottom: 2px solid rgba(217, 119, 6, 0.45);
}

.sjp-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Far Left Admin Live Counter (أقصى اليسار في RTL هو نهاية صف الـ Flex) */
.sjp-admin-live-counter {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    background: rgba(15, 23, 42, 0.78);
    border: 1px solid rgba(245, 158, 11, 0.55);
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    color: #F8FAFC;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
    backdrop-filter: blur(8px);
}

.sjp-pulse-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #10B981;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: sjpPulse 1.8s infinite;
}

@keyframes sjpPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.sjp-admin-badge {
    background: linear-gradient(135deg, #D97706, #B45309);
    color: #FFFFFF;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    font-weight: 800;
}

/* AdSense Containers */
.sjp-adsense-slot {
    background: #FFFFFF;
    border: 1px dashed #CBD5E1;
    border-radius: var(--sjp-radius);
    padding: 0.75rem;
    margin: 1.25rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sjp-adsense-label {
    font-size: 0.7rem;
    color: #94A3B8;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
    display: inline-block;
    background: #F1F5F9;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
}

/* Job Feed Cards (Jobs4.net Inspired High-Speed Layout) */
.sjp-layout-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1.75rem;
    margin: 1.75rem 0;
}

@media (max-width: 992px) {
    .sjp-layout-grid {
        grid-template-columns: 1fr;
    }
}

.sjp-job-card {
    background: var(--sjp-surface);
    border: 1px solid var(--sjp-border);
    border-radius: var(--sjp-radius);
    padding: 1.15rem 1.35rem;
    margin-bottom: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.sjp-job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(30, 27, 75, 0.08);
    border-color: #C7D2FE;
}

/* Official Disclaimer Box */
.sjp-disclaimer-box {
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    border-right: 4px solid #D97706;
    border-radius: var(--sjp-radius);
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
    color: #92400E;
    font-size: 0.92rem;
}