/* Mini footer (Web.Master). Scoped to .tg-compact-footer; RTL/LTR follow the dir attribute.
   Layout: one slim brand row (logo | SINCE 2013 ... Site Map) and one bottom bar (legal links + copyright ... country flags).
   The flags come from the server (CMS_Countries_Settings, standard order JO AE SA IQ QA OM BH SY PS LB LY); there are no payment logos here. */
footer.tg-footer { margin: 0; padding: 0; border: 0; background: transparent; }
footer.tg-footer > .tg-footer__container { max-width: none; padding: 0; margin: 0; }

.tg-compact-footer { --tg-surface:#fff; --tg-gutter:24px; --tg-radius:14px; --tg-accent:#257a70; --tg-text:#36534f; --tg-line:#e1eae5;
  box-sizing:border-box; position:relative; width:min(calc(100% - 36px),1170px); max-width:1170px; margin:16px auto; color:var(--tg-text); background:var(--tg-surface);
  border:1px solid #dbe6e2; border-radius:var(--tg-radius); font-family:inherit; font-size:13px; line-height:1.5; font-weight:500; isolation:isolate; box-shadow:0 14px 36px -28px #25483c26; }
.tg-compact-footer::before { content:""; position:absolute; top:-1px; inset-inline-end:34px; width:78px; height:3px; background:var(--tg-accent); border-radius:0 0 4px 4px; }
.tg-compact-footer *, .tg-compact-footer *::before, .tg-compact-footer *::after { box-sizing:border-box; }
.tg-compact-footer a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.tg-compact-footer a:focus-visible { outline:2px solid var(--tg-accent); outline-offset:3px; border-radius:5px; }
.tg-compact-footer p { margin:0; }
.tg-compact-footer img { display:block; max-width:100%; }
.tg-compact-footer ul { display:flex; list-style:none; margin:0; padding:0; }
.tg-compact-footer__container { position:relative; padding:0 var(--tg-gutter); }

/* brand row */
.tg-compact-footer__main { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:10px 0; }
.tg-compact-footer__brand { display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; white-space:nowrap; }
.tg-compact-footer__symbol { width:28px; height:28px; flex:none; }
.tg-compact-footer__wordmark { width:132px; height:auto; max-height:30px; object-fit:contain; flex:none; }
.tg-compact-footer__brand-divider { flex:none; width:1px; height:16px; background:#cad8d2; }
.tg-compact-footer__since { flex:none; direction:ltr; color:#637c75; font:600 10px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.9px; white-space:nowrap; text-align:left; }
.tg-compact-footer__sitemap a { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; min-height:32px; padding:0 12px; border:1px solid #e4ece8; border-radius:8px; background:#f7faf8; font-size:12px; color:#57756a; transition:background .18s ease,border-color .18s ease; }
.tg-compact-footer__sitemap svg { width:15px; height:15px; color:#6b897b; transition:transform .18s ease; }
.tg-compact-footer__sitemap a:hover { background:#edf4f0; border-color:#d5e2da; }
.tg-compact-footer__sitemap a:hover svg { transform:translate(-2px,-2px); }
[dir=rtl] .tg-compact-footer__sitemap svg { transform:scaleX(-1); }
[dir=rtl] .tg-compact-footer__sitemap a:hover svg { transform:scaleX(-1) translate(-2px,-2px); }

/* bottom bar: legal + copyright, and the flags where the payment logos used to be */
.tg-compact-footer__bottom { position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; margin-inline:calc(-1 * var(--tg-gutter)); padding:8px var(--tg-gutter); background:#f8fbf9; border-top:1px solid var(--tg-line); border-radius:0 0 calc(var(--tg-radius) - 1px) calc(var(--tg-radius) - 1px); }
.tg-compact-footer__meta { display:flex; align-items:center; flex-wrap:wrap; gap:2px 18px; min-width:0; }
.tg-compact-footer__legal ul { align-items:center; gap:18px; }
.tg-compact-footer__legal li + li { position:relative; }
.tg-compact-footer__legal li + li::before { content:""; position:absolute; inset-inline-start:-10px; top:calc(50% - 1px); width:2px; height:2px; border-radius:50%; background:#9bb2a6; }
.tg-compact-footer__legal a { display:flex; align-items:center; min-height:26px; color:#6f7f76; font-size:11px; font-weight:500; text-underline-offset:4px; transition:color .18s ease; }
.tg-compact-footer__legal a:hover, .tg-compact-footer__legal a:focus-visible { color:var(--tg-accent); text-decoration:underline; }
.tg-compact-footer__copyright { display:flex; flex-wrap:wrap; align-items:center; gap:0 5px; font-size:11px; color:#63796e; }
.tg-compact-footer__copyright bdi { font:11px/1.5 Arial,Helvetica,sans-serif; }

/* country flags: server-built <a title><img></a>, identical size and order on every page */
.tg-compact-footer__countries { display:flex; align-items:center; flex-wrap:nowrap; gap:0; flex:none; }
.tg-compact-footer__countries a { display:flex; align-items:center; justify-content:center; width:20px; height:20px; margin-inline-start:-6px; border-radius:50%; transition:transform .18s ease; }
.tg-compact-footer__countries img { width:20px; height:20px; filter:grayscale(1) contrast(1.05); opacity:.8; transition:opacity .15s, filter .15s; object-fit:cover; border-radius:50%; box-shadow:0 0 0 1px #fff, 0 0 0 2px #dfe6e3; }
.tg-compact-footer__countries a:hover, .tg-compact-footer__countries a:focus-visible { transform:translateY(-2px); }
.tg-compact-footer__countries a:first-child { margin-inline-start:0; }
.tg-compact-footer__countries a:hover { position:relative; z-index:1; }
.tg-compact-footer__countries a:hover img, .tg-compact-footer__countries a:focus-visible img { filter:none; opacity:1; }

@media (max-width:900px) {
  .tg-compact-footer__bottom { flex-wrap:wrap; }
  .tg-compact-footer__meta { flex:1 1 320px; }
  .tg-compact-footer__countries { flex:1 1 auto; justify-content:flex-end; flex-wrap:wrap; }
}
@media (max-width:600px) {
  .tg-compact-footer { --tg-gutter:16px; --tg-radius:12px; }
  .tg-compact-footer::before { inset-inline-end:22px; width:55px; }
  .tg-compact-footer__main { min-height:52px; padding:10px 0; gap:10px; }
  .tg-compact-footer__brand { gap:8px; }
  .tg-compact-footer__symbol { width:24px; height:24px; }
  .tg-compact-footer__wordmark { width:112px; }
  .tg-compact-footer__sitemap a { padding:0 9px; font-size:11px; min-height:30px; }
  .tg-compact-footer__bottom { flex-direction:column-reverse; align-items:center; gap:8px; padding:10px var(--tg-gutter); }
  .tg-compact-footer__meta { flex:0 0 auto; flex-direction:column; gap:0; align-items:center; text-align:center; }
  .tg-compact-footer__countries { flex:0 0 auto; }
  .tg-compact-footer__legal ul { justify-content:center; flex-wrap:wrap; gap:6px 20px; }
  .tg-compact-footer__copyright { justify-content:center; font-size:10px; }
  .tg-compact-footer__countries { justify-content:center; flex-wrap:nowrap; gap:0; }
  .tg-compact-footer__countries a, .tg-compact-footer__countries img { width:18px; height:18px; }
}
@media (max-width:400px) {
  .tg-compact-footer__countries { gap:0; }
  .tg-compact-footer__countries a, .tg-compact-footer__countries img { width:16px; height:16px; }
}
@media (max-width:380px) {
  .tg-compact-footer__since { display:none; }
  .tg-compact-footer__brand-divider { display:none; }
}
@media (pointer:coarse) { .tg-compact-footer__sitemap a { min-height:40px; } .tg-compact-footer__legal a { min-height:40px; } }
@media (prefers-reduced-motion:reduce) { .tg-compact-footer *, .tg-compact-footer *::before, .tg-compact-footer *::after { transition:none!important; transform:none; } }