/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* اینجا CSS سفارشی خودت را می‌توانی اضافه کنی */

/* Overlay Menu */
#overlay-menu {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.95);
    color: white;
    display: none;
    z-index: 9999;
    overflow-y: auto;
    padding: 50px;
}

/* دکمه‌ها */
#menu-btn, #close-btn {
    font-size: 24px; background: none; border: none;
    color: white; cursor: pointer;
}
#menu-btn { position: fixed; top: 20px; right: 20px; z-index:10000; }
#close-btn { position: absolute; top: 20px; right: 20px; }

/* منو اصلی */
.overlay-nav ul { list-style: none; padding: 0; }
.overlay-nav li { margin-bottom: 20px; font-size: 24px; position: relative; }
.overlay-nav a { color: white; text-decoration: none; }
.overlay-nav a:hover { color: #f39c12; }

/* Mega Dropdown */
.mega-dropdown { display: flex; gap: 20px; margin-top: 10px; }
.mega-column h3 { margin-top:0; margin-bottom:10px; font-size:18px; }
.mega-column ul { list-style:none; padding:0; }
.mega-column ul li a { font-size:16px; display:block; margin-bottom:5px; }

/* ریسپانسیو */
@media(max-width:768px){
    .mega-dropdown { flex-direction: column; }
    .overlay-nav li { font-size:20px; }
}