/*======================================================
GONBAD FIROUZE
HEADER.CSS
Version 6.0
Foundation
======================================================*/

/*====================================
HEADER
====================================*/

.header{

    position:fixed;

    top:0;
    right:0;
    left:0;

    width:100%;

    background:var(--color-white);

    z-index:9999;

    transition:
        background .45s ease,
        box-shadow .45s ease,
        backdrop-filter .45s ease;

}

/*====================================
CONTAINER
====================================*/

.header .container-fluid{

    max-width:1400px;

    width:100%;

    margin:0 auto;

    padding-left:40px;
    padding-right:40px;

    box-sizing:border-box;

}

/*====================================
TOP HEADER
====================================*/

.header-top{

    min-height:82px;

    display:flex;

    align-items:center;

}

/*====================================
BOTTOM HEADER
====================================*/

.header-bottom{

    min-height:46px;

    display:flex;

    align-items:center;

}

/*====================================
RIGHT COLUMN
====================================*/

.header-right{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:18px;

}

/*====================================
CENTER COLUMN
====================================*/

.header-center{

    display:flex;

    justify-content:center;

    align-items:center;

}

/*====================================
LEFT COLUMN
====================================*/

.header-left{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

/*====================================
LOGO
====================================*/

.header-logo{

    display:flex;

    justify-content:center;

    align-items:center;

}

.header-logo a{

    display:flex;

    justify-content:center;

    align-items:center;

}

.header-logo img{

    display:block;

    width:auto;

    max-height:62px;

    transition:transform .55s ease;

}

/*====================================
SLOGAN
====================================*/

.header-slogan{

    display:flex;

    align-items:center;

}

.header-slogan img{

    display:block;

    width:auto;

    max-height:50px;

    transition:transform .55s ease;

}

/*====================================
LANGUAGE
====================================*/

.header-language{

    display:flex;

    align-items:center;

    gap:6px;

    white-space:nowrap;

    font-size:13px;

    font-weight:600;

}

.header-language a{

    color:var(--color-secondary);

    text-decoration:none;

    transition:var(--transition);

}

.header-language a:hover{

    color:var(--color-primary);

}

.header-language strong{

    color:var(--color-primary);

}

.header-language span{

    color:var(--color-border);

}

/*====================================
HEADER ACTIONS
====================================*/

.header-actions{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

}

.header-actions .fz-btn{

    height:34px;

    min-width:70px;

    padding:0 14px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.header-actions .fz-btn small{

    font-size:13px;

}
.header-actions .fz-btn {
	border-width: 1px;
}
/*======================================================
HEADER.CSS
Version 6.0
Navigation + Sticky
======================================================*/


/*====================================
DESKTOP NAVIGATION
====================================*/

.header-nav{

    width:100%;

}

.header-nav .navbar{

    padding:0;

    min-height:46px;

}

.header-nav .navbar-collapse{

    display:flex;

    justify-content:center;

    align-items:center;

}

/* کانتینر منو */

.header-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
}

.header-nav > ul.menu {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	margin: 0;
	padding: 0;
	gap: 0;
}

body.farsi-body .header-nav > ul.menu {
	direction: rtl;
}

body.english-body .header-nav > ul.menu {
	direction: ltr;
}


/*====================================
STICKY HEADER
====================================*/

body{

    padding-top:128px;

}

.header{

    box-shadow:none;

}

.header.is-compact{

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

box-shadow:
0 2px 6px rgba(0,162,157,.05),
0 8px 18px rgba(0,162,157,.08);

}


/*====================================
COMPACT HEADER
====================================*/

.header.is-compact .header-top{

    min-height:60px;

}

.header.is-compact .header-bottom{

    min-height:38px;

}

.header.is-compact .header-logo img{

    max-height:52px;

}

.header.is-compact .header-slogan img{

    max-height:42px;

}

.header.is-compact .header-language{

    font-size:12px;

}

.header.is-compact .header-actions{

    gap:6px;

}

.header.is-compact .fz-btn{

    height:30px;

    padding:0 12px;

}

.header.is-compact .fz-btn small{

    font-size:12px;

}


/*====================================
MENU SIZE
====================================*/

.menu > li > a{

    height:42px;

    padding:0 18px;

    font-size:15px;

    transition:

        color .3s ease,

        padding .4s ease,

        font-size .4s ease;

}

.header.is-compact .menu > li > a{

    height:36px;

    font-size:14px;

    padding:0 16px;

}


/*====================================
SMOOTH ANIMATION
====================================*/

.header-top,
.header-bottom,
.header-logo img,
.header-slogan img,
.header-actions,
.menu > li > a{

    transition:all .45s cubic-bezier(.22,.61,.36,1);

}
/*======================================================
HEADER.CSS
Version 6.0
Responsive
======================================================*/


/*====================================
DESKTOP
====================================*/

@media (min-width:992px){

    body{

        padding-top:128px;

    }

}


/*====================================
TABLET
====================================*/

@media (max-width:991px){

    body{

        padding-top:0;

    }

    .header{

        position:relative;

        width:100%;

    }

    .header .container-fluid{

        padding-left:20px;
        padding-right:20px;

    }

    .header-top{

        min-height:70px;

    }

    .header-bottom{

        display:none;

    }

    .header-right{

        display:none;

    }

    .header-left{

        display:none;

    }

    .header-center{

        justify-content:flex-start;

    }

    .header-logo{

        justify-content:flex-start;

    }

    .header-logo img{

        max-height:52px;

    }

}


/*====================================
MOBILE
====================================*/

@media (max-width:768px){

    .header .container-fluid{

        padding-left:15px;
        padding-right:15px;

    }

    .header-top{

        min-height:64px;

    }

    .header-logo img{

        max-height:46px;

    }

}


/*====================================
RTL
====================================*/

body.farsi-body{

    direction:rtl;

}

body.farsi-body .header-right{

    justify-content:flex-start;

}

body.farsi-body .header-left{

    justify-content:flex-end;

}


/*====================================
LTR
====================================*/

body.english-body {
	direction: ltr;
}

body.english-body .header-top {
	direction: ltr;
}

/*
 * در ساختار HTML، header-right اولین ستون است؛
 * بنابراین در LTR در سمت چپ قرار می‌گیرد.
 */
body.english-body .header-right {
	justify-content: flex-start;
	text-align: left;
}

/*
 * header-left آخرین ستون است؛
 * بنابراین در LTR در سمت راست قرار می‌گیرد.
 */
body.english-body .header-left {
	justify-content: flex-end;
	text-align: right;
}

body.english-body .header-language,
body.english-body .header-slogan {
	direction: ltr;
}

body.english-body .header-actions {
	direction: ltr;
	justify-content: flex-end;
}


/*====================================
OVERFLOW FIX
====================================*/

.header,
.header *,
.header .container-fluid{

    box-sizing:border-box;

}

.header{

    overflow:visible;

}

.header .row{

    margin-left:0;
    margin-right:0;

}

.header [class*="col-"]{

    padding-left:15px;
    padding-right:15px;

    min-width:0;

}


/* جلوگیری از اسکرول افقی */

html,
body{

    overflow-x:hidden;

}


/*====================================
STICKY NAV
====================================*/

.header-sticky-nav{

    display:none;

}

.header.is-compact .header-sticky-nav{

    display:flex;

    align-items:center;

}
/*====================================================
HEADER LAYOUT
====================================================*/

.header-wrapper{

    width:100%;
    max-width:1400px;

    margin:0 auto;

    padding:0 40px;

    box-sizing:border-box;

}

.header-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.header-right,
.header-left{

    flex:1;

    display:flex;

    align-items:center;

}

.header-right{

    justify-content:flex-start;

}

.header-left{

    justify-content:flex-end;

}

.header-center{

    flex:0 0 auto;

    display:flex;

    justify-content:center;

    align-items:center;

}
/*==================================================
GONBAD FIROUZE
MOBILE HEADER LAYOUT
Version 8.0
==================================================*/

@media (max-width:991px){

/*------------------------------------
Desktop Hidden
------------------------------------*/

.header{
display:none !important;
}



}
/* Main navigation — centered in both languages */
@media (min-width: 992px) {
	body #site-header .header-nav {
		display: flex;
		justify-content: center;
	}

	body #site-header .header-nav > ul.menu {
		display: flex;
		width: 100%;
		justify-content: center !important;
		margin-inline: auto;
		padding-inline: 0;
	}
}

/* Hide the duplicate language switcher inside navigation */
#site-header .header-nav li.lang-item,
#site-header .header-nav li.pll-parent-menu-item {
	display: none !important;
}
/* Desktop language switcher */
@media (min-width: 992px) {
	#site-header .header-right {
		gap: var(--space-3xl);
	}

	#site-header .header-language {
		gap: var(--space-sm);
		font-size: var(--fs-small);
		flex-shrink: 0;
	}

	#site-header.is-compact .header-language {
		font-size: var(--fs-small);
	}

	#site-header .header-language a,
	#site-header .header-language strong {
		font-size: inherit;
	}
}
/* Language-specific typography — desktop and mobile */
.header-language [lang="fa"],
.fz-mobile-language [lang="fa"] {
	font-family: var(--font-fa);
}

.header-language :is([lang="en"], [lang="ru"]),
.fz-mobile-language :is([lang="en"], [lang="ru"]) {
	font-family: var(--font-en);
}

.header-language a,
.fz-mobile-language a {
	font-weight: 600;
}

.header-language strong,
.fz-mobile-language strong {
	font-weight: 700;
}
/* Keep desktop content below the fixed header */
@media (min-width: 992px) {
	html body {
		padding-top: var(--fz-desktop-header-height, 128px) !important;
	}
}