/*******************************************************************************
 * Navito — Custom Theme v3
 * - Nav bar: always dark blue
 * - Hero: box-shadow inset overlay (does NOT block search panel)
 * - Dark mode default, full CSS-variable theming
 * - All original layout overrides preserved
 *******************************************************************************/

/* ── Font ── */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

/* ── Theme tokens ── */
:root {
    --c-nav:          #0a3760;
    --c-nav2:         #0d4880;
    --c-primary:      #0f4c81;
    --c-primary-dark: #0a3760;
    --c-primary-light:#2f7cc9;
    --c-accent:       #ff7a00;
    --c-accent-light: #ffa64d;
    --c-bg:           #f4f7fa;
    --c-surface:      #ffffff;
    --c-surface-alt:  #eef3f7;
    --c-text:         #1f2937;
    --c-text-muted:   #6b7280;
    --c-border:       #e3e8ee;
    --c-success:      #1aa251;
    --shadow-sm: 0 2px 8px rgba(15,76,129,.08);
    --shadow-md: 0 8px 24px rgba(15,76,129,.12);
    --shadow-lg: 0 14px 38px rgba(15,76,129,.16);
    --radius-sm: 6px;
    --radius-md: 12px;
    --ease: cubic-bezier(.4,0,.2,1);
}
html[data-theme="dark"] {
    --c-primary:      #2f7cc9;
    --c-primary-dark: #1d5a96;
    --c-primary-light:#5a9fdd;
    --c-accent:       #ff8c2e;
    --c-accent-light: #ffb066;
    --c-bg:           #0f1620;
    --c-surface:      #172230;
    --c-surface-alt:  #1e2b3b;
    --c-text:         #e7ecf2;
    --c-text-muted:   #98a4b3;
    --c-border:       #2a3a4d;
    --c-success:      #35c97a;
    --shadow-sm: 0 2px 8px rgba(0,0,0,.30);
    --shadow-md: 0 8px 24px rgba(0,0,0,.40);
    --shadow-lg: 0 14px 38px rgba(0,0,0,.50);
}

/* ── Base ── */
body {
    position: relative;
    font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
    font-weight: 400;
    background: var(--c-bg);
    color: var(--c-text);
    transition: background .3s var(--ease), color .3s var(--ease);
}
body h1, body h2, body h3, body h4 { font-weight: 700; }
body #header_menu .menu { font-weight: 700 !important; }
#servicess_section .item .head { font-weight: 700; }
#about_section .sb_title span { font-weight: 700; }
body .content_title_box .content_title,
body #homelinks_section .title span { font-weight: 700; }
body .resu .price { font-weight: 700 !important; font-size: 15px; }
body .search_result_no,
#about_section p { font-weight: 300; }
body:before {
    position: fixed; right: 0; top: 0; content: ''; width: 100%; height: 100%;
    opacity: 0; z-index: -1; background: var(--c-bg);
    animation: fadein .5s;
}
@keyframes fadein { from{opacity:1;z-index:99999;} to{opacity:1;z-index:-1;} }

/* ── Icon rules (keep original sprite references) ── */
body .ch_button i,
body #search_flight.searchPanel .date_icon i::before,
body #search_flight.searchPanel .arrow_city i::before { color: var(--c-accent); }

body #header_menu .contact_menu>.icon {
    background: url(iconss.png) no-repeat 0 0 !important;
    background-size: 150px 200px !important;
}
body #header_menu .menu>.icon { display: none; }
body #header_menu .menu {
    padding-right: 0px !important;
    float: right;
    margin-left: 16px;
}
body.en #header_menu .menu { padding-right: 0px !important; }
body #header_menu .menu .arrow_icon {
    background: url(https://charterdesign.ir/templates/05/iconss.png) no-repeat 0px 0px !important;
    background-size: 150px 200px !important;
}
body #header_menu .menu.panel_menu .separator { display: none; }
body #header_menu .submenu { left: auto; right: 0px; }
body #mobile_sidebar { top: 0px; right: 0px; left: auto; }
body .submenu_blog { top: 0px; }
body #header_menu .panel_menu>.icon {
    background: url(iconss.png) no-repeat -20px -60px !important;
    background-size: 150px 200px !important;
}

/* ═══════════════════════════════════════
   HEADER — always dark blue, both themes
   ═══════════════════════════════════════ */
body #main_nav {
    background: linear-gradient(135deg, var(--c-nav) 0%, var(--c-nav2) 100%) !important;
    background-image: none;
    padding-top: 36px;
    box-shadow: 0 4px 18px rgba(0,0,0,.35);
    animation: slideDown .6s var(--ease);
}
@keyframes slideDown { 0%{transform:translateY(-100%);opacity:0;} 100%{transform:translateY(0);opacity:1;} }

/* Nav bar top-level items — white text */
body #header_menu .menu,
body #header_menu .menu .txt,
body #header_menu .menu>a,
body #main_nav>div>a,
body #main_nav { color: #fff !important; }

/* Other-menu items — white */
body #other_menu>ul>li>a,
body #other_menu li .menu_toggle_btn { color: #fff !important; }

/* phone + slogan in nav area — white */
body #header_phone, body #header_phone a,
body #shoar_top { color: rgba(255,255,255,.9) !important; }

/* Dropdowns & mobile sidebar MUST NOT inherit white — override with dark text */
body #header_menu .submenu,
body #header_menu .submenu a,
body #header_menu .submenu li,
body #header_menu .submenu span,
body #header_menu .submenu p,
body #mobile_sidebar,
body #mobile_sidebar a,
body #mobile_sidebar li,
body #mobile_sidebar span,
body #mobile_sidebar p { color: var(--c-text) !important; }

body #header_menu .menu {
    font-weight: 600;
    position: relative;
    transition: color .25s var(--ease), transform .25s var(--ease);
    padding: 0 10px;
}
body #header_menu .menu:hover { color: var(--c-accent-light) !important; transform: scale(1.05); }
body #header_menu .menu::after {
    content: ''; position: absolute; width: 0; height: 2px;
    background: var(--c-accent); bottom: -5px; left: 50%;
    transform: translateX(-50%); transition: width .3s var(--ease);
}
body #header_menu .menu:hover::after { width: 60%; }
body #header_menu .menu.active:before, body #header_menu .menu:before { display: none !important; }
body .submenu .head_menu { display: none; }

body #main_nav.header_small {
    position: fixed; top: 0; left: 0; right: 0;
    background: linear-gradient(135deg, #071e35 0%, var(--c-nav) 100%) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.5);
}

body #logo {
    float: left; text-align: left; direction: ltr;
    transition: all .5s var(--ease);
}
body #logo a { width: 180px; height: 65px; transition: all .5s var(--ease); }
body #sidebar_btn { margin-top: 0px; }
#sidebar_btn span { background: #fff; }
.news_details_page #sidebar { display: none; }
body #main_wrapper { position: relative; }

/* ═══════════════════════════════════════
   HERO — box-shadow inset tint (safe: does NOT create stacking context,
   cannot block child elements like the search panel)
   ═══════════════════════════════════════ */
body #header_bg {
    display: block;
    background-color: #0a3760;
    background-size: 100% !important;
    background-position: center center !important;
    height: 440px;
    width: 100%;
    box-shadow: inset 0 0 0 2000px rgba(8, 30, 60, 0.28);
}
body #header_bg .container { position: relative; }
body #header_bg .container:last-child { display: none; }
body #header_bg { display: none; }
body.body_home_page #header_bg { display: block; }

body #shoar_top {
    position: absolute; top: -36px; left: 0; height: 36px;
    font: normal 13px/36px 'Vazirmatn', tahoma;
    color: rgba(255,255,255,.85);
}
body #header_phone {
    position: absolute; right: 0px; top: 16px;
    font: normal 18px/30px 'Vazirmatn', tahoma;
    color: #fff; height: 30px; padding-left: 28px;
}
body #header_phone a { color: #fff; }
body.en #header_phone span, body.ar #header_phone span { display: none; }
body #header_phone:before {
    background: url(https://charterdesign.ir/templates/05/iconss.png) no-repeat 0px -40px !important;
    background-size: 150px 200px !important;
    content: ''; position: absolute; width: 20px; height: 20px; left: 0px; top: 5px;
}
body #header_menu {
    background: none; border-radius: 8px; left: auto; top: -36px; height: 36px;
}
body #header_menu .submenu, body #mobile_sidebar {
    border-radius: 8px;
    border-color: var(--c-primary-light);
    box-shadow: var(--shadow-lg);
    background: var(--c-surface) !important;
    color: var(--c-text) !important;
    border-top: 3px solid var(--c-accent) !important;
    overflow: hidden;
}
/* Item dividers */
body #header_menu .submenu li { border-bottom: 1px solid var(--c-border); }
/* Submenu child sections — force readable text in light mode too */
body #header_menu .submenu > *,
body #header_menu .submenu div,
body #header_menu .submenu .head_contact_menu,
body #header_menu .submenu .sb_title,
body #mobile_sidebar > *,
body #mobile_sidebar div {
    color: var(--c-text) !important;
}
body #header_menu .submenu a,
body #mobile_sidebar a { color: var(--c-primary) !important; }
body #header_menu .submenu a:hover,
body #mobile_sidebar a:hover { color: var(--c-accent) !important; }
/* head_contact_menu = avatar + login links at top of user dropdown */
body #header_menu .submenu .head_contact_menu {
    display: block !important;
    background: linear-gradient(135deg, #0a3760 0%, #1a5080 100%) !important;
    color: #fff !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    text-align: center;
}
body #header_menu .submenu .head_contact_menu * { color: #fff !important; background: transparent !important; }
body #header_menu .social { border-top: 1px solid rgba(255,255,255,.3); }

#shoar {
    position: absolute; top: 50px; text-align: center;
    font: bold 22px/40px 'Vazirmatn'; color: #fff; margin: 0 auto; right: 0; left: 0;
    text-shadow: 0 3px 10px rgba(0,0,0,.6);
}
.header_shoar {
    position: absolute; left: 0px; top: 50px;
    font: 22px/30px 'Vazirmatn'; text-shadow: 0 1px 12px rgba(0,0,0,.94); color: #fff;
}

/* ═══════════════════════════════════════
   SEARCH PANEL
   ═══════════════════════════════════════ */
body #search_flight.searchPanel {
    background: rgba(10, 25, 45, 0.55);
    border: none;
    color: #fff;
    box-sizing: border-box;
    padding: 60px 10px 10px;
    height: 190px;
    margin: 0px;
    overflow: visible;
    width: 100%;
    border-radius: 8px;
    position: absolute;
    top: -310px;
    box-shadow: var(--shadow-lg);
}
/* Inner white bar — single clean border, no partial per-field borders */
body #sidebar #search_flight.searchPanel .widg_inn {
    background: #fff;
    border: 1.5px solid #d0dbe8;
    border-radius: 6px 0 6px 6px;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding: 45px 22px;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
body .line_box_mabda, body .line_box_maghsad { background: none; }
body.en #search_flight.searchPanel { border-radius: 0 6px 6px 6px; }
body #search_flight .exchange { transform: rotate(0deg); }
body #search_flight .exchange:after { transform: rotate(90deg); }
body #search_flight.searchPanel .sbt_icon, body #search_flight.searchPanel .logo { display: none; }
body #search_flight .clear { display: none; }
body #search_flight .line_box {
    float: right; width: 29%; padding-left: 20px;
    box-sizing: border-box; margin-bottom: 25px; border: none;
}
body.en #search_flight .line_box { float: left; }
body #search_flight .line_box .line_box { width: auto; float: none; margin-bottom: 0px; }
body #search_flight .line_box_mabda { padding-left: 20px !important; }
body.en #search_flight .line_box_mabda { padding-right: 0px !important; padding-left: 0px !important; }
body.en #search_flight .line_box_maghsad { padding-left: 20px; padding-right: 0px; }
body.en #search_flight .main_inp { padding-right: 24px; padding-left: 0; }
body.en #search_flight .arrow_city { right: 25px; left: auto; }
body #search_flight .line_box_maghsad { padding-right: 20px; }
body #search_flight .line_box_date { padding-left: 20px !important; }
body.en #search_flight .line_box_date { padding-left: 0px !important; }
body #search_flight .line_box .half_box { padding-left: 0px; float: none; width: auto; }
body #search_flight .exchange {
    background: none; border: none; right: 30%; margin-right: -14px; left: auto;
    display: block !important; top: 110px;
}
body #search_flight.searchPanel .text_box {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: var(--radius-sm);
}
body #search_flight .date_icon, body #search_flight .arrow_city { z-index: 5; left: 10px; top: 8px; }
body #search_flight .text_box { border-radius: var(--radius-sm); height: 40px; line-height: 40px; }
body #search_flight .main_inp { padding-left: 0px; }
body #search_flight.searchPanel .arrow_city { border: none; }
#search_flight .label_box { display: none; }
body #return_date_box { display: none; }
body #search_flight.searchPanel .label_box label { color: #fff; }

body #search_flight.searchPanel .sb_title {
    background: none; height: 40px; border: none; position: absolute;
    top: 0px; right: 0px; padding: 10px 10px; margin: 0px;
    border-radius: 5px 5px 0 0; color: #fff;
}
body #search_flight.searchPanel .sb_title span {
    display: block; height: 50px; background: var(--c-surface);
    border-radius: 5px 5px 0 0; color: var(--c-accent);
    padding: 0 24px; font: bold 20px/50px 'Vazirmatn'; text-shadow: none;
}
body.en #search_flight.searchPanel .sb_title { right: auto; left: 0px; }
body #sidebar #search_flight .widg_inn { padding: 0px; }
body #search_flight .main_inp_inn { height: 40px; }
body #sidebar .sb_title .sbt_icon { display: none; }
body #search_flight .main_inp .input_icon { top: 10px; }

body #sidebar_result .sb_title {
    background: linear-gradient(to bottom, var(--c-accent-light) 33%, var(--c-accent) 99%);
    margin: 0; padding: 5px 15px; color: #fff;
}
body #sidebar_result .sb_res_title { background: none; color: var(--c-accent); margin-right: 0px; }
body #sidebar_result .sb_title { background-color: #fafafa; text-shadow: none; color: #484848; font-size: 17px; padding: 0px; margin: 0 20px; border-bottom: 1px solid #e0e0e0; }

/* ── CTA Button ── */
body .ch_button {
    padding: 0; float: left; width: 120px; height: 40px; line-height: 40px;
    border: none; color: #fff !important;
    background: linear-gradient(to right, var(--c-accent) 0%, var(--c-accent-light) 100%);
    border-radius: var(--radius-sm);
    box-shadow: 0 4px 14px rgba(255,122,0,.35);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
body .ch_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255,122,0,.45);
}
body.en .ch_button { float: right; }
body #sidebar_result .ch_button { top: 0px; }
body .ch_button .sub { text-align: center; border-radius: 0px; }
body .ch_button .bg { display: none; }
body .ch_button i { left: auto !important; right: 5px; color: #fff; top: 6px; display: none; }
body .ch_button .circle2, .ch_button .circle1 { display: none; }

/* ═══════════════════════════════════════
   SERVICES SECTION
   ═══════════════════════════════════════ */
#servicess_section { padding: 40px 0; }
body.en #servicess_section, body.ar #servicess_section { display: none; }
#servicess_section .title { text-align: center; margin-bottom: 30px; font-size: 16px; font-weight: bold; display: none; }
#servicess_section span { display: inline-block; border-bottom: 2px solid var(--c-primary-light); }
#servicess_section .item {
    float: right; width: 25%; text-align: center;
    box-sizing: border-box; padding: 0 14px;
    transition: transform .35s var(--ease);
}
#servicess_section .item:hover { transform: translateY(-5px); }
#servicess_section .item .head { position: relative; font: bold 15px/30px 'Vazirmatn'; color: var(--c-text); }
#servicess_section .item p { font: 13px/30px 'Vazirmatn'; color: var(--c-text-muted); }
#servicess_section .item1 .head .icon { background: url(https://charterdesign.ir/templates/05/icons2.png) no-repeat 0px 0px !important; }
#servicess_section .item2 .head .icon { background: url(https://charterdesign.ir/templates/05/icons2.png) no-repeat 0px -100px !important; }
#servicess_section .item3 .head .icon { background: url(https://charterdesign.ir/templates/05/icons2.png) no-repeat 0px -200px !important; }
#servicess_section .item4 .head .icon { background: url(https://charterdesign.ir/templates/05/icons2.png) no-repeat 0px -300px !important; }
#servicess_section .item .head .icon { margin: 0 auto; width: 100px; height: 100px; }

/* ═══════════════════════════════════════
   SIDEBAR / CONTENT LAYOUT
   ═══════════════════════════════════════ */
body #sidebar_inn { margin: 0; }
body .abouthere#sidebar { display: none; }
body #wrapper .container { position: relative; }
body .home_container #content { width: auto; float: none; background: var(--c-surface); }
body #content .ad_sb { display: none; }
body .ad_sb a:first-child { width: 100%; }
body .ad_sb a { float: right; width: 50%; box-sizing: border-box; padding: 20px; }
.ad_sb img { width: 100%; border-radius: var(--radius-md); }
body .special_route_box.special_result { float: none; width: auto; }
body #wrapper { padding: 50px 0 60px 0; }

body .content_title_box i { display: none; }
body .content_title_box { text-align: center; overflow: initial; color: var(--c-text); border: none; }
body #homelinks_section .title span,
body .content_title_box .content_title {
    float: none; display: inline-block; position: relative;
    font-size: 18px; line-height: 55px; border: none;
}
body #homelinks_section .title span:before,
body .content_title_box .content_title:before {
    content: ''; position: absolute; bottom: 0; right: 0; left: 0;
    width: 70px; height: 3px; background: var(--c-accent); margin: 0 auto;
}
.content_title_box .content_title_en { display: none; }

/* ═══════════════════════════════════════
   SPECIAL ROUTE CARDS (city images)
   ═══════════════════════════════════════ */
body .special_result .sr_table {
    box-shadow: var(--shadow-sm);
    background: var(--c-surface);
    padding: 5px;
    box-sizing: border-box;
    margin: 2%;
    width: 29.3%;
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}
body .special_result .sr_table:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

/* card image header — no !important so CMS inline city images are not overridden */
body .special_result .sr_table .t_head {
    background: url("https://cdn.imgurl.ir/uploads/w101412_Untitled-1.png") left center;
    height: 110px; padding: 0 15px; position: relative;
}
body .special_result .sr_table .t_head:before {
    background: url("https://charterdesign.ir/templates/05/city_bg.png") no-repeat center bottom !important;
    display: block; width: 100%; height: 30px; position: absolute;
    content: ''; left: 0; bottom: -1px; background-size: 100% !important;
}
body .sr_table .t_head { background-color: #194263; border: none !important; }

/* per-city image overrides */
body .sr_table.sr_table_THR .t_head { background: url("https://cdn.imgurl.ir/uploads/a264049_city-THR.png") left center !important; }
body .sr_table.sr_table_MHD .t_head { background: url("https://cdn.imgurl.ir/uploads/s20550_city-MHD.png") left center !important; }
body .sr_table.sr_table_KIH .t_head { background: url("https://cdn.imgurl.ir/uploads/i168180_city-KIH.png") left center !important; }
body .sr_table.sr_table_AWZ .t_head { background: url("https://cdn.imgurl.ir/uploads/p3277_city-AWZ.jpg") left center !important; }
body .sr_table.sr_table_IFN .t_head { background: url("https://cdn.imgurl.ir/uploads/r097341_city-IFN.png") left center !important; }
body .sr_table.sr_table_SYZ .t_head { background: url("https://cdn.imgurl.ir/uploads/c77191_city-SYZ.png") left center !important; }
body .sr_table.sr_table_TBZ .t_head { background: url("https://cdn.imgurl.ir/uploads/u40261_city-TBZ.png") left center !important; }
body .sr_table.sr_table_BND .t_head { background: url("https://cdn.imgurl.ir/uploads/y50652_city-BND.png") left center !important; }
body .sr_table.sr_table_RAS .t_head,
body .sr_table.sr_table_NJF .t_head,
body .sr_table.sr_table_GSM .t_head,
body .sr_table.sr_table_ABD .t_head,
body .sr_table.sr_table_KSH .t_head,
body .sr_table.sr_table_BGW .t_head,
body .sr_table.sr_table_KER .t_head,
body .sr_table.sr_table_IST .t_head,
body .sr_table.sr_table_DBX .t_head,
body .sr_table.sr_table_ZAH .t_head,
body .sr_table.sr_table_SRY .t_head,
body .sr_table.sr_table_IIL .t_head,
body .sr_table.sr_table_AZD .t_head { background: url("https://cdn.imgurl.ir/uploads/u0179_city-THR.png") left center !important; }

/* dark badge inside card */
body .special_result .sr_table .t_table {
    background: rgba(0,0,0,.5);
    margin: 34px 0px 0 0; padding: 0 13px; border-radius: 3px;
    line-height: 30px; position: relative; color: #fff !important; overflow: visible;
}
body .sr_table .scroll-wrapper { margin: 12px 0 !important; }

/* "پروازهای پرطرفدار" label — use muted color so it's visible on the light card surface */
body .special_result .sr_table .t_table:before {
    content: 'پروازهای پرطرفدار';
    color: var(--c-text-muted);
    position: absolute; right: 0px; top: -20px;
    font: normal 11px/20px 'Vazirmatn';
}
body.en .special_result .sr_table .t_table:before,
body.ar .special_result .sr_table .t_table:before { display: none; }

body .special_result .sr_table .line {
    line-height: 30px; height: 36px; border-radius: 3px; padding: 0 10px;
    background: none; border-bottom: 1px solid var(--c-border);
    transition: background .3s var(--ease);
}
body .special_result .sr_table .line:nth-child(odd) { background: var(--c-surface-alt); }
body .special_result .sr_table .line .city,
body .special_result .sr_table .line .price {
    transition: transform .3s var(--ease), color .3s var(--ease);
}
body .special_result .sr_table .line:hover .city,
body .special_result .sr_table .line:hover .price { transform: scale(1.12); }
body .special_result .sr_table .content { height: 217px; }
body .special_result .sr_table .line .price { color: var(--c-success); position: relative; font-size: 14px; }
body .special_result .sr_table .line .price:before {
    content: 'قیمت از'; float: right; color: var(--c-text-muted); font-size: 9px; margin-left: 3px; font-weight: normal;
}
body.en .special_result .sr_table .line .price:before,
body.ar .special_result .sr_table .line .price:before { display: none; }
body .special_result .sr_table .line .price:after {
    content: 'تومان'; float: left; color: var(--c-text-muted); font-size: 9px; margin-right: 3px;
    position: absolute; left: 0px; line-height: 10px; top: 22px; font-weight: normal;
}
body.en .special_result .sr_table .line .price:after,
body.ar .special_result .sr_table .line .price:after {
    content: '$'; position: static; float: none; margin-left: 2px; display: inline-block; font-size: 12px;
}
body .special_result .sr_table .line .city { color: var(--c-text-muted); font-family: 'Vazirmatn'; }
body .special_result .sr_table .line:hover .city { color: var(--c-primary-light); }

/* ── Filter sidebar — card styling, section accents, styled apply button ── */
#best_sb_search,
.ch_side_filter {
    border: 1.5px solid var(--c-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    background: var(--c-surface);
}
#best_sb_search .sb_res_title,
#best_sb_search .filter_title,
.ch_side_filter .sb_res_title {
    border-right: 3px solid var(--c-accent);
    padding-right: 10px;
    font-weight: 700;
    color: var(--c-text);
}
#best_sb_search .sb_filter_item,
#best_sb_search .section_filter,
#best_sb_search > div:not(:last-child) {
    border-bottom: 1px solid var(--c-border);
    padding: 10px 12px;
}
#best_sb_search label,
.ch_side_filter label {
    color: var(--c-text);
    background: transparent !important;
}
#best_sb_search input[type="submit"],
#best_sb_search button[type="submit"],
.ch_side_filter input[type="submit"] {
    background: linear-gradient(to right, var(--c-accent) 0%, var(--c-accent-light) 100%) !important;
    color: #fff !important;
    font-weight: 700;
    border: none !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(255,122,0,.3);
    transition: opacity .2s var(--ease), transform .2s var(--ease);
    width: 100%;
    padding: 10px;
    font-size: 14px;
}
#best_sb_search input[type="submit"]:hover,
.ch_side_filter input[type="submit"]:hover { opacity: .88; transform: translateY(-1px); }

/* ── Loading spinner ── */
body .cssload-content {
    background: url(loading281.gif) no-repeat 0 0 !important;
    background-size: 100% !important; width: 100px; height: 100px;
}
body .cssload-content div { display: none; }
body .calcu_table .cssload-content { width: 40px; height: 40px; transform: scale(1) !important; }

/* ═══════════════════════════════════════
   RESULT PAGE
   ═══════════════════════════════════════ */
body .btn { background-color: var(--c-primary-light); transition: background .25s var(--ease); }
body .btn:hover { background: var(--c-primary); }
body .search_result_box .result_header .search_result_no { font: normal 14px/25px 'Vazirmatn'; color: var(--c-text-muted); }
body .search_result_box .result_header .search_result_no,
body .search_result_box .result_header .title,
body .search_result_box .result_header .title a { color: var(--c-text); }
body .search_result_box .tabbs .active { background-color: var(--c-primary); }
body .resu .select a {
    background: linear-gradient(to right, var(--c-accent) 0%, var(--c-accent-light) 100%);
    border-radius: var(--radius-sm);
    transition: opacity .25s var(--ease);
}
body .resu .select a:hover { opacity: .88; }
body .resu {
    background: var(--c-surface);
    border: 1px solid var(--c-border) !important;
    border-right: 4px solid var(--c-primary-light) !important;
    padding: 8px; margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
    transition: background .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
    border-radius: var(--radius-sm);
}
body .resu:hover {
    background: var(--c-surface-alt);
    box-shadow: var(--shadow-md);
    border-right-color: var(--c-accent) !important;
}
body .resu .price { background: none; color: var(--c-success); padding-right: 20px; box-sizing: border-box; }
body .resu .price div { left: auto; right: -13px; transform: rotate(90deg); }
body .resu .select { width: 18%; border-radius: var(--radius-sm); }
body .one_way .search_result_box {
    float: none !important; width: auto; padding: 10px;
    background: var(--c-surface); box-shadow: var(--shadow-sm); border-radius: var(--radius-md);
}
body #no_way .ad_sb_result { display: none; }
body .reserve_sidebar .sb_title { background-color: var(--c-accent); }
body .reserve_sidebar .sb_title .title { color: #fff; }
body .reserve_sidebar_inn { border: 6px solid var(--c-accent); }

/* ── Popup ── */
body .close_btn { left: -11px; right: auto; background: var(--c-surface); }
body .popup_title i { display: none; }
/* Economy/Business badge — always white text on dark badge */
body .calcu_table {
    color: #fff !important;
    background: var(--c-primary-dark) !important;
}
body .calcu_table .titr { font-size: 13px; color: #fff; }
body .popup_title { text-shadow: none; color: var(--c-text); font-size: 17px; padding: 10px 0px; border-bottom: 1px solid var(--c-border); }
body #from_to_popup .calcu_table_box { width: auto; }
#sidebar .widg p.nodatedesc { margin: 0; color: var(--c-text-muted); }

/* ═══════════════════════════════════════
   SCROLL-TO-TOP BUTTON
   ═══════════════════════════════════════ */
.scrollToTop {
    background: var(--c-accent) url(iconss.png) no-repeat -120px 0;
    background-size: 150px 200px !important;
    position: fixed; z-index: 999; opacity: 0;
    bottom: 14px; left: 14px; cursor: pointer;
    width: 38px; height: 38px; border-radius: 50%;
    box-shadow: var(--shadow-md);
    transition: opacity .5s var(--ease), transform .3s var(--ease);
    display: block;
}
.scrollToTop.active { opacity: 1; }
.scrollToTop:hover { transform: translateY(-3px); background-color: var(--c-accent-light); }

/* ── Dark/Light toggle — nav item ── */
body #other_menu .nv-theme-li { float: right; display: block; }
body #other_menu .nv-theme-li button.nv-theme-btn,
button.nv-theme-btn {
    display: inline-flex; align-items: center; gap: 5px;
    height: 65px;
    padding: 0 12px;
    color: rgba(255,255,255,.9) !important;
    cursor: pointer;
    background: none !important;
    border: none !important;
    outline: none;
    font-family: 'Vazirmatn', Tahoma, sans-serif;
    transition: color .2s var(--ease);
    vertical-align: top;
}
body #other_menu .nv-theme-li button.nv-theme-btn:hover { color: var(--c-accent-light) !important; }
.nv-mode-icon { font-size: 18px; line-height: 1; display: inline-block; }
.nv-mode-lbl  { font-size: 12px; font-weight: 600; }

/* ── Floating toggle button (backup / visible on mobile) ── */
.navito-theme-btn {
    position: fixed; left: 14px; bottom: 62px; z-index: 999;
    width: 38px; height: 38px; border-radius: 50%;
    background: var(--c-surface); color: var(--c-primary);
    border: 1.5px solid var(--c-border);
    box-shadow: var(--shadow-md);
    cursor: pointer; font-size: 16px; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    transition: transform .3s var(--ease), background .3s var(--ease);
}
.navito-theme-btn:hover { transform: translateY(-3px) rotate(20deg); }
@media only screen and (min-width: 781px) {
    /* Hide floating button on desktop — use nav item instead */
    .navito-theme-btn { display: none; }
}

/* ═══════════════════════════════════════
   ABOUT SECTION
   ═══════════════════════════════════════ */
#about_section { background: var(--c-surface-alt); padding: 0; position: relative; }
#about_section .container { position: relative; padding: 50px 0; overflow: hidden; }
#about_section .sbt_icon { display: none; }
#about_section .widg_about { float: right; width: 70%; }
#about_section .widg_list { float: left; width: 26%; }
.widg_list ul li:before { background: var(--c-accent); }
body .widg_list ul li:hover, body .widg_list ul li:hover a { color: var(--c-text); }
.scrollbar-inner > .scroll-element .scroll-bar { background: var(--c-accent); }
#about_section .scroll-wrapper { height: 180px; }
#about_section .sb_title { margin-bottom: 20px; }
#about_section .sb_title span { border-bottom: 2px solid var(--c-accent); font-size: 16px; font-weight: bold; }
#about_section p { font: normal 14px/30px 'Vazirmatn'; color: var(--c-text-muted); }

/* ═══════════════════════════════════════
   HOME LINKS SECTION
   ═══════════════════════════════════════ */
#homelinks_section .container { padding: 50px 0 80px 0; }
#homelinks_section .title { margin-bottom: 20px; text-align: center; }
#homelinks_section ul { overflow: hidden; }
#homelinks_section ul li {
    padding-right: 24px; float: right; width: 25%; padding-left: 20px;
    box-sizing: border-box; position: relative; margin: 0 !important;
}
#homelinks_section ul li:before {
    background: url("https://charterdesign.ir/templates/05/iconss.png") 0 -20px no-repeat;
    background-size: 150px 200px !important; content: ''; position: absolute;
    right: 0px; top: 5px; width: 20px; height: 20px;
}
#homelinks_section ul li a {
    color: var(--c-text-muted); line-height: 30px; overflow: hidden;
    text-overflow: ellipsis; display: block; white-space: nowrap;
    transition: color .25s var(--ease);
}
#homelinks_section ul li a:hover { color: var(--c-primary); }

/* ═══════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════ */
body #footer_logo { background: var(--c-surface); padding: 17px 0; }
body #footer_logo img { max-width: 750px; }
body #footer_logo .container { position: relative; }
body #footer_logo .container:before {
    background: url("https://charterdesign.ir/templates/05/footer_logo_bg.png") 0 0 no-repeat;
    position: absolute; right: 0px; top: -82px; width: 280px; height: 65px;
}
#footer { background: var(--c-surface-alt); padding-bottom: 60px; }
#footer .container { width: 1100px; }
#footer_menu { background: none; float: right; width: 200px; padding: 0; }
#footer_menu .container { width: auto; text-align: right; }
#address_footer { width: auto !important; }
#address_footer .clear { display: none; }
.footer_menu ul li { display: block; position: relative; padding-right: 20px; }
.footer_menu ul li:before {
    content: ''; width: 8px; height: 8px; border-radius: 50%; position: absolute;
    right: 0px; top: 12px; background-color: var(--c-accent);
}
.footer_menu ul li a { color: var(--c-text-muted); transition: color .25s var(--ease); }
.footer_menu ul li a:hover { color: var(--c-text); }
#social_box { padding: 0; float: right; margin: 5px 0px 0 0; }
#social_box ul { overflow: hidden; }
#social_box ul li { float: right; }
#social_box .title { display: none; }
#social_box ul li a { border-radius: 50%; background-color: var(--c-accent); transition: transform .35s var(--ease), background .3s var(--ease); }
#social_box ul li a:hover { background-color: var(--c-accent-light); transform: rotate(360deg); }
body .download_info .download_btn { float: left; width: 180px; margin: 0 10px 0 0; }
.download_info_box .footer_widg_title { display: none; }
.contact_list_footer ul li i { height: 24px; width: 24px; border-radius: 4px; background: var(--c-accent); }
.contact_list_footer ul li i.flaticon-headset  { background-position: -120px -30px !important; }
.contact_list_footer ul li i.flaticon-email19  { background-position: -120px -55px !important; }
.contact_list_footer ul li i.flaticon-mobile228 { background-position: -120px -80px !important; }
.contact_list_footer ul li i.flaticon-paper6   { background-position: -120px -105px !important; }
.contact_list_footer ul li i.flaticon-dollar185 { background-position: -120px -130px !important; }
.contact_list_footer ul li i.flaticon-map-pointer2 { background-position: -120px -155px !important; }
.contact_list_footer ul li i:before { color: #fff; font-size: 16px; text-align: center; line-height: 24px; display: block; }
.footer_top { margin-bottom: 20px; padding-bottom: 20px; width: 100%; overflow: hidden; border-bottom: 1px solid var(--c-border); }
#footer .widg1 { padding-left: 10px; width: 28%; }
#footer .widg3 { width: 22%; float: right; }
#footer .widg2 { float: left; padding: 0; }
#footer .widg .footer_widg_title { border: none; color: var(--c-text); background: none; }
#footer .widg .footer_widg_title:before { display: none; }
.footer_top .footer_logo { display: none; float: right; width: 140px; height: 60px; }
#copyright { display: none; }
#header_menu .submenu .address { display: none; }
#footer_download { float: left; padding-top: 12px; overflow: hidden; }
#footer_download a { display: block; float: left; margin-right: 10px; }
#address_footer .map { display: none; }
.enemad_box { float: none; width: auto; overflow: hidden; margin-bottom: 8px; }
.footer_about { text-align: right; color: var(--c-text-muted); font: normal 13px/26px 'Vazirmatn'; }
#footer .design { color: var(--c-text-muted); text-align: left; font: normal 13px/26px 'Vazirmatn'; }
#footer .design a { color: var(--c-text-muted); }
#footer .design a:hover { color: var(--c-text); }
.enemad_box .item { background: rgba(255,255,255,.45); float: left; }

/* ── Misc nav layout ── */
body #other_menu>ul>li { height: 65px; line-height: 65px; width: auto !important; }
body #other_menu li .menu_toggle_btn, body #other_menu>ul>li>a { background: none; height: 65px; line-height: 65px; display: block; }
body #other_menu>ul>li { float: right; display: block; margin: 0px; }
body #social_box ul { overflow: hidden; }
body #main_nav .container { width: 1100px; margin: 0 auto; }
body .container { width: 1100px; }
body #header_menu .menu .separator { display: none; }
#header_menu .menu.blog_menu, #header_menu .menu.contact_menu, #header_menu .menu.user_menu { padding-left: 20px; }
#other_menu li .arrow_icon, #header_menu .menu .arrow_icon { left: 0px; }
#other_menu { margin-right: 0px; }
.other_menu_mobile { display: none !important; }
body #main_nav #other_menu { margin-right: 150px !important; }

/* ═══════════════════════════════════════
   DARK MODE — content area overrides
   ═══════════════════════════════════════ */
html[data-theme="dark"] body {
    background: #0f1620;
}
html[data-theme="dark"] body .home_container #content {
    background: #0f1620;
}
html[data-theme="dark"] #about_section {
    background: #1a2535;
}
html[data-theme="dark"] #footer {
    background: #111d2b;
}
html[data-theme="dark"] body #footer_logo {
    background: #172230;
}
html[data-theme="dark"] .footer_top {
    border-bottom-color: #2a3a4d;
}
html[data-theme="dark"] body .resu {
    background: #172230;
    border: 1px solid #2a3a4d !important;
    border-right: 4px solid var(--c-primary-light) !important;
}
html[data-theme="dark"] body .resu:hover {
    background: #1e2b3b;
    border-right-color: var(--c-accent) !important;
}
html[data-theme="dark"] body .one_way .search_result_box {
    background: #172230;
}
html[data-theme="dark"] body .special_result .sr_table .line:nth-child(odd) {
    background: #1e2b3b;
}
html[data-theme="dark"] body .special_result .sr_table .line {
    border-bottom-color: #2a3a4d;
}
html[data-theme="dark"] #sidebar #search_flight.searchPanel .widg_inn {
    background: #172230;
    border-color: #2a3a4d;
    color: #e7ecf2;
}
html[data-theme="dark"] body #search_flight.searchPanel .text_box {
    border-color: #2a3a4d;
    background: #1e2b3b;
    color: #e7ecf2;
}
html[data-theme="dark"] body #search_flight input,
html[data-theme="dark"] body #search_flight select,
html[data-theme="dark"] body #search_flight .main_inp {
    color: #e7ecf2;
    background: transparent;
}

/* ── Dark mode: flight result page — all text readable ──
   Template uses hardcoded blue/dark values fine on white; override for dark bg */
html[data-theme="dark"] .search_result_box,
html[data-theme="dark"] .search_result_box * {
    color: #e7ecf2 !important;
}
/* Restore specific elements that should keep their own color */
html[data-theme="dark"] .resu .price,
html[data-theme="dark"] .resu .price * { color: var(--c-success) !important; }
html[data-theme="dark"] .resu .select a,
html[data-theme="dark"] .resu .select a * { color: #fff !important; }
html[data-theme="dark"] .search_result_box .tabbs .active,
html[data-theme="dark"] .search_result_box .tabbs .active * { color: #fff !important; }

/* Result sidebar in dark mode */
html[data-theme="dark"] #sidebar_result,
html[data-theme="dark"] #sidebar_result * { color: #e7ecf2 !important; }
html[data-theme="dark"] #sidebar_result .sb_title,
html[data-theme="dark"] #sidebar_result .sb_title * { color: #fff !important; }
html[data-theme="dark"] #sidebar_result .ch_button,
html[data-theme="dark"] #sidebar_result .ch_button * { color: #fff !important; }

/* ── Dark mode: submenu & mobile sidebar — ALL child elements dark bg ── */
html[data-theme="dark"] body #header_menu .submenu,
html[data-theme="dark"] body #header_menu .submenu > *,
html[data-theme="dark"] body #header_menu .submenu div,
html[data-theme="dark"] body #header_menu .submenu table,
html[data-theme="dark"] body #header_menu .submenu td,
html[data-theme="dark"] body #header_menu .submenu tr,
html[data-theme="dark"] body #header_menu .submenu .sb_title,
html[data-theme="dark"] body #header_menu .submenu .widg_inn,
html[data-theme="dark"] body #header_menu .submenu .head_contact_menu {
    background: #172230 !important;
    color: #e7ecf2 !important;
    border-color: #2a3a4d !important;
}
html[data-theme="dark"] body #header_menu .submenu * { color: #e7ecf2 !important; }
html[data-theme="dark"] body #header_menu .submenu a:hover { color: var(--c-accent) !important; }

/* Re-apply gradient on head_contact_menu in dark mode — overrides blanket dark rule */
html[data-theme="dark"] body #header_menu .submenu .head_contact_menu {
    background: linear-gradient(135deg, #0a2f58 0%, #1a5080 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    color: #fff !important;
}
html[data-theme="dark"] body #header_menu .submenu .head_contact_menu * {
    background: transparent !important;
    color: #fff !important;
}

/* Submenu icons: sprite/font icons (dark on dark bg = invisible).
   Invert to white so they're visible on dark background.          */
html[data-theme="dark"] body #header_menu .submenu li .icon,
html[data-theme="dark"] body #header_menu .submenu li i[class],
html[data-theme="dark"] body #header_menu .submenu a > .icon,
html[data-theme="dark"] body #header_menu .submenu a > i[class] {
    filter: brightness(0) invert(1) !important;
    color: #fff !important;
}
/* font icon ::before pseudo-elements (flaticon etc.) */
html[data-theme="dark"] body #header_menu .submenu li i[class]::before,
html[data-theme="dark"] body #header_menu .submenu a i[class]::before {
    color: #fff !important;
}
/* Avatar/profile image in header area — keep natural, just slightly brighten */
html[data-theme="dark"] body #header_menu .submenu .head_contact_menu img {
    filter: brightness(1.1) !important;
}
html[data-theme="dark"] body #header_menu .submenu .head_contact_menu .icon {
    filter: brightness(0) invert(1) opacity(0.85) !important;
}

html[data-theme="dark"] body #mobile_sidebar,
html[data-theme="dark"] body #mobile_sidebar > *,
html[data-theme="dark"] body #mobile_sidebar div,
html[data-theme="dark"] body #mobile_sidebar * {
    background: #172230 !important;
    color: #e7ecf2 !important;
    border-color: #2a3a4d !important;
}

/* ── Dark mode: ALL form inputs site-wide — dark bg, light text ── */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background: #1e2b3b !important;
    color: #e7ecf2 !important;
    border-color: #2a3a4d !important;
}
/* Keep range/slider track and checkboxes untouched */
html[data-theme="dark"] input[type="range"] { accent-color: var(--c-primary-light); }

/* Filter sidebar (#best_sb_search / ch_side_filter) — dark mode */
html[data-theme="dark"] #best_sb_search,
html[data-theme="dark"] .ch_side_filter {
    background: #172230 !important;
    border-color: #2a3a4d !important;
}
html[data-theme="dark"] #best_sb_search > *,
html[data-theme="dark"] #best_sb_search div,
html[data-theme="dark"] #best_sb_search span,
html[data-theme="dark"] #best_sb_search p,
html[data-theme="dark"] .ch_side_filter div,
html[data-theme="dark"] .ch_side_filter span {
    background: #172230 !important;
    color: #e7ecf2 !important;
    border-color: #2a3a4d !important;
}
/* Labels and checkboxes — transparent bg so dark surface shows */
html[data-theme="dark"] #best_sb_search label,
html[data-theme="dark"] .ch_side_filter label,
html[data-theme="dark"] #best_sb_search input[type="checkbox"],
html[data-theme="dark"] .ch_side_filter input[type="checkbox"] {
    background: transparent !important;
    color: #e7ecf2 !important;
    border-color: #2a3a4d !important;
}
html[data-theme="dark"] #best_sb_search *,
html[data-theme="dark"] .ch_side_filter * { color: #e7ecf2 !important; }
/* Keep apply-changes button orange in dark mode too */
html[data-theme="dark"] #best_sb_search input[type="submit"],
html[data-theme="dark"] .ch_side_filter input[type="submit"],
html[data-theme="dark"] #best_sb_search button[type="submit"] {
    background: linear-gradient(to right, var(--c-accent) 0%, var(--c-accent-light) 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ═══════════════════════════════════════
   DATEPICKER
   ═══════════════════════════════════════ */
.adpmain * { box-sizing: border-box; font-family: 'Vazirmatn', tahoma; font-size: 12px; }
.adpmain .pickerHead { background-color: var(--c-accent); border: 1px solid var(--c-accent); }
.adpmain a.today { background-color: var(--c-accent); }
.adpmain a.nav:hover, .adpmain a.monYear:hover,
div.monthYearPicker a:hover, div.monthYearPicker a.selected,
.adpmain a.selected { background-color: var(--c-accent); }

/* ═══════════════════════════════════════
   RESPONSIVE  (preserved from original template)
   ═══════════════════════════════════════ */
@media only screen and (max-width: 1224px) {
    body #main_nav .container, body .container { width: auto !important; margin: 0 15px !important; }
    body #other_menu { height: 50px; }
}
@media only screen and (max-width: 1024px) {
    body #header_bg { background-size: cover !important; }
    body .ch_button { width: 100px; }
}
@media only screen and (max-width: 960px) {
    body .ch_button i { display: none; }
    body #header_menu { height: 50px; }
    body #header_menu .submenu, body #mobile_sidebar { top: 30px; }
    body #sidebar .widg_inn { padding: 12px 20px; }
    body #header_menu { height: 30px; }
}
@media only screen and (max-width: 850px) {
    body .special_result .sr_table { margin: 1%; width: 31.3%; }
    body .ad_sb a { padding: 10px; }
    #servicess_section { display: none; }
    #about_section .widg_about { float: none; width: auto; }
    #about_section .widg_list { display: none; }
    #about_section .container { padding: 20px 0; }
}
@media only screen and (max-width: 780px) {
    body .ch_button { width: 47%; }
    body #sidebar #search_flight.searchPanel .widg_inn { height: 170px; }
    body #search_flight.searchPanel { height: 240px; }
    #shoar { display: none; }
    body #search_flight .line_box { width: 50%; }
    body #search_flight .exchange { right: 50%; }
    body #search_flight .line_box_maghsad { padding-left: 0px; }
    body #logo a { width: 140px; height: 50px; }
    body #main_nav { top: 0px; transition: all .5s var(--ease); }
    body #sidebar .ad_sb { display: none; }
    body .sr_table { width: 31.3%; }
    body #sidebar_result #search_flight { display: block; }
    body #mobile_sidebar { top: 0 !important; border-radius: 0; right: -250px !important; }
    body.active_sidebar #mobile_sidebar { right: 0 !important; }
    body #sidebar_result { position: static; }
    #full_bg_result { z-index: 997; }
    .ch_side_filter { z-index: 999; }
    body #sidebar_result #best_sb_search {
        position: fixed; top: 0; height: 100%; overflow: auto; z-index: 999;
        right: -240px; width: 240px; transition: .4s ease-in-out;
    }
    body.active_sidebar_result #sidebar_result #best_sb_search { right: 0px; }
    body .sidebar_responsive_inn { padding: 0px; }
    body #homelinks_section ul li { width: 33.3%; }
    body #header_menu .menu { line-height: 30px; }
    body #header_menu { right: 40px; }
    body #other_menu>ul>li,
    body #other_menu li .menu_toggle_btn, body #other_menu>ul>li>a {
        height: 50px; line-height: 50px; padding: 0 !important; text-indent: -99999px; width: 35px;
    }
    body #logo { margin-right: 0px !important; }
    body .header_shoar { display: none; }
    body #header_phone { top: 9px; }
}
@media only screen and (max-width: 720px) {
    body #search_flight .line_box { width: 50%; }
    body .ch_button { width: 18%; }
    body #search_flight .line_box.line_box_maghsad { padding-left: 0; }
    body .special_result .sr_table { margin: 1.5%; width: 47%; }
}
@media only screen and (max-width: 640px) {
    body { padding-top: 80px !important; }
    body #wrapper { padding-top: 20px; }
    body .sr_table { width: 48%; }
    body .calcu_table { width: 22.4%; }
    body .resu .price span { padding-left: 0px; padding-right: 10px; }
    body #homelinks_section ul li { padding-left: 10px; }
    body #header_menu .menu .txt { display: block; }
    body #other_menu li .arrow_icon, body #header_menu .menu .arrow_icon { display: block; }
    body .special_result .sr_table .t_head { background-size: cover !important; }
    body .resu .price span { padding-right: 0px !important; }
}
@media only screen and (max-width: 620px) {
    #footer .widg { float: none; width: auto; }
    body .download_info .download_btn { float: none; display: inline-block; }
    #social_box { text-align: center; float: none; }
    #social_box ul { width: 100%; }
    #social_box ul li { float: none; display: inline-block; }
    #footer .design, .footer_about { display: none; }
    body #footer .widg3 { margin-bottom: 0px; padding-bottom: 20px !important; }
    .enemad_box { text-align: center; }
    .enemad_box .item { float: none; }
}
@media only screen and (max-width: 560px) {
    body #shoar_top { display: none; }
    body #other_menu li .icon_menu { right: 7px !important; top: 50% !important; margin: -12px 0 0 0 !important; width: 25px !important; height: 25px !important; transform: scale(1) !important; }
    body .close_btn { left: 2px; }
}
@media only screen and (max-width: 480px) {
    body #social_box { background: none; }
    body .special_result .sr_table { padding: 0; }
    body .calcu_table { width: 30.7%; margin: 0 1.3%; }
    body .resu { padding: 0px; }
    body #homelinks_section ul li { width: 50%; }
    #homelinks_section .container { padding: 20px 0 60px; }
    body .special_result .sr_table .line .price:before { display: none; }
    .sr_tables_box { margin: 0; }
    body .special_result .sr_table .t_head { height: 80px; }
    .container.home_container { margin: 0px !important; }
}
@media only screen and (max-width: 440px) {
    body #search_flight .line_box_date { clear: none; }
    body .ch_button { width: 45% !important; line-height: 32px !important; margin-top: 0px; }
    body #search_flight .line_box.line_box_maghsad, body #search_flight .line_box_date { clear: none; }
    body #search_flight .line_box { width: 100%; padding-left: 0 !important; padding-right: 0; }
    body #search_flight .exchange {
        top: 40px; margin-right: 0; left: 60px; right: auto;
        border: 1px solid var(--c-border); background: var(--c-surface); transform: rotate(90deg);
    }
    body #search_flight.searchPanel { padding: 0px; background: none; }
    body #search_flight.searchPanel .sb_title { display: none; }
    body #sidebar #search_flight.searchPanel .widg_inn { padding: 14px; }
    #search_flight .line_box_date { margin-bottom: 14px !important; }
    body #search_flight .line_box { margin-bottom: 7px !important; }
    body #wrapper { padding-top: 0px; }
}
@media only screen and (max-width: 420px) {
    body .special_route_box.special_result { border-radius: 0; }
    body #sidebar .sb_title { text-align: right; }
    body #sidebar .sb_title .text { display: inline-block; }
    body #wrapper .container { margin: 0 !important; }
    body .one_way .search_result_box { border-radius: 0px; }
    body .special_route_box { padding: 0px; }
    body #sidebar #search_flight .sb_title { display: block !important; font-size: 16px; }
    body .special_result .sr_table .line .price:after { display: none; }
    body .special_result .sr_table .line { height: 30px; }
    body #sidebar .widg_inn { padding-left: 10px !important; padding-right: 10px !important; }
    body #search_flight .exchange { top: 45px !important; }
}
@media only screen and (max-width: 360px) {
    body #other_menu { display: none !important; }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}