/*
Theme Name: Imperial Academy
Theme URI: https://imperialacademy.com
Author: Imperial Academy Team
Author URI: https://imperialacademy.com
Description: A professional LMS education theme for Imperial Academy. Fully compatible with Elementor, supports RTL languages (Arabic), and features a clean, corporate design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imperial-academy
Domain Path: /languages
Tags: education, lms, rtl-language-support, translation-ready, custom-logo, elementor

Imperial Academy Theme - Building Future Leaders
*/

/* CSS Variables */
:root {
    --ia-primary: #002147;
    /* Royal Navy */
    --ia-primary-dark: #00152e;
    --ia-primary-light: #003366;
    --ia-secondary: #D4AF37;
    /* Royal Gold */
    --ia-secondary-dark: #B8960F;
    --ia-secondary-light: #E5C76B;
    --ia-accent-gold: rgba(212, 175, 55, 0.4);
    --ia-white: #FFFFFF;
    --ia-background: #F9F9F9;
    --ia-text: #1a1a1a;
    --ia-text-light: #555555;
    --ia-border: #E0E0E0;
    --ia-font-primary: 'Poppins', sans-serif;
    --ia-font-serif: 'Playfair Display', serif;
    --ia-font-arabic: 'Almarai', 'Cairo', 'Tajawal', sans-serif;
    --ia-radius-md: 4px;
    /* More sophisticated, less "childish" rounding */
    --ia-radius-lg: 8px;
    --ia-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    --ia-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.1);
    --ia-transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    --ia-container-max: 1300px;
    --ia-header-height: 90px;
    --ia-topbar-height: 40px;
}

@media (max-width: 768px) {
    :root {
        --ia-header-height: 65px;
    }
}

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Base imports in separate file */