/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */

/* ==========================================
   یومیکس - تنظیمات سفارشی هدر و دارک مود
   ========================================== */


/* ------------------------------------------
   تاپ بار
   ------------------------------------------ */
.topbar-today-date:before {
    display: none;
}
.topbar-today-date {
    font-size: 14px !important;
}
.ticker-content a {
    color: #000 !important;
}


/* ------------------------------------------
   منوی اصلی - لایت مود
   ------------------------------------------ */
.menu > li.tie-current-menu > a,
nav.main-nav .menu > li:hover > a {
    background-color: white !important;
    color: var(--brand-color) !important;
}
.menu > li:active {
    color: black !important;
}
.main-menu .menu > li.tie-current-menu > a:after {
    background: white !important;
}
#main-nav .menu > li.tie-current-menu > a {
    color: black !important;
}

/* هدر شیشه‌ای - لایت مود */
#main-nav {
    transition: background-color 0.3s ease !important;
}
#main-nav.fixed {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}


/* ------------------------------------------
   منوی اصلی - دارک مود
   ------------------------------------------ */
html.dark-skin #main-nav,
html.dark-skin .main-nav-wrapper {
    background-color: var(--main-nav-background) !important;
    border-bottom-color: #27292d !important;
}
html.dark-skin #main-nav.fixed {
    background-color: rgba(44, 47, 52, 0.5) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}
html.dark-skin #main-nav .menu a,
html.dark-skin #main-nav .components a {
    color: var(--bright-color) !important;
}
html.dark-skin #main-nav .menu > li,
html.dark-skin #main-nav .menu > li > a {
    background-color: transparent !important;
}
html.dark-skin .menu > li.tie-current-menu > a,
html.dark-skin nav.main-nav .menu > li:hover > a {
    background-color: var(--main-nav-background) !important;
    color: var(--brand-color) !important;
}
html.dark-skin #main-nav .menu > li.tie-current-menu > a {
    color: var(--brand-color) !important;
}
html.dark-skin .main-menu .menu > li.tie-current-menu > a:after {
    background: var(--brand-color) !important;
}


/* ------------------------------------------
   آیکون dropdown منو - دارک مود
   ------------------------------------------ */
html.dark-skin #main-nav .menu li.menu-item-has-children > a:before,
html.dark-skin #main-nav .main-menu .mega-menu > a:before {
    border-top-color: var(--bright-color) !important;
    transition: border 0.15s;
}
html.dark-skin #main-nav .menu li.menu-item-has-children:hover > a:before,
html.dark-skin #main-nav .main-menu .mega-menu:hover > a:before {
    display: none;
}


/* ------------------------------------------
   ساب منو - دارک مود
   ------------------------------------------ */
html.dark-skin .sub-menu,
html.dark-skin .menu-sub-content {
    background-color: var(--base-color) !important;
    border-color: #27292d !important;
}
html.dark-skin .sub-menu a,
html.dark-skin .menu-sub-content a {
    color: var(--bright-color) !important;
}


/* ------------------------------------------
   سایدبار موبایل - دارک مود
   ------------------------------------------ */
html.dark-skin .side-aside,
html.dark-skin .side-aside-wrapper {
    background-color: var(--base-color) !important;
}
html.dark-skin .side-aside #mobile-menu a {
    color: var(--bright-color) !important;
}
html.dark-skin .side-aside #mobile-menu a:hover {
    color: var(--brand-color) !important;
}
html.dark-skin .side-aside .mobile-arrows {
    color: var(--bright-color) !important;
}
html.dark-skin .side-aside .close-side-aside {
    color: var(--bright-color) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
html.dark-skin .side-aside .search-field {
    background-color: rgba(255,255,255,0.1) !important;
    color: var(--bright-color) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
@media (max-width: 991px) {
    .side-aside.dark-skin {
        background: var(--base-color) !important;
    }
}


/* ------------------------------------------
   آیکون همبرگر موبایل
   ------------------------------------------ */
#mobile-menu-icon .tie-mobile-menu-icon,
#mobile-menu-icon .tie-mobile-menu-icon::before,
#mobile-menu-icon .tie-mobile-menu-icon::after {
    background-color: #000000 !important;
}
#mobile-menu-icon:hover .tie-mobile-menu-icon,
#mobile-menu-icon:hover .tie-mobile-menu-icon::before,
#mobile-menu-icon:hover .tie-mobile-menu-icon::after {
    background-color: var(--brand-color) !important;
}
html.dark-skin #mobile-menu-icon .tie-mobile-menu-icon,
html.dark-skin #mobile-menu-icon .tie-mobile-menu-icon::before,
html.dark-skin #mobile-menu-icon .tie-mobile-menu-icon::after {
    background-color: var(--bright-color) !important;
}
html.dark-skin #mobile-menu-icon:hover .tie-mobile-menu-icon,
html.dark-skin #mobile-menu-icon:hover .tie-mobile-menu-icon::before,
html.dark-skin #mobile-menu-icon:hover .tie-mobile-menu-icon::after {
    background-color: var(--brand-color) !important;
}


/* ------------------------------------------
   رنگ لینک‌ها
   ------------------------------------------ */
a {
    color: var(--base-color) !important;
}
html.dark-skin a {
    color: var(--bright-color) !important;
}
a.more-link.button {
    color: var(--base-color) !important;
}
.post-cat {
    color: var(--base-color) !important;
}
.dark-skin .widget a:not(:hover) {
    color: var(--bright-color) !important;
}
.block-head-2 .the-global-title {
    color: var(--base-color);
}


/* ------------------------------------------
   لوگوی موبایل
   ------------------------------------------ */
@media (max-width: 991px) {
    #main-nav.fixed {
        background-color: rgba(255, 255, 255, 0.5) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
    }
    html.dark-skin #main-nav.fixed {
        background-color: rgba(44, 47, 52, 0.5) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
    }
    #logo a {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        gap: 8px;
    }
    #logo picture,
    #logo .tie-logo-img {
        display: block !important;
        height: 40px !important;
        width: auto !important;
    }
    #logo .h1-off {
        display: block !important;
        font-size: 18px !important;
        color: var(--base-color);
        margin: 0 !important;
        clip: unset !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        line-height: 1 !important;
    }
    html.dark-skin #logo .h1-off {
        color: var(--bright-color);
    }
}


/* ------------------------------------------
   فونت
   ------------------------------------------ */
@font-face {
    font-family: 'YekanBakh';
    src: url('/wp-content/uploads/fonts/YekanBakh-Regular.ttf') format('truetype');
    font-display: swap;
}