/*
Theme Name: Fixer Ultimate 2056
Author: Abanoub Refat
*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap');

:root {
    --primary: #0062ff;
    --dark-blue: #002e73;
    --light-bg: #f4f7fb;
}

body { font-family: 'Tajawal', sans-serif; background: var(--light-bg); margin: 0; direction: rtl; text-align: right; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Top Bar */
.top-bar { background: var(--dark-blue); color: white; padding: 10px 0; font-size: 0.85rem; }

/* Header & Menu */
header { background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 999; padding: 15px 0; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }
.main-nav ul { list-style: none; display: flex; gap: 25px; margin: 0; padding: 0; }
.main-nav ul li a { text-decoration: none; color: #333; font-weight: 700; transition: 0.3s; }
.main-nav ul li a:hover { color: var(--primary); }

/* Slider Section */
.hero-slider { background: #0046ad; height: 400px; display: flex; align-items: center; justify-content: center; color: white; text-align: center; }

/* Category Cards */
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: -50px; }
.cat-card { background: white; padding: 40px 20px; border-radius: 20px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.05); transition: 0.3s; border-bottom: 4px solid transparent; }
.cat-card:hover { transform: translateY(-10px); border-bottom-color: var(--primary); }