/* Időpont – egyszerű fejléc az aloldalakhoz (adatkezelési tájékoztató,
   foglalás kezelése). A főoldalon nem kell, ott saját menü van.
   A színeket a beágyazó oldal változóiból veszi, ha vannak. */
.idp-fejlec{
  --idp-f-accent:var(--petrol,#12363C);
  --idp-f-line:var(--line,#D6DEDA);
  --idp-f-muted:var(--muted,#5F7375);

  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:14px 0 16px;margin:0 0 28px;
  border-bottom:1px solid var(--idp-f-line);
}

.idp-fejlec-marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.idp-fejlec-marka img,
.idp-fejlec-marka .logo-mark{width:38px;height:38px;flex:0 0 auto}
.idp-fejlec-marka .logo-mark{
  /* Tartalék jel, ha nincs logó kiválasztva. */
  border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;
  background:var(--idp-f-accent);display:block;
}
.idp-fejlec-nev{display:block;font-weight:700;line-height:1.2}
.idp-fejlec-alcim{display:block;font-size:.8rem;color:var(--idp-f-muted);line-height:1.3;margin-top:2px}

.idp-fejlec-menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.idp-fejlec-menu a{
  text-decoration:none;color:inherit;font-size:.92rem;
  padding:8px 14px;border-radius:100px;border:1px solid transparent;
  transition:background .15s,border-color .15s;
}
.idp-fejlec-menu a:hover{border-color:var(--idp-f-line)}
.idp-fejlec-menu a.idp-fejlec-fo{
  border-color:var(--idp-f-accent);font-weight:600;
}
.idp-fejlec-menu a.idp-fejlec-fo:hover{background:var(--idp-f-accent);color:#fff}
.idp-fejlec-menu a:focus-visible{outline:2px solid var(--idp-f-accent);outline-offset:2px}

@media (max-width:520px){
  .idp-fejlec{gap:12px}
  .idp-fejlec-menu{width:100%}
  .idp-fejlec-menu a{padding:7px 12px;font-size:.88rem}
}