/* 3D Offplan demo: the site's colours and type over the explorer's light theme (F).
   Status follows the site rule: available = white, reserved = pale blue, sold = ink; blue = what you point at. */
:root[data-theme="f"] { --gold: #2643A6; --gold-bright: #2643A6; --gold-soft: rgba(38,67,166,.10); --forest: #15191D;
  --ink: #15191D; --muted: #6B7076; --line: #E5E5E1; --avail: #FFFFFF; --res: #AFC0EE; --sold: #15191D; }
:root[data-theme="f"] body { font-family: "Host Grotesk", system-ui, sans-serif; color: #15191D; background: #F6F6F4; }
:root[data-theme="f"] .panel { background: #F6F6F4; }
:root[data-theme="f"] .brand { display: flex; align-items: center; gap: 12px; }
:root[data-theme="f"] .brand svg { width: 30px; height: 30px; flex: none; }
:root[data-theme="f"] .brand b { font: 600 17px/1.15 "Host Grotesk", system-ui, sans-serif; letter-spacing: -0.01em; color: #15191D; }
:root[data-theme="f"] .brand small { font-size: 13px; letter-spacing: 0; text-transform: none; color: #6B7076; }
:root[data-theme="f"] h1, :root[data-theme="f"] h2, :root[data-theme="f"] h3 { font-weight: 600; letter-spacing: -0.02em; }
:root[data-theme="f"] .detail h1 { font-size: 40px; letter-spacing: -0.035em; color: #15191D; }
:root[data-theme="f"] .detail h1::after { display: none; }
:root[data-theme="f"] .pop { border-top: 0; }
:root[data-theme="f"] .filters select { border-color: #D9D9D4; border-radius: 10px; font-size: 14px; }
:root[data-theme="f"] .card { border-color: #E5E5E1; border-radius: 14px; }
:root[data-theme="f"] .card:hover, :root[data-theme="f"] .card.hl { border-color: #2643A6; }
:root[data-theme="f"] .chip, :root[data-theme="f"] .chip.ghost { background: #F1F1EE; color: #15191D; border-radius: 6px; font-weight: 600; }
:root[data-theme="f"] .chip.res { background: #E3E9FA; color: #2643A6; }
:root[data-theme="f"] .chip.sold { background: #15191D; color: #fff; }
:root[data-theme="f"] .facts { font-size: 14px; }
:root[data-theme="f"] .switch button.on, :root[data-theme="f"] .floor-pick button.on, :root[data-theme="f"] .tabbar button.on, :root[data-theme="f"] .icon-btn.on { background: #15191D; color: #fff; }
:root[data-theme="f"] .btn.primary, :root[data-theme="f"] .pop .go { background: #15191D; color: #fff; border-radius: 999px; }
:root[data-theme="f"] .btn.line, :root[data-theme="f"] .detail .bar .back { border-radius: 999px; }
:root[data-theme="f"] .u-poly.match { fill: rgba(38,67,166,.18); stroke: rgba(38,67,166,.9); }
:root[data-theme="f"] .u-poly.hot { fill: rgba(38,67,166,.38); stroke: #fff; stroke-width: 2; }
:root[data-theme="f"] .u-poly.sold.hot { fill: rgba(21,25,29,.5); }
:root[data-theme="f"] .u-poly.res.hot { fill: rgba(143,166,232,.6); }
:root[data-theme="f"] .u-poly.all { fill: rgba(255,255,255,.5); stroke: rgba(255,255,255,.95); }
:root[data-theme="f"] .u-poly.all.res { fill: rgba(143,166,232,.62); }
:root[data-theme="f"] .u-poly.all.sold { fill: rgba(21,25,29,.55); }
:root[data-theme="f"] .f-poly.hot { fill: rgba(38,67,166,.22); stroke: #2643A6; }
:root[data-theme="f"] .cell.avail { background: #fff; box-shadow: inset 0 0 0 1px #D9D9D4; color: #15191D; }
:root[data-theme="f"] .cell.res { background: #AFC0EE; color: #15191D; }
:root[data-theme="f"] .cell.sold { background: #15191D; color: #fff; }
:root[data-theme="f"] .cell:hover { outline-color: #2643A6; }
:root[data-theme="f"] .legend i { box-shadow: inset 0 0 0 1px #D9D9D4; }
:root[data-theme="f"] .outline-toggle.on .knob { background: #15191D; }
:root[data-theme="f"] .icon-btn .count { background: #2643A6; color: #fff; }
:root[data-theme="f"] .form .consent a, :root[data-theme="f"] .result-line button { color: #2643A6; }
:root[data-theme="f"] .f-poly.match { fill: rgba(38,67,166,.10); stroke: rgba(38,67,166,.8); }
:root[data-theme="f"] .chip.avail { background: #fff; color: #15191D; box-shadow: inset 0 0 0 1px #D9D9D4; }
:root[data-theme="f"] .detail .bar { border-bottom-color: #E5E5E1; }
/* 2026-10-14 eszközönkénti ellenőrzés: olvasható lábjegyzet, érintőképernyőn nagyobb gombok */
:root[data-theme="f"] .foot-note { font-size: 12px; }
@media (pointer: coarse) {
  :root[data-theme="f"] .card .fav, :root[data-theme="f"] .card .eye { width: 36px; height: 36px; right: 8px; }
  :root[data-theme="f"] .card .eye { top: 54px; }
  :root[data-theme="f"] .toggle-panel { width: 34px; }
}