/* Travel Deal Israel - site header, footer and mobile bar (Option C).
   Loaded on every page, including older pages that still use Bootstrap 3,
   so everything is prefixed with tdi- and sized in px (Bootstrap sets html to 10px). */
:root {
  --tdi-blue: #1a73e8; --tdi-blue-d: #0f3d7a; --tdi-sky: #eef6ff; --tdi-yellow: #ffc83d;
  --tdi-ink: #142640; --tdi-muted: #5d6c82; --tdi-line: #dfe8f3;
  --tdi-font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.tdi-shell, .tdi-shell * { box-sizing: border-box; }
.tdi-wrap { max-width: 1220px; margin: 0 auto; padding: 0 20px; }

/* top utility bar */
.tdi-util { background: var(--tdi-blue-d); color: #cfe0f7; font: 600 13px/1 var(--tdi-font); }
.tdi-util .tdi-wrap { display: flex; align-items: center; justify-content: flex-end; gap: 18px; height: 34px; }
.tdi-util a, .tdi-util summary { color: #cfe0f7; text-decoration: none; cursor: pointer; }
.tdi-util a:hover, .tdi-util summary:hover { color: #fff; text-decoration: none; }
.tdi-util__left { margin-right: auto; }
.tdi-scratch { position: relative; }
.tdi-scratch summary { list-style: none; }
.tdi-scratch summary::-webkit-details-marker { display: none; }
.tdi-scratch__menu { position: absolute; right: 0; top: 26px; z-index: 80; width: 300px; max-height: 360px; overflow: auto; background: #fff; color: var(--tdi-ink); border-radius: 14px; box-shadow: 0 18px 40px rgba(15, 61, 122, .25); padding: 8px; }
.tdi-scratch__menu a { display: block; color: var(--tdi-ink) !important; padding: 8px 10px; border-radius: 10px; font-size: 14px; line-height: 1.35; }
.tdi-scratch__menu a:hover { background: var(--tdi-sky); }
.tdi-scratch__menu small { display: block; color: var(--tdi-muted); font-weight: 600; }
.tdi-scratch__menu p { margin: 10px; color: var(--tdi-muted); font-size: 14px; }

/* main header */
.tdi-header { position: sticky; top: 0; z-index: 60; background: #fff; box-shadow: 0 6px 24px rgba(20, 60, 120, .08); font-family: var(--tdi-font); }
.tdi-header .tdi-wrap { display: flex; align-items: center; gap: 22px; height: 76px; }
.tdi-logo { margin-right: auto; display: block; }
.tdi-logo img { height: 52px; width: auto; display: block; }
.tdi-nav { display: flex; align-items: center; gap: 2px; }
.tdi-nav > a, .tdi-drop > summary { display: block; color: var(--tdi-ink); text-decoration: none; font: 700 15px/1 var(--tdi-font); padding: 10px 13px; border-radius: 999px; cursor: pointer; list-style: none; white-space: nowrap; }
.tdi-drop > summary::-webkit-details-marker { display: none; }
.tdi-drop > summary::after { content: " ▾"; font-size: 11px; opacity: .6; }
.tdi-nav > a:hover, .tdi-drop > summary:hover, .tdi-nav > a.is-active, .tdi-drop.is-active > summary { background: var(--tdi-sky); color: var(--tdi-blue); text-decoration: none; }
.tdi-drop { position: relative; }
.tdi-drop__menu { position: absolute; left: 0; top: 44px; z-index: 70; min-width: 220px; background: #fff; border-radius: 16px; box-shadow: 0 18px 40px rgba(15, 61, 122, .18); padding: 8px; display: grid; gap: 2px; }
.tdi-drop__menu--cols { grid-template-columns: repeat(3, minmax(140px, 1fr)); min-width: 480px; }
.tdi-drop__menu a { display: block; color: var(--tdi-ink); text-decoration: none; font: 600 14px/1.3 var(--tdi-font); padding: 9px 12px; border-radius: 10px; }
.tdi-drop__menu a:hover { background: var(--tdi-sky); color: var(--tdi-blue); text-decoration: none; }
.tdi-phone { background: var(--tdi-sky); color: var(--tdi-blue) !important; font: 800 15px/1 var(--tdi-font); padding: 11px 16px; border-radius: 999px; text-decoration: none !important; white-space: nowrap; }
.tdi-phones { display: flex; align-items: center; gap: 8px; }
.tdi-phones__nums { display: grid; gap: 3px; }
.tdi-phones__nums a { color: var(--tdi-blue); font: 800 14px/1.15 var(--tdi-font); text-decoration: none; white-space: nowrap; }
.tdi-phones__nums a:hover { text-decoration: underline; }
.tdi-phones__nums i { font-style: normal; margin-right: 4px; }
.tdi-phones__nums b { display: inline-block; min-width: 20px; margin-right: 3px; padding: 1px 4px; border-radius: 5px; background: var(--tdi-sky); font-size: 11px; text-align: center; }
.tdi-wa { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #25d366; color: #fff !important; flex: none; }
.tdi-wa:hover { background: #1ebe5a; }
.tdi-btn--wa { background: #25d366; color: #fff !important; gap: 6px; }
.tdi-btn--wa svg { width: 20px; height: 20px; }
.tdi-mcall { position: relative; }
.tdi-mcall > summary { list-style: none; cursor: pointer; width: 100%; box-sizing: border-box; }
.tdi-mcall > summary::-webkit-details-marker { display: none; }
.tdi-mcall__menu { position: absolute; left: 0; bottom: 56px; width: 230px; background: #fff; border-radius: 14px; box-shadow: 0 -10px 30px rgba(15, 61, 122, .22); padding: 6px; }
.tdi-mcall__menu a { display: block; padding: 10px 12px; border-radius: 10px; color: var(--tdi-blue); font: 800 16px/1.3 var(--tdi-font); text-decoration: none; }
.tdi-mcall__menu a:hover { background: var(--tdi-sky); }
.tdi-mcall__menu b { display: block; color: var(--tdi-muted); font-size: 12px; }
.tdi-burger { display: none; background: var(--tdi-sky); border: 0; border-radius: 12px; padding: 10px 9px; cursor: pointer; }
.tdi-burger span { display: block; width: 22px; height: 3px; border-radius: 2px; background: var(--tdi-blue); margin: 4px 0; transition: .2s; }

/* breadcrumb strip on older pages */
.tdi-crumbs { font: 700 13px var(--tdi-font); color: var(--tdi-muted); padding: 14px 0 0; }
.tdi-crumbs a { color: var(--tdi-blue); }

/* footer */
.tdi-footer { background: var(--tdi-blue-d); color: #b9cbe6; padding: 56px 0 0; margin-top: 64px; font: 15px/1.6 var(--tdi-font); }
.tdi-footer .tdi-wrap.tdi-footer__in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
.tdi-footer h4 { color: #fff; margin: 0 0 12px; font: 800 16px var(--tdi-font); }
.tdi-footer a { color: #b9cbe6; text-decoration: none; }
.tdi-footer a:hover { color: var(--tdi-yellow); text-decoration: none; }
.tdi-footer nav a { display: block; margin-bottom: 7px; font-weight: 600; }
.tdi-footer__logo { height: 52px; width: auto; background: #fff; padding: 6px 12px; border-radius: 14px; }
.tdi-footer p { margin: 10px 0; }
.tdi-footer__bot { border-top: 1px solid rgba(255, 255, 255, .1); margin-top: 40px; padding: 18px 20px; font-size: 13px; }

/* mobile call bar */
.tdi-mbar { display: none; }
.tdi-btn { display: inline-flex; align-items: center; justify-content: center; font: 800 15px var(--tdi-font); padding: 13px 18px; border-radius: 999px; text-decoration: none !important; border: 2px solid transparent; }
.tdi-btn--yellow { background: var(--tdi-yellow); color: var(--tdi-blue-d) !important; }
.tdi-btn--line { background: #fff; color: var(--tdi-blue) !important; border-color: var(--tdi-blue); }

/* search loading overlay */
.tdi-loading { position: fixed; inset: 0; z-index: 200; background: rgba(15, 61, 122, .85); display: none; place-items: center; color: #fff; font: 800 20px var(--tdi-font); text-align: center; }
.tdi-loading.is-on { display: grid; }
.tdi-loading i { display: block; width: 46px; height: 46px; margin: 0 auto 16px; border: 5px solid rgba(255, 255, 255, .3); border-top-color: var(--tdi-yellow); border-radius: 50%; animation: tdi-spin .9s linear infinite; }
@keyframes tdi-spin { to { transform: rotate(360deg); } }

@media (max-width: 1240px) {
  .tdi-header .tdi-wrap { gap: 14px; }
  .tdi-nav > a, .tdi-drop > summary { padding: 10px 9px; font-size: 14px; }
  .tdi-phones__nums a { font-size: 13px; }
  .tdi-wa { width: 38px; height: 38px; }
}
@media (max-width: 1100px) {
  .tdi-nav > a, .tdi-drop > summary { padding: 9px 7px; }
  .tdi-logo img { height: 44px; }
  .tdi-phones__nums a { font-size: 12px; }
  .tdi-phones__nums b { display: none; }
  .tdi-phones__nums i { margin-right: 2px; }
}
@media (max-width: 980px) {
  .tdi-phones__nums { display: none; }
  .tdi-header .tdi-wa { display: none; }
  .tdi-burger { display: block; }
  .tdi-nav { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 90; background: #fff; flex-direction: column; align-items: stretch; gap: 2px; padding: 90px 20px 30px; overflow-y: auto; transform: translateX(100%); transition: transform .3s; }
  .tdi-nav.is-open { transform: none; }
  .tdi-burger { position: relative; z-index: 95; }
  .tdi-nav > a, .tdi-drop > summary { font-size: 18px; padding: 14px 16px; }
  .tdi-drop__menu, .tdi-drop__menu--cols { position: static; box-shadow: none; min-width: 0; grid-template-columns: 1fr 1fr; padding: 0 0 8px 12px; }
  .tdi-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .tdi-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .tdi-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .tdi-footer .tdi-wrap.tdi-footer__in { grid-template-columns: 1fr 1fr; }
  .tdi-mbar { display: grid; grid-template-columns: 1fr 1.25fr 1.35fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -6px 24px rgba(0, 0, 0, .1); }
  body.tdi-body { padding-bottom: 74px; }
}
@media (max-width: 600px) {
  .tdi-wrap { padding: 0 16px; }
  .tdi-util__left { display: none; }
  .tdi-mbar { gap: 6px; padding-left: 10px; padding-right: 10px; }
  .tdi-mbar .tdi-btn { padding: 12px 6px; font-size: 14px; }
  .tdi-logo img { height: 44px; }
  .tdi-footer .tdi-wrap.tdi-footer__in { grid-template-columns: 1fr; }
}