/* ===== Abantour Luxury Theme (Navy + Gold) — Hermes ===== */
/* Font: non-blocking @font-face with font-display:swap (better LCP/CLS than @import).
   woff2 served from jsdelivr CDN; swap prevents invisible-text flash. */
@font-face {
  font-family: 'Vazirmatn';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400; font-display: swap; font-style: normal;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700; font-display: swap; font-style: normal;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500; font-display: swap; font-style: normal;
}

/* ---- Font ---- */
body, input, select, textarea, button, a, span, div, td, th, label, p, h1, h2, h3, h4, h5, h6 {
  font-family: Vazirmatn, chfont, tahoma, arial !important;
}

/* ---- Header / menus: navy gradient ---- */
#main_nav, #header_menu, #second_menu, #mobile_sidebar,
#main_nav .sb_menu, .language_menu {
  background: linear-gradient(135deg, #0b1e3a 0%, #16325c 100%) !important;
}
#main_nav a, #header_menu a, #second_menu a { color: #f4f6fa !important; transition: color .3s; }
#main_nav a:hover, #header_menu a:hover, #second_menu a:hover { color: #e8cf70 !important; }
#main_nav .sb_menu ul li .item:hover,
#main_nav .sb_menu .active_toggle,
#main_nav .sb_menu > ul > li > a:hover { background: rgba(232,207,112,.15) !important; color: #e8cf70 !important; }

/* ---- Search box ---- */
#search_flight { background: linear-gradient(160deg, #0b1e3a, #1d3a66 75%, #2a4a7c) !important; border-radius: 14px; }
#search_flight .label_box label { color: #dfe5f0 !important; }
#search_flight input, #search_flight select {
  border-radius: 10px !important; border: 1.5px solid #e2e6ee !important;
  transition: border-color .3s, box-shadow .3s;
}
#search_flight input:focus { border-color: #c9a227 !important; box-shadow: 0 0 0 3px rgba(201,162,39,.18) !important; }

/* ---- Main action buttons: gold gradient ---- */
.ch_button, .btn_next, input[type=submit], .login-btn, .search_result_box .btn {
  background: linear-gradient(135deg, #c9a227, #e8cf70) !important;
  color: #12233f !important; font-weight: 700 !important;
  border: none !important; border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(201,162,39,.35) !important;
  transition: transform .25s, box-shadow .25s !important;
  text-shadow: none !important;
}
.ch_button:hover, .btn_next:hover, input[type=submit]:hover, .login-btn:hover {
  transform: translateY(-2px); box-shadow: 0 8px 22px rgba(201,162,39,.5) !important;
}
.ch_button .circle1, .ch_button .circle2 { display: none !important; }

/* ---- Teal → navy sweep (generic) ---- */
[style*="#2aacd5"], .t_head { background-color: #16325c !important; }
.sr_table .t_head, .t_table .t_head { background: linear-gradient(135deg, #0b1e3a, #2a4a7c) !important; color: #fff !important; }
.sr_table .t_head span, .sr_table .t_head i::before { color: #e8cf70 !important; }

/* ---- Result rows: card feel ---- */
.sr_table, .search_result_box .content {
  border-radius: 12px !important; overflow: hidden;
  box-shadow: 0 2px 12px rgba(11,30,58,.08) !important; border: 1px solid #eef0f5 !important;
}
.sr_table tr { transition: background .25s; }
.sr_table tr:hover { background: #fdf9ec !important; }

/* ---- Prices: navy bold, orange → gold accents ---- */
.price, .pr { color: #0b1e3a !important; font-weight: 800 !important; }
.charteri { color: #9c7c14 !important; }

/* ---- Footer ---- */
#footer { background: #0b1e3a !important; color: #b9c2d4 !important; }
#footer, #footer p, #footer span, #footer div, #footer td { color: #b9c2d4 !important; }
#footer a { color: #dfe5f0 !important; transition: color .3s; }
#footer a:hover { color: #e8cf70 !important; }
#footer .footer_widg_title, .footer_widg_title { color: #e8cf70 !important; }
#social_box a { filter: grayscale(30%); transition: filter .3s, transform .3s; }
#social_box a:hover { filter: none; transform: translateY(-2px); }

/* ---- Sidebar & misc boxes ---- */
#sidebar .sb_title, .popup_title, .submenu_title {
  background: linear-gradient(135deg, #0b1e3a, #2a4a7c) !important; color: #e8cf70 !important;
  border-radius: 10px 10px 0 0 !important;
}
.text_box, .box { border-radius: 12px !important; }

/* ---- Inputs global polish ---- */
input[type=text], input[type=password], input[type=tel], input[type=email], select, textarea {
  border-radius: 8px !important;
}

/* ---- Soft page background ---- */
body { background: #f6f7fa !important; }

/* ---- Scroll-to-top & floating widgets ---- */
#totop, .support_tell { background: linear-gradient(135deg, #c9a227, #e8cf70) !important; color: #0b1e3a !important; border-radius: 50px !important; }

/* ---- Mobile tweaks ---- */
@media (max-width: 768px) {
  .ch_button, .btn_next { padding-top: 10px !important; padding-bottom: 10px !important; }
  #search_flight { border-radius: 0; }
}

/* ===== v4 fixes (2026-07-24) — CORRECT template selectors ===== */
/* ROOT CAUSE of prior failures: dropdowns are #header_menu .submenu (NOT #other_menu .menu_toggle_box),
   and the broad `#header_menu a{color:#f4f6fa}` rule above was bleeding near-white text
   onto the white submenu panels = invisible. Fix: make panels navy + force light text. */

/* Contact / user / blog dropdown panels → deep navy background */
#header_menu .submenu,
#header_menu .submenu_blog,
#header_menu .submenu_contact,
#header_menu .submenu_user {
  background: linear-gradient(160deg, #0b1e3a 0%, #1d3a66 100%) !important;
  border-top: 2px solid #c9a227 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.5) !important;
}
/* panel header strip */
#header_menu .submenu .head_menu,
#header_menu .submenu_blog .head_menu {
  color: #e8cf70 !important; font-weight: 700 !important;
  border-bottom: 1px solid rgba(232,207,112,.25) !important;
}
/* the contact cards (.box.phone/.mobile/.email/.address/.card-bank) */
#header_menu .submenu .box {
  background: rgba(255,255,255,.06) !important;
  box-shadow: inset 0 0 0 1px rgba(232,207,112,.18) !important;
  color: #f4f6fa !important;
}
#header_menu .submenu .box:hover { background: rgba(232,207,112,.14) !important; }
#header_menu .submenu .box,
#header_menu .submenu .box a,
#header_menu .submenu .box strong,
#header_menu .submenu .box span,
#header_menu .submenu .box br + *,
#header_menu .submenu li,
#header_menu .submenu li a,
#header_menu .submenu p, #header_menu .submenu span {
  color: #f4f6fa !important; text-shadow: none !important;
}
#header_menu .submenu .box a:hover,
#header_menu .submenu li a:hover { color: #e8cf70 !important; }
#header_menu .submenu .box .ch_icon,
#header_menu .submenu .box strong { color: #e8cf70 !important; }
#header_menu .submenu #map, #header_menu .submenu a#map strong { color: #e8cf70 !important; }

/* ===== v5 (2026-07-26) — SEARCH BUTTON «جستجو» MUST be visible ===== */
/* ROOT CAUSE: .sub (input, z-index:9) + .bg (z-index:5) sit ON TOP of <span.speaksearch>,
   so text was hidden behind the transparent input on the gold gradient. Fix: lift text above everything,
   widen the button a bit so the 4 Persian glyphs fit, and color it dark navy. */
.ch_button {
  width: 160px !important;        /* was 120px — too narrow for "جستجو" */
  height: 38px !important;       /* was 31px */
  line-height: 36px !important;
  border: 1px solid #c9a227 !important;
  color: #0b1e3a !important;
}
.ch_button .speaksearch {
  position: relative !important;
  z-index: 20 !important;          /* ABOVE .sub(9) and .bg(5) */
  display: block !important;
  text-align: center !important;
  color: #0b1e3a !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  text-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;  /* let clicks pass to the real .sub input */
}
.ch_button .sub { z-index: 9 !important; background: transparent !important; border: none !important; }
.ch_button .bg { display: none !important; }   /* decorative square was covering text */
.ch_button .circle1 {
  position: absolute !important;
  border: 3px solid #c9a227 !important;        /* gold ring (was teal #1b7dc2) */
  width: 29px !important; height: 29px !important;
  left: 6px !important; top: 4px !important;     /* INSIDE button, left of centered text */
  border-radius: 50% !important; z-index: 10 !important;
}
.ch_button .circle2 {
  position: absolute !important;
  border: 3px solid #e8cf70 !important;        /* light gold ring (was #23dcd9) */
  height: 18px !important; width: 18px !important;
  left: 11px !important; top: 9px !important;
  border-radius: 50% !important; z-index: 10 !important;
}
.ch_button i, .ch_button:hover i {
  color: #0b1e3a !important; z-index: 11 !important;  /* navy plane, above rings, below text(20) */
  left: 10px !important; top: 6px !important;
  transform: rotate(-90deg) !important;
  -webkit-transform: rotate(-90deg) !important;
}

/* Search widget labels & typed values */
#search_flight label, #search_flight .label_box label { color: #ffffff !important; font-weight: 600 !important; }
#search_flight input, #search_flight select, #search_flight .text_box, .text_box input {
  color: #0b1e3a !important; font-weight: 600 !important;
}
#search_flight input::placeholder, .text_box input::placeholder { color: #4a5568 !important; opacity: 1 !important; }

/* Left sidebar menu items on navy — readable */
#main_nav .sb_menu a, #main_nav .sb_menu .txt, #mobile_sidebar a, #mobile_sidebar .txt { color: #ffffff !important; }
#main_nav .sb_menu a:hover { color: #e8cf70 !important; }

/* ===== v6 (2026-07-26) — LOGIN/REGISTER links visible on ALL screens ===== */
/* ROOT CAUSE: .login_register a is in main.css with color:#fff on navy = low contrast,
   invisible on low-contrast laptop screens (visible on high-contrast monitors only).
   Fix: bright white + bold + subtle shadow, gold hover. These are NOT under #header_menu. */
.login_register a,
.login_register a span {
  color: #ffffff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.45) !important;
}
.login_register a:hover { color: #e8cf70 !important; }
/* ensure top labels (منوی کاربری / وبلاگ) stay bright */
#header_menu .menu.user_menu .txt,
#header_menu .menu.blog_menu .txt { color: #ffffff !important; font-weight: 600 !important; }