/* ==========================================================================   Syriazzle Global Styles - Unified Orange Theme   Combined: Header, Preloader, and Body Content   ==========================================================================*/:root {    --primary-orange: #FF8C00;    /* البرتقالي الأساسي */    --primary-dark: #E67E22;      /* برتقالي غامق */    --secondary-gold: #ffb703;    /* أصفر ذهبي */    --text-main: #050505;    --text-sub: #65676b;    --bg-light: #f0f2f5;    --white: #ffffff;}body {    padding-top: 75px !important;    font-family: 'Cairo', sans-serif;    background-color: var(--bg-light);    color: var(--text-main);    margin: 0;}/* --- 1. Header Styles --- */.main-site-header {    background-color: var(--white);    padding: 10px 0;    box-shadow: 0 2px 10px rgba(0,0,0,0.08);    position: fixed;    top: 0; left: 0; width: 100%;    z-index: 1010;    height: 75px;    box-sizing: border-box;}.header-container {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;    display: flex;    justify-content: space-between;    align-items: center;    height: 100%;}.header-logo img {    height: 55px;    display: block;}.main-nav a {    text-decoration: none;    color: #333;    font-weight: 700;    font-size: 16px;    position: relative;    padding: 5px 0;}/* تحويل خط الـ Hover للبرتقالي */.main-nav a::after {    content: '';    position: absolute;    bottom: -2px; right: 0; width: 0; height: 3px;    background-color: var(--primary-orange);    transition: width 0.3s;}.main-nav a:hover::after { width: 100%; }/* زر الإضافة - Orange Style */.add-new-btn {    background-color: var(--primary-orange);    color: #fff;    padding: 10px 20px; margin-top: 160px;   border-radius: 25px;    font-weight: 700;    display: flex;    align-items: center;    gap: 8px;    border: none;    cursor: pointer;    transition: background 0.3s;}.add-new-btn:hover {    background-color: var(--primary-dark);}.add-new-dropdown .fa-ad { color: var(--primary-orange); }/* --- 2. Preloader Styles (Orange) --- */#preloader {    position: fixed;    top: 0; left: 0; width: 100%; height: 100%;    z-index: 99999;    background-color: #ffffff;    display: none;    flex-direction: column;    justify-content: center;    align-items: center;    opacity: 0;    transition: opacity 0.3s ease;}#preloader.visible { display: flex; opacity: 1; }.loader-dots .dot {    width: 12px; height: 12px;    background-color: var(--primary-orange);    border-radius: 50%;    animation: bounce 1.4s infinite ease-in-out both;}/* --- 3. Interactive Search Bar --- */.search-bar-wrapper {    display: flex;    background-color: #fff;    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0,0,0,0.1);    overflow: hidden;}.search-bar-wrapper .search-button {    background-color: var(--primary-orange);    color: white;    border: none;    padding: 0 25px;    cursor: pointer;}/* --- 4. Mobile Footer Nav (Orange Tints) --- */.mobile-footer-nav {    display: none;    position: fixed;    bottom: 0; left: 0; width: 100%;    background-color: #fff;    border-top: 1px solid #ddd;    z-index: 1000;    justify-content: space-around;    padding: 10px 0;    box-shadow: 0 -2px 10px rgba(0,0,0,0.05);}.mobile-footer-nav .nav-item.active {    color: var(--primary-orange);}.add-ad-button-mobile .icon-wrapper {    background-color: var(--primary-orange);    color: white;    width: 50px; height: 50px;    border-radius: 50%;    border: 3px solid white;}/* --- 5. Ad Cards & Sections --- */.ads-category-section h2 {    font-size: 20px;    color: var(--primary-orange);    border-right: 4px solid var(--primary-orange);    padding-right: 10px;}.ad-card h4 {    color: var(--text-main);    font-weight: 800;}.ad-card .ad-location i,.ad-card .ad-price i {    color: var(--primary-orange);}.view-all-button {    background-color: rgba(255, 140, 0, 0.1);    color: var(--primary-orange);    padding: 6px 12px;    border: 1px solid var(--primary-orange);    border-radius: 8px;    font-weight: 700;}.view-all-button:hover {    background-color: var(--primary-orange);    color: #fff;}/* Help Box (Orange) */.help-box {    position: fixed;    bottom: 20px; left: 20px;    background-color: var(--primary-orange);    color: white;    padding: 12px 18px;    border-radius: 50px;    font-weight: bold;    z-index: 999;    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);}/* --- Media Queries --- */@media (max-width: 991px) {    .mobile-footer-nav { display: flex; }    .help-box { bottom: 80px; left: 15px; } /* رفع زر المساعدة فوق البار السفلي */}/* Logo Fix */.header-logo img, .loader-logo img {    object-fit: contain;}