/* © 2026 Qder.ai (Itay Funes). All rights reserved. Proprietary and confidential; see LICENSE. */
/* Qder.ai site chrome: the fixed minimal bar and the compact footer that sits
 inside a page's closing stage. Shared by the diner and business landings. */
/* ------------------------------------------------------------- site bar */
.bar { position: fixed; inset-inline: 0; top: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
       padding: .9rem clamp(1rem, 4vw, 2.5rem); pointer-events: none; }
.bar > * { pointer-events: auto; }
.bar .lockup { display: inline-flex; align-items: center; gap: .55rem; font: 800 1.15rem var(--sc-font-display); color: inherit; text-decoration: none; direction: ltr; }
.bar .lockup img { width: 26px; height: 26px; }
.bar nav { display: flex; align-items: center; gap: 1.25rem; font: 600 .95rem var(--sc-font-text); }
.bar nav a { color: inherit; text-decoration: none; opacity: .85; }
.bar nav a:hover { opacity: 1; }
.bar .cta { padding: .55rem 1.05rem; border-radius: 10px; background: var(--sc-accent); color: #fff; opacity: 1; }
.bar.on-light .lockup, .bar.on-light nav a { color: #080D1C; }
.bar.on-light .cta { color: #fff; }
.bar.on-dark { color: #fff; }

@media (max-width: 640px) { .bar nav { gap: .9rem; } .bar nav a:not(.cta):not(#navAuth) { display: none; } }
/* Lockup at the start, the legal links dead centre, the notice at the end: a
   grid, so the links stay centred on the page whatever the two ends weigh. */
.foot { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .8rem 1.5rem; padding: 1rem clamp(1rem, 4vw, 2.5rem) 1.2rem; color: rgba(255,255,255,.9); font-size: .85rem; line-height: 1.4; }
.foot nav { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.1rem; justify-self: center; text-align: center; }
.foot > span { justify-self: end; text-align: end; }
.foot a { color: inherit; text-decoration: none; } .foot a:hover { color: #fff; text-decoration: underline; }
@media (max-width: 960px) {
  .foot { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: .7rem; }
  .foot > span { justify-self: center; text-align: center; }
}
/* justify-self: start, or the grid stretches the lockup across its column and
   its LTR content sits at the column's left edge, next to the links. */
.foot .lockup { display: inline-flex; align-items: center; gap: .45rem; font: 800 1rem var(--sc-font-display); color: #fff; direction: ltr; justify-self: start; } .foot .lockup img { width: 20px; height: 20px; }