/* Időpont – árlista.
   A beágyazó oldal saját stílusa erősebb szelektorral felülírja ezt (pl. #csa .price-row),
   így ott a honlap arculata érvényesül. Máshol ez adja a tiszta alapmegjelenést.
   A színek a honlap változóiból jönnek, ha vannak; különben a lenti tartalékokból. */
.idp-prices{
  --idp-p-accent:var(--petrol,#12363C);
  --idp-p-line:var(--line,#d9e0dd);
  --idp-p-muted:var(--muted,#5f7375);
  font-size:16px;line-height:1.5;
}

.idp-prices .price-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.idp-prices .price-tabs button{
  font:inherit;font-size:.92rem;cursor:pointer;
  background:transparent;color:inherit;
  border:1px solid var(--idp-p-line);border-radius:100px;padding:9px 18px;
  transition:background .15s,border-color .15s,color .15s;
}
.idp-prices .price-tabs button:hover{border-color:var(--idp-p-accent)}
.idp-prices .price-tabs button[aria-selected="true"]{
  background:var(--idp-p-accent);border-color:var(--idp-p-accent);color:#fff;
}

/* A téma fókusz-kitöltése ne tűnjön második kijelölt fülnek. */
.idp-prices .price-tabs button:focus{background:transparent}
.idp-prices .price-tabs button[aria-selected="true"]:focus{background:var(--idp-p-accent)}
.idp-prices .price-tabs button:focus-visible{outline:2px solid var(--idp-p-accent);outline-offset:2px}

.idp-prices .price-panel[hidden]{display:none}
.idp-prices .pg-title{font-size:1.05rem;font-weight:700;margin:0 0 14px}
.idp-prices .price-panels.all .price-panel + .price-panel{margin-top:34px}

.idp-prices .price-list{
  display:grid;grid-template-columns:1fr 1fr;gap:0 40px;
}
.idp-prices .price-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  padding:14px 0;border-bottom:1px solid var(--idp-p-line);
}
.idp-prices .price-row h4{font-size:1rem;font-weight:700;margin:0}
.idp-prices .price-row small{
  display:block;color:var(--idp-p-muted);font-size:.85rem;
  font-weight:400;line-height:1.45;margin-top:2px;
}
.idp-prices .price-row .amt{white-space:nowrap;font-weight:700}

.idp-prices .price-note{
  margin-top:30px;padding:20px 22px;
  border:1px solid var(--idp-p-line);border-radius:12px;
  color:var(--idp-p-muted);font-size:.92rem;line-height:1.6;
}

@media (max-width:860px){
  .idp-prices .price-list{grid-template-columns:1fr;gap:0}
}
@media (max-width:520px){
  /* A fülsor ne törjön több sorba, inkább oldalirányban legyen húzható. */
  .idp-prices .price-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
  .idp-prices .price-tabs button{flex:0 0 auto}
}