/*
Theme Name: العلامة للحاسبات والتقنية
Theme URI: https://al-alama.com
Author: Al-Alama Team
Author URI: https://al-alama.com
Description: ثيم WordPress حديث ومتجاوب لشركة العلامة للحاسبات والتقنية
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: al-alama
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/

/* ==========================================================================
   تنسيقات Tailwind CSS سيتم تحميلها من ملف منفصل
   ========================================================================== */

:root {
    --brand-blue: #0D47A1;
    --brand-blue-dark: #0a3a82;
    --brand-gray: #4F4F4F;
    --brand-light-gray: #F5F7FA;
    --brand-orange: #F97316;
    --brand-orange-dark: #EA580C;
}

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

body {
    font-family: 'Tajawal', sans-serif;
    direction: rtl;
    text-align: right;
    background: #fff;
    color: #333;
}

/* تنسيقات WordPress الافتراضية */
.alignleft {
    float: left;
    margin: 0 1.5em 1em 0;
}

.alignright {
    float: right;
    margin: 0 0 1em 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* تنسيقات المحرر */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* تنسيقات الصفحة الرئيسية */
.hero-section {
    background: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-dark) 100%);
    color: white;
    padding: 5rem 0;
}

.section-animate {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.section-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* تنسيقات البطاقات */
.card {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* أزرار */
.btn {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-primary {
    background: var(--brand-orange);
    color: white;
}

.btn-primary:hover {
    background: var(--brand-orange-dark);
    transform: scale(1.05);
}