/*
Theme Name: Anwar Services Pro
Theme URI: https://anwaarelazl.com
Author: Anwar Services
Description: Professional services WordPress theme for companies
Version: 1.0.0
Text Domain: anwar-services-pro
*/


/* =========================
   المتغيرات الأساسية
========================= */

:root {

    --primary-color: #0b2d5c;
    --secondary-color: #ffffff;
    --gold-color: #c9a227;
    --text-color: #333333;
    --light-color: #f7f9fc;
    --border-color: #eeeeee;

}


/* =========================
   Reset
========================= */

* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    font-family: "Tajawal", Arial, sans-serif;
    background: #ffffff;
    color: var(--text-color);
    line-height: 1.8;

}


img {

    max-width: 100%;
    height: auto;

}


a {

    text-decoration: none;
    color: inherit;

}


/* =========================
   الحاوية
========================= */

.container {

    width: 90%;
    max-width: 1200px;
    margin: auto;

}


/* =========================
   الهيدر
========================= */

.main-header {

    background: var(--secondary-color);
    border-bottom: 1px solid var(--border-color);
    position: relative;
    z-index: 99;

}


.logo a {

    color: var(--primary-color);
    font-size: 28px;
    font-weight: 700;

}


/* =========================
   المحتوى العام
========================= */

.site-content {

    min-height: 400px;

}


/* =========================
   المقالات
========================= */

.article-box {

    background: #fff;
    padding: 35px;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,.06);

}


.article-title {

    color: var(--primary-color);
    font-size: 38px;
    margin-bottom: 25px;

}


.article-content {

    font-size: 18px;

}


.article-content h2 {

    color: var(--primary-color);
    margin: 35px 0 15px;

}


.article-content h3 {

    color: var(--primary-color);
    margin: 25px 0 10px;

}


/* =========================
   كروت المقالات والخدمات
========================= */

.card {

    background: #fff;
    border-radius: 16px;
    padding: 25px;
    border: 1px solid var(--border-color);
    transition: .3s;

}


.card:hover {

    transform: translateY(-5px);

}


/* =========================
   الأزرار
========================= */

.btn-primary {

    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    padding: 12px 28px;
    border-radius: 8px;
    transition: .3s;

}


.btn-primary:hover {

    background: var(--gold-color);

}


/* =========================
   الفوتر
========================= */

.main-footer {

    background: var(--primary-color);
    color: #fff;
    padding: 50px 0;

}


/* =========================
   موبايل
========================= */

@media(max-width:768px){

    .article-title {

        font-size: 28px;

    }


    .article-box {

        padding: 20px;

    }


    .container {

        width: 92%;

    }

}