/*
Theme Name: Sanam Almjd
Theme URI: https://sanamalmjd.com
Author: Sanam Almjd
Author URI: https://sanamalmjd.com
Description: Custom WordPress theme for Sanam Almjd
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: sanam-almjd
Tags: custom-logo, custom-menu, featured-images, rtl-language-support, translation-ready
*/

/* Base Styles */
:root {
    --primary-color: #101010;
    --secondary-color: #00F6A7;
    --color4: #FFE600;
    --color5: #F44B00;
    --color6: #E6E6E6;
    --darker-grey: #4F4F4F;
    --text-primary: #096E4E;
    --bg-primary: #1d1d1c;
    --text-av: #72b591;
    --default-padding: 20px;
}
* {
    font-family: "IBM Plex Sans", sans-serif; 
}
body {
    font-family: "IBM Plex Sans", sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--primary-color);
    color: white;
}




/* Container */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--default-padding);
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: transparent;
}
.site-branding img {
    height: 40px;
    width: auto;
}

/* Navigation */
.main-navigation {
    display: flex;
    align-items: center;
}

.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation li {
    margin: 0 15px;
}

.main-navigation a {
    color: white;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.main-navigation a:hover {
    color: var(--secondary-color);
}

/* Language Switcher */
.language-switcher {
    margin-left: 20px;
}

.language-switcher a {
    color: white;
    text-decoration: none;
    margin-left: 10px;
}

.language-switcher a.active {
    color: var(--secondary-color);
}



/* Footer */
.site-footer {
    background-color: var(--bg-primary);
    padding: 40px 0;
    margin-top: 60px;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-logo img {
    height: 40px;
    width: auto;
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 10px;
}

.footer-menu a {
    color: white;
    text-decoration: none;
}

.copyright {
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

/* Update Icon Sizes */ 
.site-header .nav-icon, 
.appbar .nav-icon, 
.icon-small { 
    width: 60px; 
    height: 60px; 
} 

@media screen and (max-width: 767px) { 
    .site-header .nav-icon, 
    .appbar .nav-icon, 
    .icon-small { 
        width: 45px; 
        height: 45px; 
    } 
}