/* Subsolul după Brand book, Ediția 3 (/branding/), același pe toate paginile, inclusiv pe cele care nu au trecut încă la noul
   stil. Se încarcă după nav-brand.css. Un singur mesaj (semnătura), un pas următor, apoi informația ca text, fără cutii:
   bleumarin, alb și un accent auriu; Lora pentru titluri, Hanken Grotesk pentru text. Mobil întâi: sub 1024 px, telefonul,
   WhatsApp-ul și programarea sunt în bara de jos, deci subsolul nu le repetă. Marcajul: chromeBottom din layout.mjs. */
.oxx .oxc-foot {
  --of-serif: Lora, "Lora Fallback", Georgia, serif;
  --of-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", ui-sans-serif, system-ui, sans-serif;
  --of-gold: #d9bd8f; /* auriul deschis: pe bleumarin e lizibil și la mărimi mici */
  --of-text: rgb(255 255 255 / .76);
  --of-soft: rgb(255 255 255 / .64);
  --of-line: rgb(255 255 255 / .13);
  padding: 36px 0 calc(var(--oxc-dock-h) + env(safe-area-inset-bottom));
  background: #0d2340;
  color: var(--of-text);
  font-family: var(--of-sans);
}
/* Regulile vechi `.oxx li`, `.oxx dd` dau text închis: aici totul moștenește culorile subsolului */
.oxx.oxx .oxc-foot :where(li, dd, span) { color: inherit; }
.oxx.oxx .oxc-foot a { color: inherit; transition: color .15s; }
.oxx.oxx .oxc-foot a:hover { color: #fff; }

/* Mesajul și pasul următor */
.oxx .oxc-foot-top { padding-bottom: 28px; border-bottom: 1px solid var(--of-line); }
.oxx.oxx .oxc-sign p { font: 400 clamp(1.375rem, .95rem + 1.9vw, 2.25rem)/1.22 var(--of-serif); letter-spacing: -.01em; color: #fff; text-wrap: balance; }
.oxx .oxc-sign span { display: block; }
.oxx .oxc-foot-act { display: none; }
.oxx.oxx .oxc-foot-tel { display: grid; gap: 1px; }
.oxx .oxc-foot-tel small { font-size: 13px; line-height: 1.3; color: var(--of-soft); }
.oxx .oxc-foot-tel b { font-size: 19px; font-weight: 600; line-height: 1.25; color: #fff; font-variant-numeric: tabular-nums; }
.oxx.oxx .oxc-foot .oxc-foot-book { display: inline-flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 20px; border-radius: 10px; background: #fff; color: #0d2340; font: 600 16px/1.25 var(--of-sans); white-space: nowrap; transition: background .15s; }
.oxx.oxx .oxc-foot .oxc-foot-book:hover { background: #eef3fa; color: #0d2340; }
.oxx .oxc-foot-book svg { transition: transform .2s; }
.oxx .oxc-foot-book:hover svg { transform: translateX(3px); }

/* Locațiile și linkurile: text pe bleumarin, despărțit de linii fine */
.oxx .oxc-foot-main { display: grid; gap: 28px; padding: 28px 0; }
.oxx .oxc-locs { display: grid; gap: 24px; }
.oxx.oxx .oxc-foot h2 { margin: 0; font: 400 17px/1.3 var(--of-serif); letter-spacing: 0; color: #fff; }
/* O locație se citește ca o coloană de linkuri: rânduri cu același număr de linii la amândouă, deci rămân aliniate; programul,
   care poate avea oricâte rânduri, e ultimul. */
.oxx .oxc-loc { display: block; }
.oxx.oxx .oxc-loc p { margin: 0; font: 400 14.5px/1.45 var(--of-sans); color: var(--of-text); }
.oxx.oxx .oxc-loc .oxc-loc-name { margin-top: 6px; color: #fff; }
.oxx .oxc-loc-links { display: flex; flex-wrap: wrap; gap: 0 18px; margin-top: 2px; }
.oxx.oxx .oxc-loc-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; color: #fff; font-size: 14px; font-weight: 600; }
.oxx.oxx .oxc-loc-links a:hover { color: var(--of-gold); }
.oxx .oxc-loc-links svg { color: var(--of-gold); }
.oxx .oxc-hours { display: grid; grid-template-columns: 6.8em auto; gap: 1px 0; justify-content: start; margin: 6px 0 0; font-size: 13.5px; line-height: 1.45; }
.oxx .oxc-hours div { display: contents; }
.oxx .oxc-hours dt { color: var(--of-soft); }
.oxx .oxc-hours dd { margin: 0; color: var(--of-text); font-variant-numeric: tabular-nums; }

.oxx .oxc-col { border-top: 1px solid var(--of-line); }
.oxx .oxc-col:last-child { border-bottom: 1px solid var(--of-line); }
.oxx .oxc-col summary { display: flex; align-items: center; justify-content: space-between; min-height: 50px; list-style: none; cursor: pointer; }
.oxx .oxc-col summary::-webkit-details-marker { display: none; }
.oxx .oxc-col summary svg { color: var(--of-soft); transition: transform .2s; }
.oxx .oxc-col[open] summary svg { transform: rotate(180deg); }
.oxx .oxc-col ul { padding-bottom: 12px; }
.oxx.oxx .oxc-col li a { display: block; padding: 8px 0; font-size: 15px; line-height: 1.35; }

/* Identitatea: sigla pe alb, la cel puțin 160 px (manualul, capitolul despre siglă), dovezile și rețelele sociale */
.oxx .oxc-foot-id { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 12px; padding: 4px 0 20px; }
.oxx .oxc-foot-logo { flex: none; line-height: 0; border-radius: 10px; }
.oxx .oxc-foot-logo img { box-sizing: content-box; width: 160px; height: auto; padding: 6px 8px; border-radius: 10px; background: #fff; }
.oxx .oxc-socials { display: flex; }
.oxx .oxc-socials a { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; transition: background .15s, color .15s; }
.oxx .oxc-socials a:hover { background: rgb(255 255 255 / .09); }
.oxx .oxc-proof { order: 3; flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 13.5px; line-height: 1.4; color: var(--of-text); }
.oxx .oxc-proof li { display: flex; align-items: center; gap: 7px; }
.oxx .oxc-proof svg { flex: none; color: var(--of-gold); }
.oxx .oxc-proof b { font-weight: 600; color: #fff; }

.oxx .oxc-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px; padding: 12px 0 20px; border-top: 1px solid var(--of-line); font-size: 13px; line-height: 1.4; color: var(--of-soft); }
.oxx .oxc-legal nav { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; }
.oxx.oxx .oxc-legal a, .oxx .oxc-legal button { display: inline-block; padding: 6px 0; border: 0; background: none; color: var(--of-soft); font: inherit; cursor: pointer; }
.oxx.oxx .oxc-legal :is(a, button):hover { color: #fff; }

@media (min-width: 640px) { .oxx .oxc-locs { grid-template-columns: 1fr 1fr; gap: 28px; } .oxx .oxc-loc-addr span { display: block; } }
@media (min-width: 768px) {
  .oxx .oxc-foot-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .oxx .oxc-col, .oxx .oxc-col:last-child { border: 0; }
  .oxx .oxc-col summary { min-height: 0; margin-bottom: 8px; cursor: default; pointer-events: none; }
  .oxx .oxc-col summary svg { display: none; }
  .oxx .oxc-col ul { padding: 0; }
  .oxx.oxx .oxc-col li a { display: inline-block; padding: 4px 0; font-size: 14.5px; }
  .oxx.oxx .oxc-loc-links a { min-height: 34px; }
  /* Numele începe pe aceeași linie cu primul link din coloanele vecine */
  .oxx.oxx .oxc-loc .oxc-loc-name { margin-top: 11px; }
}
@media (min-width: 1024px) {
  .oxx .oxc-foot { padding-top: 48px; }
  .oxx .oxc-foot-top { display: flex; align-items: center; justify-content: space-between; gap: 48px; padding-bottom: 36px; }
  .oxx .oxc-foot-act { display: flex; flex: none; align-items: center; gap: 28px; }
  .oxx .oxc-foot-main { padding: 36px 0 32px; }
  .oxx .oxc-foot-id { flex-wrap: nowrap; gap: 24px; padding: 0 0 24px; }
  .oxx .oxc-foot-logo img { padding: 7px 11px; }
  .oxx .oxc-socials { margin-left: auto; }
  .oxx .oxc-proof { order: 0; flex-basis: auto; }
  /* Butonul WhatsApp fix nu acoperă rândul legal când marginile sunt înguste */
  .oxx .oxc-legal { padding-bottom: 72px; }
}
/* Cele cinci coloane pe un rând, cu titlurile pe aceeași linie */
@media (min-width: 1200px) { .oxx .oxc-foot-main { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; } }
@media (min-width: 1400px) { .oxx .oxc-legal { padding-bottom: 22px; } }
@media print { .oxx .oxc-foot-act { display: none; } }