/*============================================================================
   15-pricelist.css — srovnávací ceník [tr_pricelist] (plugin Toret Rooms).
   Plugin nedodává CSS → stylujeme markup .tr-pl-* (Alpine tabulka apartmány ×
   období). Desktop = tabulka (.tr-pl-table), mobil = karty (.tr-pl-cards).
============================================================================*/

.tr-pl-wrap { color: var(--ink); }

/* filtr (tag) */
.tr-pl-filters { margin-bottom: 1.2rem; }
.tr-pl-filter { display: inline-flex; align-items: center; gap: .5rem; }
.tr-pl-filter label { font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.tr-pl-filter select { border: 1px solid var(--line); border-radius: var(--r-btn); padding: .5rem .8rem; font-family: inherit; font-size: .95rem; color: var(--navy); background: #fff; }
.tr-pl-filter select:focus { outline: none; border-color: var(--accent); }

/* ---------- TABULKA (desktop) ---------- */
.tr-pl-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-card); background: #fff; box-shadow: var(--shadow); }
.tr-pl-table { width: 100%; border-collapse: collapse; min-width: 560px; margin: 0; }
.tr-pl-th, .tr-pl-td { padding: .9rem 1.1rem; text-align: center; border-bottom: 1px solid var(--line); white-space: nowrap; }
.tr-pl-th { background: var(--navy); color: #fff; font-weight: 600; font-size: .9rem; position: sticky; top: 0; z-index: 2; }
.tr-pl-th--period { text-align: left; }
.tr-pl-room-link { color: #fff; font-family: var(--font-serif); font-size: 1.1rem; font-weight: 700; text-decoration: none; }
.tr-pl-room-link:hover { color: var(--accent); }
.tr-pl-room-sub { font-size: .72rem; font-weight: 400; color: rgba(255, 255, 255, .75); text-transform: none; letter-spacing: 0; margin-top: .15rem; }

/* první sloupec (Termín) přilepený při vodorovném scrollu */
.tr-pl-th--period, .tr-pl-td--period { position: sticky; left: 0; text-align: left; font-weight: 600; }
.tr-pl-td--period { z-index: 1; background: var(--sand-1); color: var(--navy); }
.tr-pl-th--period { z-index: 3; background: var(--navy); color: #fff !important; }

.tr-pl-row:nth-child(even) .tr-pl-td { background: #fbf8ef; }
.tr-pl-row:nth-child(even) .tr-pl-td--period { background: #f3ecd9; }
.tr-pl-row:hover .tr-pl-td { background: #fff5df; }
.tr-pl-row--default .tr-pl-td { background: var(--sand-2); }
.tr-pl-row--default .tr-pl-td--period { background: var(--sand-3); }
.tr-pl-td--price { font-family: var(--font-serif); font-weight: 700; font-size: 1.1rem; color: var(--navy); }
.tr-pl-td--na { color: var(--muted); font-family: var(--font-sans); font-weight: 400; }
.tr-pl-row:last-child .tr-pl-td { border-bottom: none; }

/* ---------- KARTY (mobil) ---------- */
.tr-pl-cards { display: none; }
.tr-pl-card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-card); box-shadow: var(--shadow); margin-bottom: 14px; overflow: hidden; }
.tr-pl-card-period { background: var(--navy); color: #fff; font-weight: 600; padding: .7rem 1rem; }
.tr-pl-card--default .tr-pl-card-period { background: var(--accent-deep); }
.tr-pl-card-prices { padding: .4rem 1rem .8rem; }
.tr-pl-card-price-row { display: flex; justify-content: space-between; align-items: center; padding: .5rem 0; border-bottom: 1px dashed var(--line); }
.tr-pl-card-price-row:last-child { border-bottom: none; }
.tr-pl-card-room { color: var(--navy); font-weight: 500; }
.tr-pl-card-val { font-family: var(--font-serif); font-weight: 700; color: var(--navy); }
.tr-pl-card-val--na { color: var(--muted); font-family: var(--font-sans); font-weight: 400; }

.tr-pl-empty { color: var(--muted); padding: 1.2rem 0; }

@media (max-width: 760px) {
	.tr-pl-table-wrap { display: none; }
	.tr-pl-cards { display: block; }
}