/* item-contact-mobile.css
   Mobile (<=768px) contact block of the profile page - direction A, owner-approved 2026-09-02, polished to the
   owner's exact spec the same evening (docs/plans/contact-area-mobile-plan-2026-09-02.md, rev 3): Soehne 400/500,
   line icons, 56px rows with one hairline between rows and none after the last, the number under Phone as a
   14px grey value, Website + X as one small link line (the X label is the advertiser's handle), Save favourite +
   Like as the closing row at row size, grey "(middle dot) N" like count (hidden at 0). Presentation only: the row
   anchors, their data hooks, reveal_phone() and the favourite/voting plugin markup are untouched.
   Prefix P = body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card
   (1,4,1) beats the (1,3,1) mobile rules in profile12-critical.css / profile12.css whatever the sheet order;
   !important only where the existing declaration has it. Save/Like pseudo-elements go through
   .favbtn a.fi_make_favorite (light: anchor 1,6,2, ::before 1,6,3, saved ::before 1,7,3; dark adds 0,1,1; hover adds
   0,1,0) so dark.css's mobile heart rules (951-966, pink saved heart, at most 1,7,3) can never tie. Dark twins at the end reuse the dark.css tokens; the dark "Contact" heading
   colour comes from the theme-wide dark heading rule (same ivory as every h2). Loaded on ad pages only
   (header.php, media max-width 768px). Rhythm: title, 6, hint, 12, rows of 56, link line, actions row.
   Tokens: ink #0f0f0f, sec #6b7280, line #ececec. */
@media (max-width: 768px) {

/* section: 32px above the title, 24px below, one hairline on top (rhythm 2026-09-03), no percentage margins */
body.item.item-airbnb-layout #contact.widget-box.modern-contact-card.item-airbnb-contact-card { padding: 32px 0 24px !important; margin: 0 !important; border-top: 1px solid #ececec !important; }

/* header: "Contact" 22/26 500, "Posted ..." 12/16 sec on the title's baseline */
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card > .mc-header--contact { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin: 0 0 6px !important; padding: 0 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card > .mc-header--contact .mc-title-group h2 { margin: 0 !important; font-size: 22px !important; line-height: 26px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card > .mc-header--contact .mc-footer { margin-left: auto !important; padding-top: 0 !important; font-size: 12px !important; line-height: 16px !important; font-weight: 400 !important; color: #6b7280 !important; font-feature-settings: "tnum"; white-space: nowrap; }

/* hint line: 14/18 sec, 6px under the title, 12px above the first row */
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-list-mobile { margin: 0 !important; padding: 0 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-prefline { margin: 0 0 12px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 18px !important; letter-spacing: 0 !important; text-transform: none !important; color: #6b7280 !important; }

/* action rows: 56px, one hairline between rows, none above the first or under the last */
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method { display: flex !important; align-items: center !important; gap: 16px !important; width: 100% !important; min-height: 56px; height: auto; padding: 8px 0 !important; margin: 0 !important; border-top: 1px solid #ececec !important; border-bottom: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; text-decoration: none !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method + .item-contact-method { margin-top: 0 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method:first-of-type,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method--offline { border-top: 0 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method:hover,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method.wac-btn.wac-item:hover { background: transparent !important; color: #0f0f0f !important; transform: none !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-icon { flex: 0 0 24px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #0f0f0f; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-icon svg { width: 24px; height: 24px; display: block; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-copy { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-label { margin: 0 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; letter-spacing: 0 !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-value { margin-top: 2px; font-size: 14px !important; font-weight: 400 !important; line-height: 18px !important; letter-spacing: 0 !important; color: #6b7280 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-chev { flex: 0 0 20px; width: 20px; height: 20px; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; color: #0f0f0f; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-chev svg { width: 20px; height: 20px; display: block; }

/* Website + X: one small underlined link line directly under the last row, 44px hit areas */
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-links { display: flex; align-items: center; gap: 20px; margin: 4px 0 0; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 12px 0; font-size: 14px; line-height: 18px; font-weight: 500; color: #0f0f0f; text-decoration: underline; text-underline-offset: 3px; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-link:hover { color: #0f0f0f; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-link svg { display: block; flex: 0 0 auto; width: 16px; height: 16px; }

/* closing row: Save favourite left, Like right, one hairline above, none below; same size as the rows */
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .engagement-footer-test { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; column-gap: 24px !important; row-gap: 0 !important; min-height: 56px; margin: 4px 0 0 !important; padding: 0 !important; border-top: 1px solid #ececec !important; border-bottom: 0 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover { gap: 12px !important; min-height: 44px; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite::before,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover::before { width: 22px !important; height: 22px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite::before,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f0f0f' stroke='%230f0f0f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite::after,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover::after { content: 'Save favourite' !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite::after,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover::after { content: 'Saved' !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .votes_results { min-height: 44px !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-text { gap: 0 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-text::before,
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5:hover .vote-text::before { width: 22px !important; height: 22px !important; margin-right: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-count { margin-left: 6px; font-weight: 400 !important; color: #6b7280 !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-count::before { content: "\00B7"; margin-right: 6px; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5[data-total="0"] .vote-count { display: none !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .votes_results span { gap: 12px !important; font-size: 16px !important; font-weight: 500 !important; line-height: 20px !important; color: #0f0f0f !important; }
body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .votes_results span::before { width: 22px !important; height: 22px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f0f0f' stroke='%230f0f0f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; }

/* dark twins: the theme's own text / hairline tokens (dark.css), icons inherit currentColor */
/* the "Contact" heading takes the theme-wide dark heading colour from dark.css (same ivory as every section h2) - no override here */
html[data-theme="dark"] body.item.item-airbnb-layout #contact.widget-box.modern-contact-card.item-airbnb-contact-card { border-top-color: var(--esc-dk-line) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card > .mc-header--contact .mc-footer { color: var(--esc-dk-text-2) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-prefline { color: var(--esc-dk-text-2) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method { color: var(--esc-dk-text) !important; border-top-color: var(--esc-dk-line) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method:hover,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method.wac-btn.wac-item:hover { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-icon,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-chev { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-label { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-method-value { color: var(--esc-dk-text-2) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-link,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .item-contact-link:hover { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .engagement-footer-test { border-top-color: var(--esc-dk-line) !important; color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite span,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite::after,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover::after,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite::after,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover::after { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite::before,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f2f4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite::before,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .favbtn a.fi_make_favorite.is_favorite:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f2f2f4' stroke='%23f2f2f4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-text,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .votes_results span { color: var(--esc-dk-text) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card #voting_plugin .votes_stars a.aPs.vote5 .vote-count { color: var(--esc-dk-text-2) !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5 .vote-text::before,
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .aPs.vote5:hover .vote-text::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f2f4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; }
html[data-theme="dark"] body.item.item-airbnb-layout #contact.modern-contact-card.item-airbnb-contact-card .votes_results span::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f2f2f4' stroke='%23f2f2f4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E") !important; }

}