/*
Theme Name:   Hello Elementor Child
Theme URI:    https://ahmadipour.mohamadabedini.ir
Description:  Child theme for Hello Elementor
Author:       Your Name
Author URI:   https://ahmadipour.mohamadabedini.ir
Template:     hello-elementor
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:  hello-elementor-child
*/

/* Add your custom styles below this line */

/* Dana Variable Font */
@font-face {
    font-family: 'Dana VF';
    src: url('./assets/fonts/DanaVF.woff2') format('woff2-variations'),
         url('./assets/fonts/DanaVF.woff') format('woff-variations');
    font-display: swap;
}

/* Fallback برای مرورگرهای قدیمی که Variable Font پشتیبانی نمی‌کنن */
@font-face {
    font-family: 'Dana VF';
    src: url('./assets/fonts/DanaVF.woff2') format('woff2'),
         url('./assets/fonts/DanaVF.woff') format('woff');
    font-display: swap;
}

body, input, h1, h2, h3, h4, h5, h6, div, button, select, li, ul, a {
    font-family: 'Dana VF', Tahoma, sans-serif;
    font-feature-settings: "ss02";
}

/* Persian numbers */
.persian-numbers {
    font-feature-settings: "ss02";
}

/* Variable weight (10-990) */
.font-light {
    font-variation-settings: "wght"300;
}

.font-normal {
    font-variation-settings: "wght"400;
}

.font-medium {
    font-variation-settings: "wght"500;
}

.font-semibold {
    font-variation-settings: "wght"600;
}

.font-bold {
    font-variation-settings: "wght"700;
}

.font-extrabold {
    font-variation-settings: "wght"800;
}




.auth-buttons,
    .user-account-menu {
        font-family: "AnjomanMaxVF", Tahoma, Arial, sans-serif;
        position: relative;
        display: inline-block;
    }
    
    .auth-btn,
    .account-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
		background: #ffc31d;
		border: 1px solid #ffc31d;
        padding: 10px 16px;
        font-size: 14px;
        color: #000;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        min-height: 44px;
        box-sizing: border-box;
    }
    button.account-toggle:hover {
    background: #e9ab00;
    outline: none;
    color: #fff;
	}	
    .auth-btn:focus,
    .account-toggle:focus {
        box-shadow: none;
    }
    
    .auth-icon {
        width: 16px;
        height: 16px;
        fill: currentColor;
        flex-shrink: 0;
    }
    
    .dropdown-arrow {
        width: 12px;
        height: 12px;
        fill: currentColor;
        flex-shrink: 0;
        margin-right: -4px;
    }
    
    /* ========================================
     ACCOUNT DROPDOWN
    ======================================== */
    
    .account-dropdown {
        position: relative;
    }
    
    .account-submenu {
        position: absolute;
        top: 100%;
        right: 0;
        background: #fff;
        border: 1px solid #e0e0e0;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        min-width: 200px;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.2s ease;
        margin-top: 4px;
    }

    .account-dropdown:hover .account-submenu,
    .account-dropdown.active .account-submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .submenu-item {
        display: block;
        padding: 10px 16px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
        border-bottom: 1px solid #f5f5f5;
        transition: none;
    }
    
    .submenu-item:last-child {
        border-bottom: none;
        border-radius: 0 0 8px 8px;
    }
    
    .submenu-item:first-child {
        border-radius: 8px 8px 0 0;
    }
    
	.submenu-item:hover {
		background: #f1f1f1;
		color: #111;
		}
    @media (max-width: 768px) {
    .account-submenu {
        min-width: 85vw;
        right: 50%;
        transform: translateX(50%);
        border-radius: 10px;
    }
    
    .submenu-item {
        font-size: 15px;
        padding: 12px 16px;
    }
}

    /* ========================================
     RESPONSIVE
    ======================================== */
    
    @media (max-width: 768px) {
        .auth-btn,
        .account-toggle {
            padding: 8px 12px;
            font-size: 16px;
        }
        
        .auth-icon {
            width: 18px;
            height: 18px;
        }
        
        .account-submenu {
            right: -20px;
            left: -20px;
            min-width: auto;
        }
		
    .user-account-menu, .auth-buttons {
        display: block !important;
        text-align: center;
        width: 100%;
    }

    .account-toggle {
        display: block;
        width: 100%;
    }

    .account-toggle svg {
        vertical-align: middle;
        margin-right: 6px;
    }
    
    /* ========================================
     RTL SUPPORT
    ======================================== */
    
    body.rtl .account-submenu {
        right: auto;
        left: 0;
    }
    
    body.rtl .dropdown-arrow {
        margin-right: 0;
        margin-left: -4px;
    }
    
    @media (max-width: 768px) {
        body.rtl .account-submenu {
            right: -20px;
            left: -20px;
        }
    }