/* 
Theme Name:		 امپراطور child
Theme URI:		 https://www.rtl-theme.com/emperor-education-wordpress-theme
Description:	 نسخه چایلد قالب امپراطور
Author:			 تیم قهرمان وردپرس
Author URI:		 https://www.rtl-theme.com/user-profile/ah-ashrafi
Template:		 emperor
Version:		 3.0.0
Text Domain:	 emperor
*/

/*
    Add your custom styles here
*/

.nd-menu-toggle {
    display: none;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

@media (max-width: 767px) {
    .nd-header-inner {
        position: relative;
    }

    .nd-menu-toggle {
        align-items: center;
        background: transparent;
        border: 0;
        box-shadow: none;
        color: inherit;
        cursor: pointer;
        display: inline-flex !important;
        flex-direction: column;
        gap: 4px;
        justify-content: center;
        line-height: 1;
        margin-inline-start: 8px;
        min-height: 42px;
        min-width: 42px;
        padding: 8px;
        position: relative;
        z-index: 30;
    }

    .nd-menu-toggle:hover,
    .nd-menu-toggle:focus {
        background: transparent;
        color: inherit;
        outline: none;
    }

    .nd-menu-toggle .nd-menu-bar {
        background: currentColor;
        display: block !important;
        flex: 0 0 2px !important;
        height: 2px !important;
        margin: 0 !important;
        max-width: none !important;
        min-height: 2px !important;
        min-width: 23px !important;
        padding: 0 !important;
        transition: transform 0.2s ease, opacity 0.2s ease;
        width: 23px !important;
    }

    .nd-menu-toggle[aria-expanded="true"] .nd-menu-bar:nth-child(2) {
        transform: translateY(6px) rotate(45deg);
    }

    .nd-menu-toggle[aria-expanded="true"] .nd-menu-bar:nth-child(3) {
        opacity: 0;
    }

    .nd-menu-toggle[aria-expanded="true"] .nd-menu-bar:nth-child(4) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .nd-desktop-menu {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 14px 30px rgba(20, 35, 55, 0.14);
        display: none !important;
        flex-direction: column;
        inset-inline: 12px;
        overflow: hidden;
        padding: 8px 0;
        position: absolute;
        top: calc(100% + 8px);
        z-index: 20;
    }

    .nd-desktop-menu.is-open {
        display: flex !important;
    }

    .nd-desktop-menu a {
        color: #1d2a3a;
        display: block;
        padding: 12px 18px;
        text-decoration: none;
    }

    .nd-desktop-menu a:hover,
    .nd-desktop-menu a:focus {
        background: #f4f7fb;
        color: #1267f2;
    }
}