/* Tourism Partner · otel ekranları · components.css içinde olmayan küçük kalıplar.
   Sıra: tokens.css, components.css, otel.css. JS yok. Genişlik ve konum verisi style="--w:..." ile gelir. */

/* Sayfa başı ve yol */
.ot-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-16)}
.ot-head>*{min-width:0}
.card__head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px 16px;padding:20px 24px;border-bottom:1px solid var(--border-default)}
.grid-12>.span-5{grid-column:span 5}
.grid-12>.span-7{grid-column:span 7}
@media (max-width:899px){.grid-12>.span-5,.grid-12>.span-7{grid-column:span 12}}
@media (max-width:767px){.card__head{padding:16px}}

/* Liste satırı: metin bloğu esner, sağ uç sabit kalır */
.list-row>.tiers{flex:1 1 240px}
.tiers>.badge,.tiers>.countdown,.tiers>.verified{justify-self:start}
.ot-row-end{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.ot-nowrap{flex-wrap:nowrap;white-space:nowrap}

/* Kart içi liste satırı */
.ot-list{margin:0;padding:0;list-style:none}
.ot-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12) var(--space-24);padding:var(--space-16) var(--space-24);border-top:1px solid var(--border-default)}
.ot-item__main{display:grid;gap:6px;flex:1 1 280px;min-width:0}
@media (max-width:767px){.ot-item{padding:var(--space-16)}}

/* İlerleme çubuğu */
.ot-progress{height:8px;border-radius:var(--radius-pill);background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-default);overflow:hidden}
.ot-progress>span{display:block;height:100%;width:var(--w,0);border-radius:inherit;background:var(--color-primary)}

/* Filtre satırı, eşleşme satırı, input soneki, toplam kutusu */
.ot-filters{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));align-items:end}
.ot-suffix{position:absolute;right:12px;font-size:var(--font-size-small);color:var(--text-muted);pointer-events:none}
.ot-total{display:grid;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-radius:var(--radius-control);background:var(--bg-subtle)}

/* Tablo: 1280'de iç kaydırma yok, mobilde .table-scroll kaydırır */
.ot-table--fit{min-width:0}
.ot-table--fit th,.ot-table--fit td{padding:12px}
.ot-act{width:1%;text-align:right;white-space:nowrap}
@media (max-width:767px){.ot-table--fit{min-width:720px}}

/* Fırsat kartı: yüzde çipi fiyatın satırında kalır */
.ot-deal .price__line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.ot-deal-h{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.ot-deal-h>.photo{grid-row:span 2;aspect-ratio:auto;height:100%;min-height:240px}
.ot-deal-h>.card__footer{grid-column:2}
@media (max-width:767px){.ot-deal-h{grid-template-columns:minmax(0,1fr)}.ot-deal-h>.photo{grid-row:auto;aspect-ratio:var(--photo-ratio);min-height:0}.ot-deal-h>.card__footer{grid-column:auto}}

/* Fotoğraf yükleme */
.ot-drop{display:grid;justify-items:center;gap:var(--space-12);padding:var(--space-40) var(--space-24);border:2px dashed var(--border-input);border-radius:var(--radius-card);background:var(--bg-surface);text-align:center}
.ot-photo-tag{position:absolute;top:12px;left:12px}
.ot-tile--empty{border-style:dashed;border-color:var(--border-input)}
.ot-tile--empty .photo{background-color:var(--bg-subtle)}
.ot-tile__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px var(--space-8);padding:var(--space-8) var(--space-12);border-top:1px solid var(--border-default)}

/* Ayarlar: sol alt menü */
.ot-split{display:grid;gap:var(--space-24);grid-template-columns:240px minmax(0,1fr);align-items:start}
.ot-subnav{display:grid;gap:4px;padding:var(--space-8)}
.ot-subnav a{display:flex;align-items:center;gap:var(--space-8);min-height:44px;padding:0 12px;border-radius:var(--radius-control);color:var(--text-body);font-size:var(--font-size-small)}
.ot-subnav a:hover{background:var(--bg-subtle);text-decoration:none}
.ot-subnav a[aria-current]{background:var(--bg-subtle);color:var(--text-heading);font-weight:var(--font-weight-semibold);box-shadow:inset 3px 0 0 var(--color-primary)}
@media (max-width:899px){.ot-split{grid-template-columns:minmax(0,1fr)}.ot-subnav{display:flex;overflow-x:auto}.ot-subnav a{white-space:nowrap}}

/* Rapor: aralık çubuğu, yatay çubuk, çizgi grafik */
.ot-range{position:relative;height:10px;margin:8px 0;border-radius:var(--radius-pill);background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-default)}
.ot-range__band{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);border-radius:inherit;background:var(--color-primary-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}
.ot-range__you{position:absolute;top:-6px;left:var(--x);width:4px;height:22px;margin-left:-2px;border-radius:2px;background:var(--color-ink);box-shadow:0 0 0 2px var(--bg-surface)}
.ot-scale{display:flex;justify-content:space-between;gap:var(--space-8);font-size:var(--font-size-caption);color:var(--text-muted);font-variant-numeric:var(--numeric)}
.ot-bar{display:grid;gap:6px}
.ot-bar__track{height:8px;border-radius:var(--radius-pill);background:var(--bg-subtle);overflow:hidden}
.ot-bar__fill{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--color-primary)}
.ot-chart{display:block;width:100%;height:180px;overflow:visible}
.ot-chart__grid{stroke:var(--border-default);stroke-width:1;vector-effect:non-scaling-stroke}
.ot-chart__area{fill:var(--color-primary-tint)}
.ot-chart__line{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ot-chart__you{fill:none;stroke:var(--color-ink);stroke-width:2;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}
.ot-axis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:var(--font-size-caption);color:var(--text-muted);font-variant-numeric:var(--numeric)}
.ot-axis b{display:block;color:var(--text-body);font-weight:var(--font-weight-medium)}
.ot-key{display:inline-block;width:20px;height:0;border-top:2px solid var(--color-primary);vertical-align:middle}
.ot-key--you{border-top-style:dashed;border-top-color:var(--color-ink)}
.ot-key--band{height:10px;border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary-tint)}
.ot-key--track{height:10px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-subtle)}
.ot-key--mark{width:4px;height:14px;border:0;border-radius:2px;background:var(--color-ink)}

/* Numaralı açıklama adımları */
.ot-steps{display:grid;gap:var(--space-16);margin:0;padding:0;list-style:none;counter-reset:ot}
.ot-steps>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-12);counter-increment:ot}
.ot-steps>li::before{content:counter(ot);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--bg-subtle);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--text-heading);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}

/* Kenarsız fieldset */
.ot-fieldset{min-width:0;margin:0;padding:0;border:0}

/* İkon ve uzun metin: ikon ilk satırda kalır, metin yanında kırılır */
.ot-note{display:flex;gap:var(--space-8);align-items:flex-start}
.ot-note>.icon{flex:none;margin-top:3px}

/* Nav: 7 öğe (Mesajlar eklendi), dar masaüstünde çakışmasın */
@media (max-width:1199px){.topnav__account-text{display:none}}
@media (max-width:999px){.topnav__logo-text{display:none}.topnav__item{padding:0 8px}.topnav__item.is-active::after,.topnav__item[aria-current]::after{left:8px;right:8px}}