/* ========================================================= ARROTONDA - MESSAGGI CSS DEDICATO Fonte: style rotto.css, sezione 50. Nota: file sorgente attivo per gli stili messaggi dedicati. ========================================================= */ /* ═══════════════════════════════════════════════════════════════════ 50 MESSAGGI — Lista messaggi, thread, popup contatto, form messaggi Regole in questa sezione: 206 ═══════════════════════════════════════════════════════════════════ */ /* ─────────────────────────────────────────────────────────────── 50 MESSAGGI — Lista messaggi, thread, popup contatto, form messaggi — base ─────────────────────────────────────────────────────────────── */ .hp-modal:has(.hp-form--message-send) { border-radius: 24px !important; padding: 30px 30px 26px !important; background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important; box-shadow: 0 22px 70px rgba(31,43,55,0.18), 0 8px 28px rgba(31,43,55,0.08) !important; max-width: 640px !important; } /* --------------------------------------------------------- ARROTONDA - Messaggi base: popup contatto e trust box --------------------------------------------------------- */ .hp-modal .hp-quick-messages { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 14px; } .hp-modal .hp-quick-btn { appearance: none; border: 1px solid rgba(36,50,74,0.08); background: rgba(255,255,255,0.92); color: #24324a; border-radius: 12px; padding: 8px 12px; font-size: 13px; line-height: 1.2; font-weight: 600; cursor: pointer; transition: all .22s ease; box-shadow: 0 4px 14px rgba(31,43,55,0.04); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .hp-modal .hp-quick-btn:hover { background: rgba(98,201,170,0.12); border-color: rgba(98,201,170,0.22); transform: translateY(-1px); } .hp-modal .hp-quick-btn:active { transform: scale(0.98); } .hp-modal .hp-message-trust { background: rgba(98,201,170,0.08) !important; border: 1px solid rgba(98,201,170,0.18) !important; border-radius: 18px; padding: 14px 16px; margin: 0 0 16px; box-shadow: 0 8px 24px rgba(31,43,55,0.04); } .hp-modal .hp-message-trust__title { display: flex; align-items: center; gap: 6px; font-size: 16px; line-height: 1.2; font-weight: 700; color: #24324a; margin-bottom: 10px; } .hp-modal .hp-message-trust__title::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #62c9aa; box-shadow: 0 0 0 4px rgba(98,201,170,0.15); flex: 0 0 10px; } .hp-modal .hp-message-trust__items { display: flex; flex-direction: column; gap: 8px; } .hp-modal .hp-message-trust__item { font-size: 14px; line-height: 1.45; color: #5c667a; } /* --------------------------------------------------------- ARROTONDA - Conversazione dentro l'iframe del pannello desktop Scope: .arr-thread-frame (classe sull' dell'iframe, aggiunta solo da arrStyleThreadFrame). Vale solo desktop, non tocca il mobile. --------------------------------------------------------- */ .arr-thread-frame body.arr-message-thread-page .site-content, .arr-thread-frame body.arr-message-thread-page #content, .arr-thread-frame body.arr-message-thread-page .hp-page__content { padding: 0 !important; } /* --------------------------------------------------------- ARROTONDA - Messaggi desktop: profilo /profilo/messaggi/ Scope: solo desktop/tablet, non tocca mobile. Rimuove ricerca, filtri, non letti, archiviate e allegati dal mockup. --------------------------------------------------------- */ @media (min-width: 769px) { body.arr-profile-messages-desktop-page { background: #f7f9fc !important; } body.arr-profile-messages-desktop-page .site-content, body.arr-profile-messages-desktop-page #content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 52px clamp(32px, 4vw, 72px) 72px !important; background: #f8fafc !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .site-content > .container, body.arr-profile-messages-desktop-page #content > .container, body.arr-profile-messages-desktop-page .content-area, body.arr-profile-messages-desktop-page .hp-page.site-main { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page > .hp-row { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; gap: clamp(32px, 4vw, 64px) !important; align-items: start !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar, body.arr-profile-messages-desktop-page .hp-page__sidebar.hp-col-sm-4 { float: none !important; grid-column: 1 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account.widget { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account ul { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 16px !important; list-style: none !important; border: 1px solid rgba(16, 24, 40, 0.06) !important; border-radius: 20px !important; background: #ffffff !important; box-shadow: 0 14px 32px rgba(16, 24, 40, 0.08) !important; overflow: hidden !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account li { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; list-style: none !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account li::before, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account li::after { content: none !important; display: none !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account li + li { margin-top: 0 !important; border-top: 1px solid #edf1f4 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account .hp-menu__item--user-logout { margin-top: 0 !important; padding-top: 0 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 64px !important; margin: 0 !important; padding: 0 36px 0 62px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #172036 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.2 !important; text-decoration: none !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account a::before { position: absolute !important; top: 50% !important; left: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; min-width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; border-radius: 13px !important; background: #f2f5f7 !important; box-shadow: none !important; color: #344054 !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu__item--listings-edit a::before { content: "\f0b1" !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu__item--listings-favorite a::before { content: "\f004" !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu__item--messages-thread a::before { content: "\f0e0" !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu__item--user-edit-settings a::before { content: "\f013" !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu__item--user-logout a::before { content: "\f2f5" !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account a::after { content: none !important; display: none !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account a:hover, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account .current-menu-item > a, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account .hp-menu__item--current > a { background: rgba(0, 168, 107, 0.10) !important; color: #087a55 !important; font-weight: 800 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account a:hover::before, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account .current-menu-item > a::before, body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account .hp-menu__item--current > a::before { background: rgba(0, 168, 107, 0.12) !important; color: #087a55 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account span { display: inline-block !important; min-width: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: 1.2 !important; letter-spacing: 0 !important; } body.arr-profile-messages-desktop-page .hp-page__sidebar .hp-menu--user-account small { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; height: 20px !important; margin-left: 8px !important; padding: 0 6px !important; border-radius: 999px !important; background: #0b8f63 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; } body.arr-profile-messages-desktop-page .hp-page__content { display: grid !important; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) !important; grid-template-areas: "hero hero" "list panel" !important; /* Riga "list/panel" = 1fr: lista e pannello occupano lo stesso track, quindi hanno sempre la stessa altezza anche con pochi messaggi. Il min-height del contenitore fa da pavimento quando il contenuto e' corto. */ grid-template-rows: auto 1fr !important; gap: 14px 18px !important; align-items: stretch !important; min-height: 800px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-hero { grid-area: hero !important; display: block !important; min-height: 124px !important; padding: 0 0 22px !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-hero__mark { display: block !important; width: 42px !important; height: 4px !important; margin: 0 0 18px !important; border-radius: 999px !important; background: #008c5a !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-hero h1 { margin: 0 0 10px !important; color: #182230 !important; font-size: 40px !important; font-weight: 850 !important; line-height: 1.08 !important; letter-spacing: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-hero p { margin: 0 !important; color: #475467 !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 400 !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 64px !important; height: 64px !important; min-width: 64px !important; border-radius: 50% !important; background: #e8f5ef !important; color: #008c5a !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; object-fit: cover !important; overflow: hidden !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-avatar--large { width: 56px !important; height: 56px !important; min-width: 56px !important; } body.arr-profile-messages-desktop-page img.arr-message-desktop-avatar { display: block !important; padding: 0 !important; object-fit: cover !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-avatar--placeholder { background: #e8f5ef !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; min-width: 22px !important; border-radius: 999px !important; background: #008c5a !important; color: #ffffff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-badge:empty { display: none !important; } body.arr-profile-messages-desktop-page table.hp-messages.arr-messages-source-hidden { display: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-list { grid-area: list !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 18px !important; border: 1px solid rgba(16, 24, 40, 0.08) !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 18px 45px rgba(16, 24, 40, 0.06) !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card { position: relative !important; display: grid !important; grid-template-columns: 64px minmax(0, 1fr) auto !important; gap: 14px !important; align-items: center !important; width: 100% !important; min-height: 96px !important; margin: 0 !important; padding: 14px 48px 14px 12px !important; border: 0 !important; border-bottom: 1px solid rgba(16, 24, 40, 0.08) !important; border-radius: 0 !important; background: transparent !important; color: inherit !important; text-align: left !important; box-shadow: none !important; cursor: pointer !important; box-sizing: border-box !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-item { position: relative !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-item:last-child .arr-messages-desktop-thread-card { border-bottom: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-delete { position: absolute !important; top: 50% !important; right: 12px !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #98a2b3 !important; box-shadow: none !important; font-size: 14px !important; cursor: pointer !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-delete:hover, body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-delete:focus-visible { background: #fee4e2 !important; color: #b42318 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-delete:disabled, body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-delete--loading { opacity: 0.45 !important; cursor: wait !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-list__empty { margin: auto !important; padding: 24px 12px !important; color: #98a2b3 !important; font-size: 14px !important; line-height: 1.45 !important; text-align: center !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card--active { margin-bottom: 8px !important; border: 1px solid rgba(0, 168, 107, 0.20) !important; border-radius: 8px !important; background: linear-gradient(90deg, rgba(0, 168, 107, 0.10), rgba(255, 255, 255, 0.96)) !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card__avatar { display: block !important; position: relative !important; width: 64px !important; height: 64px !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__avatar { position: relative !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__profile-avatar { display: block !important; width: 56px !important; height: 56px !important; border-radius: 50% !important; color: inherit !important; text-decoration: none !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-status { position: absolute !important; right: 2px !important; bottom: 2px !important; width: 15px !important; height: 15px !important; border-radius: 50% !important; border: 2px solid #ffffff !important; box-shadow: 0 0 0 1px rgba(16, 24, 40, 0.08) !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-status--online { background: #22c55e !important; } body.arr-profile-messages-desktop-page .arr-message-desktop-status--offline { background: #9aa5b1 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card__body { display: grid !important; gap: 7px !important; min-width: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card__body strong { display: block !important; overflow: hidden !important; color: #182230 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.22 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-thread-card__body small { display: block !important; overflow: hidden !important; color: #8a94a6 !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.25 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel { grid-area: panel !important; display: grid !important; grid-template-rows: auto minmax(360px, 1fr) auto !important; margin: 0 !important; border: 1px solid rgba(16, 24, 40, 0.08) !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 18px 45px rgba(16, 24, 40, 0.06) !important; overflow: hidden !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; min-height: 90px !important; padding: 22px !important; border-bottom: 1px solid rgba(16, 24, 40, 0.08) !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head strong { display: block !important; color: #182230 !important; font-size: 16px !important; font-weight: 850 !important; line-height: 1.25 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__profile-name { display: block !important; width: fit-content !important; color: inherit !important; text-decoration: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head small { display: inline-flex !important; align-items: center !important; gap: 3px !important; width: fit-content !important; max-width: 100% !important; margin-top: 5px !important; padding: 5px 10px !important; border-radius: 999px !important; background: rgba(0, 168, 107, 0.12) !important; color: #007a4d !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.15 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head small a { color: inherit !important; text-decoration: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head small a:hover { text-decoration: underline !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__head .arr-message-listing-chip--loading { opacity: 0.55 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__body { display: block !important; min-height: 360px !important; padding: 28px 22px !important; background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important; overflow-y: auto !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__body.arr-messages-desktop-panel__body--frame { padding: 0 !important; overflow: hidden !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-state { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 300px !important; color: #98a2b3 !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.45 !important; text-align: center !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-state--error, body.arr-profile-messages-desktop-page .arr-messages-desktop-state--error a { color: #b42318 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-state--inline { min-height: 0 !important; margin-top: 14px !important; justify-content: flex-start !important; font-size: 13px !important; text-align: left !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-frame { display: block !important; width: 100% !important; height: 100% !important; min-height: 480px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #ffffff !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-frame--loading { opacity: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer { padding: 22px !important; border-top: 1px solid rgba(16, 24, 40, 0.08) !important; background: #ffffff !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer:empty { display: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send { display: grid !important; grid-template-columns: minmax(0, 1fr) 52px !important; gap: 14px !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send.arr-message-form--sending { opacity: 0.76 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-form__messages { grid-column: 1 / -1 !important; margin: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-form__fields, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-form__field { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-form__footer { display: block !important; margin: 0 !important; padding: 0 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-form__label, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer form.hp-form--message-send .hp-field__label { display: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer textarea, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer input[type="text"] { width: 100% !important; min-height: 52px !important; max-height: 120px !important; margin: 0 !important; padding: 15px 16px !important; border: 1px solid rgba(16, 24, 40, 0.14) !important; border-radius: 8px !important; background: #ffffff !important; color: #182230 !important; font-size: 15px !important; line-height: 1.35 !important; box-shadow: none !important; box-sizing: border-box !important; resize: none !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer button, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer button[type="submit"], body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer .hp-form__button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #008c5a !important; color: #ffffff !important; box-shadow: 0 12px 25px rgba(0, 140, 90, 0.25) !important; font-size: 0 !important; pointer-events: auto !important; cursor: pointer !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer button:disabled, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer .hp-form__button:disabled { cursor: wait !important; opacity: 0.75 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer button::before, body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer .hp-form__button::before { content: "\f1d8" !important; display: block !important; font-family: "Font Awesome 5 Free" !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1 !important; } body.arr-profile-messages-desktop-page .arr-messages-desktop-panel__footer button i { font-size: 19px !important; line-height: 1 !important; } } /* ─────────────────────────────────────────────────────────────── 50 MESSAGGI — Lista messaggi, thread, popup contatto, form messaggi — @media (max-width: 375px) ─────────────────────────────────────────────────────────────── */ @media (max-width: 375px) { .hp-modal.fancybox-content:has(.hp-form--message-send), .hp-modal:has(.hp-form--message-send) { padding: 18px 13px 14px !important; } body.arr-profile-account-mobile-page table.hp-messages tr.hp-message, body.arr-profile-account-mobile-page table.hp-messages tr.hp-message.hp-message--thread-block { grid-template-columns: 12px 58px minmax(0, 1fr) 70px 12px !important; column-gap: 8px !important; min-height: 88px !important; padding: 12px 12px !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender i { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender i::before { font-size: 30px !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender span { font-size: 15px !important; line-height: 19px !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__listing { font-size: 13px !important; line-height: 17px !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sent-date { font-size: 12px !important; line-height: 18px !important; } body.arr-message-thread-page .hp-messages.hp-grid { padding: 14px !important; } body.arr-message-thread-page .hp-message.hp-message--sent { width: calc(100% - 44px) !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block { grid-template-columns: 10px 50px minmax(0, 1fr) 76px 12px !important; column-gap: 9px !important; min-height: 90px !important; padding: 14px 12px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender .arr-message-avatar { width: 50px !important; min-width: 50px !important; max-width: 50px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender span:not(.arr-message-preview) { font-size: 15px !important; line-height: 19px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-preview { font-size: 13px !important; line-height: 18px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sent-date, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__date, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sent-date time, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__date time, body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-date-day, body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-date-hour { width: 76px !important; max-width: 76px !important; font-size: 12px !important; line-height: 17px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] { grid-template-columns: 10px minmax(0, 1fr) 76px 12px !important; column-gap: 9px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__sender > a.hp-link { grid-template-columns: 50px minmax(0, 1fr) !important; column-gap: 11px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] .arr-message-avatar { width: 50px !important; min-width: 50px !important; max-width: 50px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__sent-date, body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__date { width: 76px !important; min-width: 76px !important; max-width: 76px !important; } body.arr-message-thread-page .hp-page__content { padding-right: 14px !important; padding-left: 14px !important; } body.arr-message-thread-page .arr-message-thread-back { margin-right: 14px !important; margin-left: 14px !important; } body.arr-message-thread-page .hp-row > .arr-message-thread-title, body.arr-message-thread-page .hp-row > .arr-profile-mobile-title { margin-right: 14px !important; margin-left: 14px !important; font-size: 30px !important; line-height: 35px !important; } body.arr-message-thread-page .arr-message-thread-listing { max-width: calc(100% - 28px) !important; margin-right: 14px !important; margin-left: 14px !important; } body.arr-profile-messages-page .hp-page__content { padding-right: 14px !important; padding-left: 14px !important; } body.arr-profile-messages-page .hp-row > .arr-profile-mobile-title, body.arr-profile-messages-page .hp-row > .hp-page__title { margin-right: 14px !important; margin-left: 14px !important; font-size: 31px !important; } body.arr-profile-messages-page .arr-profile-messages-back { margin-right: 14px !important; margin-left: 14px !important; } } /* ─────────────────────────────────────────────────────────────── 50 MESSAGGI — Lista messaggi, thread, popup contatto, form messaggi — @media (max-width: 768px) ─────────────────────────────────────────────────────────────── */ @media (max-width: 768px) { .hp-modal.fancybox-content:has(.hp-form--message-send), .hp-modal:has(.hp-form--message-send) { width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; max-height: calc(100dvh - 16px) !important; padding: 20px 16px 16px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; border-radius: 20px !important; box-sizing: border-box !important; } .hp-modal .hp-quick-messages { gap: 7px !important; margin: 0 0 12px !important; } .hp-modal .hp-quick-btn { flex: 1 1 calc(50% - 7px) !important; min-height: 38px !important; padding: 7px 9px !important; font-size: 12px !important; line-height: 1.15 !important; } body.arr-message-thread-page .hp-form--message-send { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px !important; border: 1px solid rgba(16, 24, 40, 0.04) !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08) !important; box-sizing: border-box !important; } body.arr-message-thread-page .hp-form--message-send .hp-form__fields, body.arr-message-thread-page .hp-form--message-send .hp-form__field, body.arr-message-thread-page .hp-form--message-send .hp-form__footer { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.arr-message-thread-page .hp-form--message-send .hp-form__label, body.arr-message-thread-page .hp-form--message-send .hp-field__label { display: none !important; } body.arr-message-thread-page .hp-form--message-send textarea.hp-field--textarea { display: block !important; width: 100% !important; min-height: 56px !important; max-height: 130px !important; margin: 0 0 12px !important; padding: 16px 18px !important; border: 1px solid #e5e7eb !important; border-radius: 14px !important; color: #1d2939 !important; background: #ffffff !important; box-shadow: none !important; font-size: 16px !important; font-weight: 400 !important; line-height: 22px !important; resize: vertical !important; box-sizing: border-box !important; } body.arr-message-thread-page .hp-form--message-send textarea.hp-field--textarea::placeholder { color: #7a8699 !important; opacity: 1 !important; } body.arr-message-thread-page .hp-form--message-send .hp-form__button, body.arr-message-thread-page .hp-form--message-send button[type="submit"] { display: inline-flex !important; width: 100% !important; min-height: 52px !important; margin: 0 !important; padding: 0 18px !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 13px !important; color: #ffffff !important; background: linear-gradient(135deg, #00a86b, #007a4d) !important; box-shadow: 0 10px 22px rgba(0, 168, 107, 0.22) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 20px !important; text-align: center !important; } body.arr-message-thread-page .hp-form--message-send .hp-form__button span, body.arr-message-thread-page .hp-form--message-send button[type="submit"] span { color: inherit !important; font: inherit !important; } .hp-modal .hp-message-trust { margin: 0 0 12px !important; padding: 12px 13px !important; border-radius: 16px !important; } .hp-modal .hp-message-trust__title { font-size: 15px !important; margin-bottom: 8px !important; } .hp-modal .hp-message-trust__item { font-size: 13px !important; line-height: 1.35 !important; } body.arr-profile-account-mobile-page .hp-page__content .hp-messages.hp-table, body.arr-profile-account-mobile-page .hp-page__content table.hp-messages { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; box-shadow: none !important; } body.arr-profile-account-mobile-page table.hp-messages tbody { display: block !important; width: 100% !important; } body.arr-profile-account-mobile-page table.hp-messages tr.hp-message, body.arr-profile-account-mobile-page table.hp-messages tr.hp-message.hp-message--thread-block { position: relative !important; display: grid !important; grid-template-columns: 16px 74px minmax(0, 1fr) 82px 16px !important; grid-template-areas: "dot avatar main date arrow" !important; column-gap: 10px !important; align-items: center !important; width: 100% !important; min-height: 96px !important; margin: 0 0 14px !important; padding: 14px 16px !important; border: 1px solid rgba(16, 24, 40, 0.04) !important; border-radius: 20px !important; background: #ffffff !important; box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08) !important; overflow: hidden !important; box-sizing: border-box !important; } body.arr-profile-account-mobile-page table.hp-messages tr.hp-message::before { content: "" !important; grid-area: dot !important; display: block !important; width: 8px !important; height: 8px !important; margin: 0 auto !important; border-radius: 50% !important; background: #00a86b !important; } body.arr-profile-account-mobile-page table.hp-messages tr.hp-message::after { content: "" !important; grid-area: arrow !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 24px !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; color: #8a94a6 !important; } body.arr-profile-account-mobile-page table.hp-messages tr.hp-message > td { display: block !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender { display: contents !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender > a { display: contents !important; color: inherit !important; text-decoration: none !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender i { grid-area: avatar !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; border-radius: 50% !important; color: transparent !important; background: linear-gradient(145deg, #d9d9d9, #bfbfbf) !important; overflow: hidden !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender i::before { content: "A" !important; color: #ffffff !important; font-family: inherit !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1 !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sender span { grid-area: main !important; display: block !important; align-self: end !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 7px !important; overflow: hidden !important; color: #101828 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 20px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__listing { grid-area: main !important; align-self: start !important; min-width: 0 !important; margin-top: 24px !important; overflow: hidden !important; color: #667085 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__listing:empty::before { content: "Ciao, sono interessato al tuo annuncio." !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__listing a { display: block !important; overflow: hidden !important; color: #667085 !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__listing i { display: none !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sent-date { grid-area: date !important; align-self: center !important; color: #8a94a6 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 19px !important; text-align: left !important; } body.arr-profile-account-mobile-page table.hp-messages td.hp-message__sent-date time { display: block !important; max-width: 82px !important; overflow: hidden !important; color: inherit !important; font: inherit !important; text-overflow: ellipsis !important; white-space: normal !important; } body.arr-message-thread-page .hp-messages.hp-grid { display: flex !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px !important; padding: 16px !important; flex-direction: column !important; gap: 10px !important; border: 1px solid rgba(16, 24, 40, 0.04) !important; border-radius: 8px !important; background: #ffffff !important; box-shadow: 0 12px 30px rgba(16, 24, 40, 0.08) !important; box-sizing: border-box !important; } body.arr-message-thread-page .hp-message.hp-message--view-block { position: relative !important; display: block !important; width: fit-content !important; min-width: 180px !important; max-width: 82% !important; margin: 0 !important; padding: 12px 16px !important; border: 0 !important; border-radius: 14px !important; background: #f2f5f9 !important; box-shadow: none !important; box-sizing: border-box !important; } body.arr-message-thread-page .hp-message.hp-message--sent { width: fit-content !important; margin-left: auto !important; padding-right: 42px !important; background: #eaf8f2 !important; } body.arr-message-thread-page .hp-message__header { display: block !important; margin: 0 0 5px !important; padding: 0 !important; border: 0 !important; } body.arr-message-thread-page .hp-message__details { display: block !important; margin: 0 !important; padding: 0 !important; } body.arr-message-thread-page .hp-message__sender, body.arr-message-thread-page .hp-message__sender a { display: block !important; margin: 0 0 2px !important; color: #1d2939 !important; font-size: 14px !important; font-weight: 800 !important; line-height: 18px !important; text-decoration: none !important; } body.arr-message-thread-page .hp-message__sender a[aria-disabled="true"] { pointer-events: none !important; cursor: default !important; } body.arr-message-thread-page .hp-message__date, body.arr-message-thread-page .hp-message__sent-date { display: block !important; margin: 0 !important; color: #667085 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 15px !important; letter-spacing: 0.01em !important; text-transform: none !important; } body.arr-message-thread-page .hp-message__content, body.arr-message-thread-page .hp-message__text, body.arr-message-thread-page .hp-message__text p { display: block !important; margin: 0 !important; padding: 0 !important; color: #1d2939 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 21px !important; word-break: break-word !important; } body.arr-message-thread-page .hp-message__listing, body.arr-message-thread-page .hp-message__listing.arr-message-listing-moved { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.arr-message-thread-page .hp-message__action--delete { position: absolute !important; top: 10px !important; right: 12px !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent !important; color: #98a2b3 !important; font-size: 13px !important; line-height: 1 !important; text-decoration: none !important; visibility: visible !important; opacity: 1 !important; cursor: pointer !important; } body.arr-message-thread-page .hp-message__action--delete:hover, body.arr-message-thread-page .hp-message__action--delete:focus-visible { background: #fee4e2 !important; color: #b42318 !important; } body.arr-message-thread-page .hp-message.hp-message--sent::after { content: "" !important; position: absolute !important; top: auto !important; right: 14px !important; bottom: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; color: #008f5f !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages, body.arr-profile-messages-page .hp-page__content table.hp-messages.hp-table { display: block !important; width: 100% !important; max-width: 100% !important; margin: 28px 0 0 !important; padding: 0 !important; border: 0 !important; border-collapse: separate !important; background: transparent !important; box-shadow: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tbody { display: block !important; width: 100% !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block { position: relative !important; display: grid !important; grid-template-columns: 14px 58px minmax(0, 1fr) 88px 16px !important; grid-template-areas: "dot avatar sender date arrow" "dot avatar preview date arrow" !important; column-gap: 12px !important; row-gap: 4px !important; align-items: center !important; align-content: center !important; width: 100% !important; min-height: 96px !important; margin: 0 0 14px !important; padding: 16px 16px !important; border: 1px solid rgba(16, 24, 40, 0.04) !important; border-radius: 20px !important; background: #ffffff !important; box-shadow: 0 14px 34px rgba(16, 24, 40, 0.08) !important; overflow: hidden !important; cursor: pointer !important; box-sizing: border-box !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block::before { content: "" !important; grid-area: dot !important; display: block !important; width: 8px !important; height: 8px !important; margin: 0 auto !important; border-radius: 50% !important; background: #00a86b !important; box-shadow: 0 0 0 3px rgba(0, 168, 107, 0.08) !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block::after { content: "" !important; grid-area: arrow !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 16px !important; height: 24px !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; color: #8a94a6 !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block > td { display: block !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender > a { display: contents !important; color: inherit !important; text-decoration: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender i.hp-icon, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender i.fas, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender i::before { display: none !important; content: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender .arr-message-avatar { grid-area: avatar !important; display: block !important; align-self: center !important; justify-self: center !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #d1d5db !important; box-shadow: none !important; object-fit: cover !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sender span:not(.arr-message-preview) { grid-area: sender !important; display: block !important; align-self: end !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; color: #182230 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 20px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-preview { grid-area: preview !important; display: block !important; align-self: start !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; color: #475467 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 19px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__listing { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sent-date, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__date { grid-area: date !important; display: block !important; align-self: center !important; justify-self: end !important; width: 88px !important; max-width: 88px !important; overflow: hidden !important; color: #8a94a6 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 18px !important; text-align: left !important; white-space: normal !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__sent-date time, body.arr-profile-messages-page .hp-page__content table.hp-messages td.hp-message__date time, body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-date-day, body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-date-hour { display: block !important; width: 88px !important; max-width: 88px !important; overflow: hidden !important; color: inherit !important; font: inherit !important; line-height: 18px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages .arr-message-date-hour { margin-top: 8px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] { display: grid !important; grid-template-columns: 14px minmax(0, 1fr) 88px 16px !important; grid-template-areas: "dot sender date arrow" !important; column-gap: 12px !important; row-gap: 0 !important; align-items: center !important; align-content: center !important; min-height: 96px !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"]::before { grid-area: dot !important; display: block !important; content: "" !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__sender { grid-area: sender !important; display: block !important; align-self: center !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__sender > a.hp-link { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; grid-template-areas: "avatar name" "avatar preview" !important; column-gap: 14px !important; row-gap: 4px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; color: inherit !important; text-align: left !important; text-decoration: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] .arr-message-avatar { grid-area: avatar !important; display: block !important; align-self: center !important; justify-self: center !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; border-radius: 50% !important; object-fit: cover !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] td.hp-message__sender > a.hp-link > span:not(.arr-message-preview) { grid-area: name !important; display: block !important; align-self: end !important; justify-self: stretch !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; color: #182230 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 20px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] td.hp-message__sender > a.hp-link > .arr-message-preview { grid-area: preview !important; display: block !important; align-self: start !important; justify-self: stretch !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; color: #475467 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 19px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__listing { display: none !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__sent-date, body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"] > td.hp-message__date { grid-area: date !important; display: block !important; align-self: center !important; justify-self: end !important; width: 88px !important; min-width: 88px !important; max-width: 88px !important; text-align: left !important; } body.arr-profile-messages-page .hp-page__content table.hp-messages tr.hp-message.hp-message--thread-block[data-arr-messages-list-enhanced="1"]::after { grid-area: arrow !important; align-self: center !important; justify-self: end !important; } .hp-page__title.arr-profile-mobile-title, .hp-page__title.arr-profile-mobile-title.arr-message-thread-title, .hp-page__title.arr-vendor-listings-title, body.hp-template--listings-edit-page .hp-row > .hp-page__title.arr-profile-mobile-title, body.hp-template--listings-edit-page .hp-row > .arr-profile-mobile-title, body.arr-profile-account-mobile-page .hp-row > .hp-page__title.arr-profile-mobile-title, body.arr-profile-account-mobile-page .hp-row > .arr-profile-mobile-title, body.arr-profile-favorites-page .hp-row > .hp-page__title.arr-profile-mobile-title, body.arr-profile-favorites-page .hp-row > .arr-profile-mobile-title, body.arr-profile-messages-page .hp-row > .hp-page__title.arr-profile-mobile-title, body.arr-profile-messages-page .hp-row > .arr-profile-mobile-title, body.arr-message-thread-page .hp-row > .hp-page__title.arr-profile-mobile-title, body.arr-message-thread-page .hp-row > .arr-message-thread-title, body.arr-vendor-profile-page .hp-row > .hp-page__title.arr-vendor-listings-title, body.arr-vendor-profile-page .hp-row > .arr-vendor-listings-title, body.arr-vendor-profile-page .hp-vendor__name, .hp-vendor__name { font-size: clamp(24px, 6.4vw, 32px) !important; font-weight: 850 !important; line-height: 1.04 !important; letter-spacing: 0 !important; overflow-wrap: anywhere !important; } body.hp-template--listings-edit-page .site-container, body.arr-profile-account-mobile-page .site-container, body.arr-profile-favorites-page .site-container, body.arr-profile-messages-page .site-container, body.arr-message-thread-page .site-container, body.hp-template--listings-edit-page .site-header, body.arr-profile-account-mobile-page .site-header, body.arr-profile-favorites-page .site-header, body.arr-profile-messages-page .site-header, body.arr-message-thread-page .site-header, body.hp-template--listings-edit-page .site-content, body.arr-profile-account-mobile-page .site-content, body.arr-profile-favorites-page .site-content, body.arr-profile-messages-page .site-content, body.arr-message-thread-page .site-content, body.hp-template--listings-edit-page .site-footer, body.arr-profile-account-mobile-page .site-footer, body.arr-profile-favorites-page .site-footer, body.arr-profile-messages-page .site-footer, body.arr-message-thread-page .site-footer { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.hp-template--listings-edit-page .site-footer > .container, body.arr-profile-account-mobile-page .site-footer > .container, body.arr-profile-favorites-page .site-footer > .container, body.arr-profile-messages-page .site-footer > .container, body.arr-message-thread-page .site-footer > .container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } body.arr-message-thread-page { background: #f7f9fc !important; } body.arr-message-thread-page .site-content, body.arr-message-thread-page #content { width: 100% !important; margin: 0 !important; padding: 0 0 88px !important; background: #f7f9fc !important; } body.arr-message-thread-page .site-content > .container, body.arr-message-thread-page #content > .container, body.arr-message-thread-page .content-area, body.arr-message-thread-page .hp-page.site-main, body.arr-message-thread-page .hp-page > .hp-row { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; } body.arr-message-thread-page .hp-page__sidebar, body.arr-message-thread-page .site-sidebar { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.arr-message-thread-page .hp-page__content { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 18px 24px !important; box-sizing: border-box !important; } body.arr-message-thread-page .arr-message-thread-back { display: inline-flex !important; width: auto !important; min-height: 34px !important; margin: 18px 18px 8px !important; padding: 0 !important; align-items: center !important; justify-content: flex-start !important; gap: 11px !important; border: 0 !important; color: #667085 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 22px !important; text-align: left !important; } body.arr-message-thread-page .arr-message-thread-back i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; color: #7a8699 !important; font-size: 15px !important; line-height: 1 !important; } body.arr-message-thread-page .hp-row > .arr-message-thread-title, body.arr-message-thread-page .hp-row > .arr-profile-mobile-title { display: block !important; width: auto !important; max-width: none !important; margin: 10px 18px !important; padding: 0 !important; color: #1d2939 !important; font-size: 34px !important; font-weight: 800 !important; line-height: 39px !important; letter-spacing: 0 !important; } body.arr-message-thread-page .arr-message-thread-listing { display: inline-flex !important; max-width: calc(100% - 36px) !important; min-height: 26px !important; margin: 0 18px 5px !important; padding: 0 !important; align-items: center !important; gap: 8px !important; overflow: hidden !important; color: #475467 !important; background: transparent !important; font-size: 16px !important; font-weight: 600 !important; line-height: 22px !important; text-decoration: none !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.arr-message-thread-page .arr-message-thread-listing i { flex: 0 0 auto !important; color: #667085 !important; font-size: 15px !important; line-height: 1 !important; } body.arr-profile-messages-page { background: #f7f9fc !important; } body.arr-profile-messages-page .site-content, body.arr-profile-messages-page #content { width: 100% !important; margin: 0 !important; padding: 0 0 92px !important; background: #f7f9fc !important; } body.arr-profile-messages-page .site-content > .container, body.arr-profile-messages-page #content > .container, body.arr-profile-messages-page .content-area, body.arr-profile-messages-page .hp-page.site-main, body.arr-profile-messages-page .hp-page > .hp-row { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-sizing: border-box !important; } body.arr-profile-messages-page .hp-page__sidebar, body.arr-profile-messages-page .site-sidebar { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.arr-profile-messages-page .hp-page__content { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 18px 24px !important; box-sizing: border-box !important; } body.arr-profile-messages-page .arr-profile-messages-back { display: inline-flex !important; width: auto !important; min-height: 34px !important; margin: 18px 18px 8px !important; padding: 0 !important; align-items: center !important; justify-content: flex-start !important; gap: 11px !important; border: 0 !important; color: #667085 !important; background: transparent !important; box-shadow: none !important; font-size: 16px !important; font-weight: 500 !important; line-height: 22px !important; text-align: left !important; cursor: pointer !important; } body.arr-profile-messages-page .arr-profile-messages-back i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; color: #7a8699 !important; font-size: 15px !important; line-height: 1 !important; } body.arr-profile-messages-page .hp-row > .arr-profile-mobile-title, body.arr-profile-messages-page .hp-row > .hp-page__title { display: block !important; width: auto !important; max-width: none !important; margin: 8px 18px 6px !important; padding: 0 !important; color: #182230 !important; font-size: 34px !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: 0 !important; } body.arr-profile-messages-page .hp-row > .arr-profile-mobile-title::after, body.arr-profile-messages-page .hp-row > .hp-page__title::after { content: "Tutte le tue conversazioni" !important; display: block !important; margin-top: 8px !important; color: #8a94a6 !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.35 !important; } .hp-page__title.arr-profile-mobile-title span, .hp-page__title.arr-profile-mobile-title a, .hp-page__title.arr-profile-mobile-title.arr-message-thread-title span, .hp-page__title.arr-profile-mobile-title.arr-message-thread-title a, .hp-page__title.arr-vendor-listings-title span, .hp-page__title.arr-vendor-listings-title a, .hp-vendor__name span, .hp-vendor__name a { font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; } }