/* item-facts-mobile.css
   Mobile (<=768px) head facts of the profile page (owner 2026-09-03): the rows the desktop head shows under the name
   (map = location, clock = availability, message bubble = how to contact; css/item-contact-desktop.css) plus a first
   "price per hour" row with the kiwi-dollar coin render (images/3d/fact-price.png). Printed by item.php inside
   .item-airbnb-mobile-head in place of the old price / location feature row. Airbnb's phone experience rows measured
   2026-09-03: 40px icon at the gutter, text 16px after it, 14/18 main + 12/16 grey line, 20px between rows; the block sits
   between two hairlines (24 above the first row, 24 under the last) and the About section's 32px follows.
   Loaded at every width; the mobile head is display:none on desktop, so the block needs no fail-safe of its own.
   Tokens: ink #0f0f0f, sec #6b7280, line #ececec; dark twins reuse the dark.css tokens. */
@media (max-width: 768px) {
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile { display: flex; flex-direction: column; gap: 20px; margin: 24px 0 -8px; /* -8 swallows the head's own bottom padding: rows, 24, rule, then the About section's 32 to its title */ padding: 24px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; text-align: left; }
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-row { display: flex; align-items: center; gap: 16px; min-width: 0; }
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-icon { flex: none; width: 40px; height: 40px; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(15, 23, 42, 0.14)); }
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-copy { display: flex; flex-direction: column; gap: 0; min-width: 0; }
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-main { font-family: var(--escortify-item-font-family) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: #0f0f0f !important; overflow-wrap: anywhere; }
body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-sub { font-family: var(--escortify-item-font-family) !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #6b7280 !important; overflow-wrap: anywhere; }
html[data-theme="dark"] body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile { border-top-color: var(--esc-dk-line); border-bottom-color: var(--esc-dk-line); }
html[data-theme="dark"] body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-main { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout .item-airbnb-mobile-head .item-facts-mobile .ifd-sub { color: var(--esc-dk-text-2) !important; }
}