/*
 * Shaloo Seir 724 — Coral Wave
 * Version: 2.0.0
 * Visual layer for Agent724. Purchase, authentication, filtering and native
 * result-row geometry remain under the provider's control.
 */

:root {
  --shaloo-navy: #075d60;
  --shaloo-navy-2: #0b817d;
  --shaloo-blue: #16a29a;
  --shaloo-gold: #f06a5f;
  --shaloo-ink: #163238;
  --shaloo-muted: #627b7d;
  --shaloo-line: rgba(20, 83, 83, .14);
  --shaloo-glass: rgba(255, 255, 255, .78);
  --shaloo-shadow: 0 22px 58px rgba(30, 84, 81, .13);
}

html { scroll-behavior: smooth; }

/* Remove the oversized provider artwork on flight and hotel pages. */
#header_bg {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

/* Crisp Shaloo wordmark injected by the companion JS. */
#logo > a.shaloo-brand-link,
.mini_logo .shaloo-brand-link {
  align-items: center !important;
  background: #fff !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.shaloo-brand-link .shaloo-brand-symbol {
  display: block !important;
  height: 58px !important;
  object-fit: contain !important;
  width: 58px !important;
}

.shaloo-brand-link .shaloo-brand-copy {
  direction: ltr !important;
  display: flex !important;
  flex-direction: column !important;
  line-height: 1 !important;
  text-align: center !important;
}

.shaloo-brand-link .shaloo-brand-copy strong {
  color: #06263f !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 29px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  white-space: nowrap !important;
}

.shaloo-brand-link .shaloo-brand-copy small {
  color: #c59a2d !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .35px !important;
  margin-top: 6px !important;
  white-space: nowrap !important;
}

.mini_logo_bg,
.mini_logo {
  background: #fff !important;
}

.mini_logo .shaloo-brand-link {
  height: 60px !important;
  margin: 0 auto !important;
  width: min(300px, 92vw) !important;
}

body.fa {
  background:
    radial-gradient(circle at 8% 4%, rgba(197,154,45,.12), transparent 25rem),
    radial-gradient(circle at 92% 12%, rgba(13,146,207,.13), transparent 28rem),
    linear-gradient(180deg, #f8fbfd 0%, #eef6fa 64%, #f8f6ef 100%) !important;
  color: var(--shaloo-ink) !important;
  font-family: Vazirmatn, IRANSansX, "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight: 500;
}

body.fa input, body.fa select, body.fa button { font-family: inherit !important; }

/* Navigation: colors only, no layout changes */
#main_nav {
  background: rgba(255,255,255,.91) !important;
  border-bottom: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 10px 32px rgba(6,38,63,.11) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  backdrop-filter: blur(20px) saturate(145%);
}

#header_menu .menu, #other_menu a {
  border-radius: 13px !important;
  color: var(--shaloo-ink) !important;
  font-weight: 700 !important;
}

#header_menu .menu:hover, #other_menu a:hover {
  background-color: rgba(13,146,207,.08) !important;
  color: var(--shaloo-blue) !important;
}

#sidebar_btn { background-color: var(--shaloo-navy) !important; border-radius: 13px !important; }

/* Existing panels retain all original dimensions and positioning */
#search_flight,
#best_sb_search,
#search_result_from,
#footer .widg,
.reserve_popup,
.login_popup,
.register_popup,
.peigiri_box {
  background-color: var(--shaloo-glass) !important;
  border-color: rgba(255,255,255,.94) !important;
  border-radius: 22px !important;
  box-shadow: var(--shaloo-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

/* Search form */
#search_flight > .sb_title,
#best_sb_search > .sb_title {
  background-color: transparent !important;
  border-bottom-color: var(--shaloo-line) !important;
  color: var(--shaloo-navy) !important;
  font-weight: 900 !important;
}

#search_flight .sbt_icon { color: var(--shaloo-gold) !important; }

#search_flight .main_inp {
  background-color: rgba(255,255,255,.92) !important;
  border: 1px solid var(--shaloo-line) !important;
  border-radius: 15px !important;
  box-shadow: 0 6px 18px rgba(6,38,63,.045);
  transition: border-color .2s ease, box-shadow .2s ease;
}

#search_flight .main_inp:focus-within {
  border-color: rgba(13,146,207,.62) !important;
  box-shadow: 0 0 0 4px rgba(13,146,207,.09), 0 9px 24px rgba(6,38,63,.07);
}

#search_flight .text_box {
  color: var(--shaloo-ink) !important;
  font-weight: 700 !important;
}

#search_flight .exchange {
  background-color: var(--shaloo-gold) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgba(197,154,45,.23);
}

#search_flight .ch_button {
  background: linear-gradient(135deg, var(--shaloo-navy), var(--shaloo-navy-2) 68%, var(--shaloo-gold)) !important;
  border-radius: 15px !important;
  box-shadow: 0 12px 25px rgba(6,38,63,.2) !important;
}

#search_flight .ch_button .speaksearch { color: #fff !important; font-weight: 900 !important; }
#search_flight .nodatedesc { color: var(--shaloo-muted) !important; }

/* Remove the incorrect copied Spadcharter about box without touching layout */
.widg_about { display: none !important; }

/* Results header and controls: cosmetic properties only */
.result_header { border-bottom-color: var(--shaloo-line) !important; }
.result_header .title, .result_header .title a { color: var(--shaloo-navy) !important; font-weight: 900 !important; }
.search_result_no {
  background-color: rgba(197,154,45,.12) !important;
  border-radius: 999px !important;
  color: #72540d !important;
  font-weight: 800 !important;
}

.buttons .btn, .tabs .btn, .newsearch, .btn_prev, .btn_next, .btn_calender {
  background-color: rgba(13,146,207,.09) !important;
  border-color: rgba(13,146,207,.16) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  color: var(--shaloo-navy) !important;
  font-weight: 800 !important;
}

.fromtabbs { border-bottom-color: var(--shaloo-line) !important; }
.fromtabbs > li { border-radius: 10px 10px 0 0 !important; }
.fromtabbs > li > a { font-weight: 900 !important; }
.fromtabbs > li.ui-tabs-active > a,
.fromtabbs > li:first-child > a {
  background-color: var(--shaloo-navy) !important;
  color: #fff !important;
}

/* Flight rows: intentionally no display/float/width/height/position rules */
#tab_record > .resu {
  background-color: rgba(255,255,255,.94) !important;
  border-color: var(--shaloo-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 20px rgba(6,38,63,.07) !important;
}

#tab_record > .resu > .price { color: var(--shaloo-navy) !important; font-weight: 900 !important; }
#tab_record .icon11 {
  background-color: rgba(197,154,45,.14) !important;
  border-radius: 999px !important;
  color: #72540d !important;
}

#tab_record > .resu > .select > a {
  background: linear-gradient(135deg, var(--shaloo-navy), var(--shaloo-navy-2)) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
}

#tab_record > .resu > .select > a:hover {
  background: linear-gradient(135deg, var(--shaloo-gold), #dfbd62) !important;
  color: var(--shaloo-navy) !important;
}

#tab_record .price_advertise {
  background-color: var(--shaloo-gold) !important;
  border-radius: 999px !important;
  color: var(--shaloo-navy) !important;
}

.efitooltip {
  background-color: rgba(6,38,63,.98) !important;
  border-color: rgba(255,255,255,.14) !important;
  border-radius: 15px !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.28) !important;
  color: #fff !important;
}

/* Filter and reservation controls */
#best_sb_search .sb_res_title { color: var(--shaloo-navy) !important; font-weight: 900 !important; }
#best_sb_search .text_box, #best_sb_search select,
.reserve_popup input, .reserve_popup select {
  background-color: #fff !important;
  border-color: var(--shaloo-line) !important;
  border-radius: 10px !important;
  color: var(--shaloo-ink) !important;
}

#best_sb_search .sb_sub_btn, .reserve_popup .btn {
  background-color: var(--shaloo-navy) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
}

/* Autocomplete and date picker */
.autocomplete-suggestions {
  background-color: rgba(255,255,255,.99) !important;
  border-color: var(--shaloo-line) !important;
  border-radius: 13px !important;
  box-shadow: 0 16px 38px rgba(6,38,63,.17) !important;
}

.autocomplete-suggestion { color: var(--shaloo-ink) !important; }
.autocomplete-selected { background-color: rgba(13,146,207,.09) !important; }
.amibdatepicker { border-radius: 14px !important; box-shadow: 0 16px 45px rgba(6,38,63,.2) !important; }

/* Footer: colors only */
#footer { background-color: var(--shaloo-navy) !important; color: rgba(255,255,255,.8) !important; }
#footer .widg { background-color: rgba(255,255,255,.055) !important; border-color: rgba(255,255,255,.1) !important; }
#footer .footer_widg_title { color: #fff !important; font-weight: 900 !important; }
#footer a { color: rgba(255,255,255,.8) !important; }
#footer a:hover { color: #fff !important; }

@media (max-width: 620px) {
  body.fa { background: linear-gradient(180deg, #f5fafd, #edf4f7) !important; }
  #search_flight, #best_sb_search, #search_result_from { border-radius: 18px !important; }
  #tab_record > .resu { border-radius: 11px !important; box-shadow: 0 5px 15px rgba(6,38,63,.07) !important; }
  .buttons .btn, .tabs .btn { border-radius: 9px !important; }
  #footer { padding-bottom: 85px !important; }
  .shaloo-brand-link .shaloo-brand-symbol { height: 52px !important; width: 52px !important; }
  .shaloo-brand-link .shaloo-brand-copy strong { font-size: 23px !important; letter-spacing: 1px !important; }
  .shaloo-brand-link .shaloo-brand-copy small { font-size: 7px !important; margin-top: 5px !important; }
}

/*
 * Mobile account drawer repair — v1.3
 *
 * Safari treats a fixed child of a backdrop-filtered element as if that
 * element were its containing block. The provider keeps #mobile_sidebar
 * inside #main_nav, so the drawer could become only as tall as the 50px
 * header and its links would then appear behind the hotel/search content.
 */
@media only screen and (max-width: 780px) {
  /* Keep the native 724 account trigger visible and tappable on Safari. */
  body #sidebar_btn {
    align-items: center !important;
    background: linear-gradient(145deg, var(--shaloo-navy), #123f66 72%, var(--shaloo-gold)) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 20px rgba(6,38,63,.22) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    height: 46px !important;
    justify-content: center !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 10px !important;
    top: 7px !important;
    transform: none !important;
    visibility: visible !important;
    width: 46px !important;
    z-index: 2147483646 !important;
  }

  body #sidebar_btn span {
    background: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    display: block !important;
    height: 3px !important;
    margin: 2.5px auto !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    width: 23px !important;
  }

  body #main_nav {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    overflow: visible !important;
    z-index: 2147483000 !important;
  }

  body #mobile_sidebar {
    background: rgba(255, 255, 255, .98) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: -20px 0 55px rgba(6, 38, 63, .24) !important;
    box-sizing: border-box !important;
    display: block !important;
    height: 100vh !important;
    height: 100dvh !important;
    left: auto !important;
    max-height: 100dvh !important;
    max-width: 340px !important;
    opacity: 1 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 0 !important;
    position: fixed !important;
    right: -100vw !important;
    top: 0 !important;
    visibility: hidden !important;
    width: 88vw !important;
    z-index: 2147483640 !important;
    -webkit-overflow-scrolling: touch;
  }

  body.active_sidebar #mobile_sidebar {
    opacity: 1 !important;
    right: 0 !important;
    visibility: visible !important;
  }

  /* Backdrop inside #main_nav: below the drawer, above page content. */
  body.active_sidebar #full_bg {
    background: rgba(3, 20, 34, .56) !important;
    display: block !important;
    height: 100vh !important;
    height: 100dvh !important;
    inset: 0 !important;
    position: fixed !important;
    z-index: 2147483500 !important;
  }

  /* This backdrop is a sibling OUTSIDE #main_nav. It must stay below
     #main_nav's stacking context; otherwise it steals every menu tap. */
  body.active_sidebar #body_bg_mobile_menu {
    background: rgba(3, 20, 34, .56) !important;
    display: block !important;
    height: 100vh !important;
    height: 100dvh !important;
    inset: 0 !important;
    pointer-events: auto !important;
    position: fixed !important;
    z-index: 2147482000 !important;
  }

  body.active_sidebar #mobile_sidebar,
  body.active_sidebar #mobile_sidebar a,
  body.active_sidebar #mobile_sidebar button,
  body.active_sidebar #mobile_sidebar .item,
  body.active_sidebar #mobile_sidebar .toggle_btn,
  body.active_sidebar #mobile_sidebar_head {
    pointer-events: auto !important;
  }

  body.active_sidebar #sidebar_btn {
    display: flex !important;
    position: fixed !important;
    right: 16px !important;
    top: 14px !important;
    z-index: 2147483646 !important;
  }

  body #mobile_sidebar_head {
    background: linear-gradient(145deg, var(--shaloo-navy), #123f66 72%, #8b6b1c) !important;
    border-radius: 0 0 26px 26px !important;
    margin: 0 !important;
    min-height: 150px !important;
    padding: max(24px, env(safe-area-inset-top)) 18px 18px !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
  }

  body #mobile_sidebar_head .inn {
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 8px 42px 0 !important;
    width: 100% !important;
  }

  body #mobile_sidebar .sb_menu {
    background: #fff !important;
    box-sizing: border-box !important;
    clear: both !important;
    display: block !important;
    min-height: calc(100dvh - 150px) !important;
    padding: 14px 12px calc(30px + env(safe-area-inset-bottom)) !important;
    position: relative !important;
    width: 100% !important;
    z-index: 2 !important;
  }

  body #mobile_sidebar .sb_menu > ul,
  body #mobile_sidebar .sb_menu > ul > li {
    display: block !important;
    float: none !important;
    height: auto !important;
    margin: 0 !important;
    max-width: none !important;
    opacity: 1 !important;
    position: relative !important;
    visibility: visible !important;
    width: 100% !important;
  }

  body #mobile_sidebar .sb_menu .item {
    align-items: center !important;
    border-bottom: 1px solid rgba(15, 62, 91, .08) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    color: var(--shaloo-ink) !important;
    display: flex !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    min-height: 48px !important;
    padding: 4px 48px 4px 14px !important;
    width: 100% !important;
  }

  body #mobile_sidebar .sb_menu li.dashboard > a {
    background: linear-gradient(135deg, var(--shaloo-navy), var(--shaloo-navy-2) 72%, var(--shaloo-gold)) !important;
    box-shadow: 0 10px 24px rgba(6, 38, 63, .18) !important;
    color: #fff !important;
    margin-bottom: 8px !important;
  }

  body #mobile_sidebar .sb_menu li.dashboard > a .icon {
    filter: brightness(0) invert(1);
  }

  /* Do not disable #main_wrapper: login, signup and ticket tracking popups
     are owned by the native 724 scripts and live inside that wrapper. */

  /* The hotel shortcut remains visible and unchanged when the drawer is closed. */
  body:not(.active_sidebar) .other_menu_mobile {
    pointer-events: auto !important;
    visibility: visible !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* =========================================================
   Coral Wave visual layer
   These rules are intentionally cosmetic. Native links, forms,
   popups and mobile-account click targets remain untouched.
   ========================================================= */

body.fa {
  background:
    radial-gradient(circle at 3% 14%, rgba(83, 205, 184, .20), transparent 27rem),
    radial-gradient(circle at 96% 16%, rgba(255, 137, 107, .22), transparent 26rem),
    linear-gradient(180deg, #fffaf5 0%, #ffffff 42%, #f2fbf8 100%) !important;
  color: var(--shaloo-ink) !important;
}

body.fa::before {
  background:
    radial-gradient(circle at 10% 12%, rgba(63, 188, 171, .09), transparent 30rem),
    radial-gradient(circle at 90% 24%, rgba(248, 114, 94, .10), transparent 26rem) !important;
}

#main_nav {
  background: rgba(255, 255, 255, .82) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .95) !important;
  box-shadow: 0 14px 40px rgba(30, 84, 81, .11) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}

#logo > a.shaloo-brand-link,
.mini_logo .shaloo-brand-link {
  background: transparent !important;
}

.shaloo-brand-link .shaloo-brand-symbol {
  filter: drop-shadow(0 7px 11px rgba(30, 84, 81, .12));
}

.shaloo-brand-link .shaloo-brand-copy strong {
  color: var(--shaloo-ink) !important;
  letter-spacing: 1.9px !important;
}

.shaloo-brand-link .shaloo-brand-copy small {
  color: var(--shaloo-gold) !important;
}

.mini_logo_bg,
.mini_logo {
  background-color: rgba(255, 255, 255, .78) !important;
}

#header_menu .menu,
#other_menu a {
  color: var(--shaloo-ink) !important;
}

#header_menu .menu:hover,
#other_menu a:hover {
  background: rgba(223, 245, 239, .82) !important;
  color: var(--shaloo-navy-2) !important;
}

#sidebar_btn {
  background: linear-gradient(145deg, #075d60, #0b817d 72%, #f06a5f) !important;
  box-shadow: 0 9px 24px rgba(11, 129, 125, .22) !important;
}

#search_flight,
#best_sb_search,
#search_result_from,
#footer .widg,
.reserve_popup,
.login_popup,
.register_popup,
.peigiri_box {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .66)) !important;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  box-shadow: var(--shaloo-shadow) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);
}

#search_flight > .sb_title,
#best_sb_search > .sb_title,
.result_header {
  background: transparent !important;
  border-bottom-color: var(--shaloo-line) !important;
}

#search_flight > .sb_title,
#best_sb_search > .sb_title,
.result_header .title,
.result_header .title a,
#best_sb_search .sb_res_title {
  color: var(--shaloo-ink) !important;
}

.search_result_no {
  background: rgba(240, 106, 95, .11) !important;
  color: #a23e37 !important;
}

.buttons .btn,
.tabs .btn,
.newsearch,
.btn_prev,
.btn_next,
.btn_calender {
  background: rgba(226, 247, 241, .84) !important;
  border: 1px solid rgba(11, 129, 125, .12) !important;
  color: #087873 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95) !important;
}

.buttons .btn:hover,
.tabs .btn:hover,
.newsearch:hover,
.btn_prev:hover,
.btn_next:hover,
.btn_calender:hover {
  background: rgba(255, 240, 232, .92) !important;
  border-color: rgba(240, 106, 95, .18) !important;
  color: #d8564e !important;
}

.fromtabbs {
  background: rgba(227, 246, 241, .56) !important;
  border: 0 !important;
  border-radius: 15px !important;
  padding: 5px !important;
}

.fromtabbs > li,
.fromtabbs > li > a {
  border: 0 !important;
  border-radius: 11px !important;
}

.fromtabbs > li > a,
.fromtabbs > li:first-child:not(.ui-tabs-active) > a {
  background: rgba(255, 255, 255, .56) !important;
  color: var(--shaloo-muted) !important;
}

.fromtabbs > li.ui-tabs-active > a {
  background: linear-gradient(135deg, #0b817d, #16a29a) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(11, 129, 125, .20) !important;
}

#tab_record > .resu {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(250, 255, 253, .88)) !important;
  border: 1px solid rgba(20, 83, 83, .09) !important;
  box-shadow: 0 8px 24px rgba(30, 84, 81, .075) !important;
}

#tab_record > .resu:hover {
  border-color: rgba(240, 106, 95, .22) !important;
  box-shadow: 0 13px 32px rgba(30, 84, 81, .12) !important;
}

#tab_record > .resu > .price:not(.disable_close) {
  background: linear-gradient(135deg, #ef6259, #ff8b71) !important;
  color: #fff !important;
  text-shadow: none !important;
}

#tab_record > .resu > .price.disable_close {
  background: rgba(236, 244, 242, .88) !important;
  color: #718687 !important;
}

#tab_record > .resu > .select > a {
  background: linear-gradient(135deg, #075d60, #0b817d) !important;
  box-shadow: 0 9px 20px rgba(11, 129, 125, .17) !important;
}

#tab_record > .resu > .select > a:hover {
  background: linear-gradient(135deg, #ef6259, #ff8b71) !important;
  color: #fff !important;
}

#tab_record > .resu > .select.disable > a {
  background: #dfe9e7 !important;
  box-shadow: none !important;
  color: #78908f !important;
}

#tab_record .price_advertise {
  background: rgba(255, 240, 232, .94) !important;
  color: #a23e37 !important;
}

#tab_record .icon11 {
  background: rgba(225, 247, 241, .92) !important;
  color: #087873 !important;
}

#best_sb_search .sb_inn_box {
  border-bottom-color: rgba(20, 83, 83, .10) !important;
}

#best_sb_search input[type="checkbox"] {
  accent-color: #0b817d;
}

#best_sb_search .sb_sub_btn,
.reserve_popup .btn {
  background: linear-gradient(135deg, #ef6259, #ff8b71) !important;
  box-shadow: 0 10px 24px rgba(239, 98, 89, .20) !important;
}

#best_sb_search .sb_sub_btn:hover,
.reserve_popup .btn:hover {
  background: linear-gradient(135deg, #0b817d, #16a29a) !important;
}

.efitooltip {
  background: rgba(7, 74, 76, .97) !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: 0 24px 60px rgba(7, 74, 76, .30) !important;
}

.autocomplete-suggestions {
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 18px 44px rgba(30, 84, 81, .17) !important;
}

.autocomplete-selected {
  background: #e3f6f1 !important;
  color: #087873 !important;
}

.amibdatepicker {
  border-color: rgba(20, 83, 83, .12) !important;
  box-shadow: 0 18px 48px rgba(30, 84, 81, .18) !important;
}

#footer {
  background:
    radial-gradient(circle at 12% 5%, rgba(255, 139, 113, .18), transparent 24rem),
    linear-gradient(135deg, #075d60, #0b817d) !important;
}

#footer .widg {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .13) !important;
}

@media only screen and (max-width: 780px) {
  body.fa {
    background:
      radial-gradient(circle at 95% 4%, rgba(255, 137, 107, .18), transparent 19rem),
      linear-gradient(180deg, #fffaf5, #f2fbf8) !important;
  }

  body #main_nav {
    background: rgba(255, 255, 255, .96) !important;
  }

  body #mobile_sidebar_head {
    background:
      radial-gradient(circle at 12% 12%, rgba(255, 139, 113, .30), transparent 12rem),
      linear-gradient(145deg, #075d60, #0b817d) !important;
  }

  body #mobile_sidebar .sb_menu li.dashboard > a {
    background: linear-gradient(135deg, #075d60, #0b817d 72%, #f06a5f) !important;
    box-shadow: 0 10px 24px rgba(11, 129, 125, .20) !important;
  }

  body #mobile_sidebar .sb_menu .item {
    border-bottom-color: rgba(20, 83, 83, .09) !important;
  }

  #search_result_from {
    border-radius: 22px !important;
  }

  #tab_record > .resu {
    box-shadow: 0 6px 18px rgba(30, 84, 81, .08) !important;
  }

  .shaloo-brand-link .shaloo-brand-copy strong {
    color: var(--shaloo-ink) !important;
  }
}