/* aurum: token della proposta "Onlovee redesign draft".
   Caricato dopo i CSS di impact: qui solo colori, font e componenti base.
   La struttura delle pagine si cambia nei file .html del tema. */
/* font ospitati qui (niente Google Fonts: privacy). Inter e Outfit, SIL Open Font License 1.1 (fonts/OFL.txt). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/au-inter-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/au-inter-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 300 500; font-display: swap; src: url(../fonts/au-outfit-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 300 500; font-display: swap; src: url(../fonts/au-outfit-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root{
  --au-bg:#0B0B0C; --au-surface:#18181A; --au-surface-2:#232326;
  --au-line:#1F1F23; --au-border:#3F3F46;
  --au-text:#F4F4F5; --au-text-2:#D4D4D8; --au-muted:#A1A1AA;
  --au-accent:#F2B92E; --au-accent-hover:#FFD56B; --au-on-accent:#111111;
  --au-online:#22C55E; --au-verified:#60A5FA;
  --au-radius:10px; --au-radius-card:14px;
  --au-font:Inter,system-ui,sans-serif; --au-font-display:Outfit,Inter,sans-serif;
}
html,body{font-family:var(--au-font);font-size:14px;line-height:1.45;color:var(--au-text);background:var(--au-bg)}
a{color:var(--au-text)} a:hover{color:var(--au-accent)}
input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{
  font:inherit;color:var(--au-text);background:var(--au-surface);border:1px solid var(--au-border);border-radius:var(--au-radius)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--au-accent);outline-offset:1px}
::selection{background:var(--au-accent);color:var(--au-on-accent)}

/* ---------- guscio membro: sidebar fissa a sinistra (markup impact, id/classi invariati) ---------- */
body, .main, .wrapper, .content, .cont_w, .column_main, .col_center, .footer { background: var(--au-bg) !important; color: var(--au-text); }
.wrapper { min-height: 100vh; }
.content .cont_w { width: auto !important; max-width: none; margin: 0 !important; padding-left: 250px; }
.content .column_main { width: auto !important; max-width: 1180px; margin: 0 auto !important; float: none; padding: 0 32px 40px; }
.col_center { width: auto !important; }

#colfix_l_bl.col.left { position: fixed !important; left: 0; top: 0 !important; bottom: 0; width: 250px; height: 100vh; margin: 0; padding: 20px 16px; overflow-y: auto; scrollbar-width: none;
  background: var(--au-bg) !important; border-right: 1px solid var(--au-line); transition: none !important; z-index: 20; }
#colfix_l_bl::-webkit-scrollbar { display: none; }
#colfix_l_bl .bl_logo, #colfix_l_bl .bl_logo a.logo { position: static; height: auto; width: auto; background: none !important; padding: 0 8px 14px; }
#colfix_l_bl .bl_logo img { max-height: 36px; width: auto; }
#colfix_l_bl #colfix_l { position: static !important; width: auto; height: auto !important; top: auto !important; background: none !important; }
#colfix_l_bl ul.nav { display: flex; flex-direction: column; gap: 1px; border-top: 1px solid var(--au-line); padding-top: 10px; margin: 0; background: none; }
#colfix_l_bl ul.nav li { border: 0 !important; background: none !important; }
#colfix_l_bl ul.nav li a { display: flex; align-items: center; gap: 10px; height: auto; padding: 8px !important; border-radius: 8px; border: 0 !important;
  background: none !important; color: #E4E4E7 !important; font: 500 14px/1.4 var(--au-font); }
#colfix_l_bl ul.nav li a:hover { background: var(--au-surface) !important; color: var(--au-accent) !important; }
#colfix_l_bl ul.nav li a.active, #colfix_l_bl ul.nav li a.selected { background: var(--au-surface) !important; color: var(--au-accent) !important; font-weight: 600; }
#colfix_l_bl ul.nav li a .icon { position: static; flex: none; margin: 0; filter: grayscale(1) brightness(1.6); opacity: .8; }
#colfix_l_bl ul.nav li a .count { position: static; margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; line-height: 20px; text-align: center;
  background: var(--au-surface-2) !important; color: var(--au-text-2) !important; font-size: 11px; font-weight: 700; }
#colfix_l_bl ul.nav li a .count.decor { background: var(--au-accent) !important; color: var(--au-on-accent) !important; }
#colfix_l_bl .bl_banner_empty, #colfix_l_bl .bl_banner { display: none; }

/* colonna destra: card scura invece della colonna colorata */
#colfix_r_bl.col.right { background: none !important; }
#colfix_r_bl .logo, #colfix_r_bl .colfix_r_bg_head { display: none; }
#colfix_r_bl #colfix_r, #colfix_r_bl .colfix_r_bg { background: var(--au-surface) !important; border-radius: var(--au-radius-card); color: var(--au-text); }

/* barra in alto: link discreti a destra */
.header, .header .header_w { background: var(--au-bg) !important; border-bottom: 1px solid var(--au-line); }
.content .cont_w ~ *, .header { padding-left: 250px; }
.header ul.nav li a { color: var(--au-text-2) !important; font: 500 13px var(--au-font); background: none !important; }
.header ul.nav li a:hover { color: var(--au-accent) !important; }

/* titoli pagina e pulsanti */
.col_center .head { border-color: var(--au-line) !important; color: var(--au-text); }
.col_center .head, .col_center .head h1, .col_center .head span { font: 600 26px/1.2 var(--au-font-display); color: var(--au-text) !important; }
.btn.pink, .btn.turquoise, .btn.blue, .btn.btn_secondary_3 { background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; border-radius: var(--au-radius); font-weight: 600; }
.btn.pink:hover, .btn.turquoise:hover, .btn.blue:hover { background: var(--au-accent-hover) !important; }
.footer, .footer .footer_w { padding-left: 250px; border-top: 1px solid var(--au-line); }
.footer ul.nav li a { color: var(--au-muted) !important; }

/* ---------- Esplora: schede utente (search_results, _list_users_info_items) ---------- */
.filter_result { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
/* display:grid !important rende .filter_result mai :hidden, quindi pages.js non toglie to_hide alle schede caricate col cambio pagina */
.filter_result > .item.au-ucard.to_hide { opacity: 1 !important; }
.filter_result > .item.au-ucard { position: relative; float: none; width: auto !important; height: 290px !important; margin: 0 !important; padding: 0; border: 0 !important;
  border-radius: var(--au-radius-card); overflow: hidden; background: var(--au-surface-2) !important; box-shadow: none; }
.au-ucard .au-ucard-link { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; color: #fff !important; }
.au-ucard img.photo { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; opacity: 1 !important; }
.au-ucard .au-ucard-info { position: relative; display: flex !important; flex-direction: column; gap: 2px; padding: 40px 60px 14px 14px; margin: 0; width: auto; height: auto;
  background: linear-gradient(transparent, rgba(11,11,12,.88)) !important; text-align: left; top: auto; bottom: auto; }
.au-ucard .au-ucard-info strong, .au-ucard .au-ucard-info strong span { font: 600 16px var(--au-font); color: #fff; }
.au-ucard .au-ucard-info .city { font-size: 12px; color: #E4E4E7; }
.au-ucard .icons_info { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; gap: 6px; pointer-events: none; }
.au-ucard .status_online { position: static; width: 10px; height: 10px; border-radius: 50%; background: var(--au-online) !important; box-shadow: 0 0 0 2px var(--au-bg); }
.au-ucard .status_verification { position: static; margin-left: auto; width: 18px; height: 18px; border-radius: 50%; background: var(--au-verified) !important; }
.au-ucard .foot { position: absolute; right: 12px; bottom: 14px; margin: 0; padding: 0; background: none; border: 0; height: auto; }
.au-ucard .like_frame { width: 40px; height: 40px; padding: 0; border-radius: 50% !important; border: 1px solid rgba(255,255,255,.3) !important; background: rgba(11,11,12,.55) !important; }
.au-ucard .like_frame .bl { display: none; }
.au-ucard .like_frame::before { content: "\2661"; font-size: 20px; line-height: 38px; color: #fff; }
.au-ucard .like_frame.active { background: var(--au-accent) !important; border-color: var(--au-accent) !important; }
.au-ucard .like_frame.active::before { content: "\2665"; color: var(--au-on-accent); }
.bl_no_one { grid-column: 1 / -1; background: var(--au-surface) !important; border: 1px solid var(--au-line) !important; border-radius: var(--au-radius-card); color: var(--au-text-2); }

/* filtro ricerca: barra scura */
.bl_filter .filter, .bl_filter .filter_tb, .bl_filter #filter_part_title { background: var(--au-surface) !important; border: 1px solid var(--au-line) !important; border-radius: var(--au-radius-card); color: var(--au-text-2); }
.bl_filter .filter_tb strong, .bl_filter .filter_tb strong span { color: var(--au-text-2) !important; font-weight: 500; }
.bl_filter .filter_tb strong span { color: var(--au-accent) !important; }
.btn.lblue { background: var(--au-surface-2) !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; border-radius: var(--au-radius); }

/* contatori vuoti nascosti, logo visibile */
#colfix_l_bl ul.nav li a .count:empty, #colfix_l_bl ul.nav li a .count[data-empty] { display: none; }
#colfix_l_bl .bl_logo { margin: 0 !important; top: auto !important; }
.header { height: auto !important; min-height: 42px; }
.header ul.nav { top: 0 !important; }
/* correzioni specificità impact (posizioni assolute della scheda) */
.module_filter_result { width: auto !important; }
.module_filter_result .filter_result { left: 0 !important; right: 0; width: auto !important; }
.filter_result .item.au-ucard .au-ucard-info { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; }
.filter_result .item.au-ucard .au-ucard-info .name { max-width: none; }
.filter_result .item.au-ucard .foot { top: auto !important; left: auto !important; width: auto !important; height: auto !important; background: none !important; box-shadow: none !important; }
.filter_result .item.au-ucard .like_frame { width: 40px !important; height: 40px !important; }
.filter_result .item.au-ucard .au-ucard-link { display: flex !important; flex-direction: column; justify-content: flex-end; text-align: left; width: auto !important; height: auto !important; }
.filter_result .item.au-ucard .au-ucard-info { align-items: flex-start; }
.au-ucard img.photo { color: transparent; font-size: 0; }
.filter_result .item.au-ucard .foot::before, .filter_result .item.au-ucard .foot::after, .filter_result .item.au-ucard::after { display: none !important; }

/* blocco "io" in testa alla sidebar */
#colfix_l_bl .au-me { display: flex; align-items: center; gap: 10px; padding: 0 8px 14px; color: var(--au-text); }
#colfix_l_bl .au-me img { flex: none; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid var(--au-accent); background: var(--au-surface-2); }
#colfix_l_bl .au-me strong { display: block; font-weight: 600; }
#colfix_l_bl .au-me span span { font-size: 12px; color: var(--au-muted); }

/* colonna destra di impact: diventa un banner sopra il contenuto (la demo non ha colonna destra) */
.content .column_main { display: flex; flex-direction: column; }
.content .column_main > .col_center { order: 2; }
#colfix_r_bl.col.right { order: 1; position: static !important; float: none; width: auto; height: auto; margin: 20px 0 0; padding: 0; background: none !important; border: 0; }
#colfix_r_bl #colfix_r { position: static !important; width: auto; height: auto !important; top: auto !important; padding: 12px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
#colfix_r_bl .colfix_r_bg { background: none !important; padding: 0; flex: 1; }
#colfix_r_bl .profile_pic { display: none; }
#colfix_r_bl .profile_sign { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; text-align: left; padding: 0; }
#colfix_r_bl .profile_sign .txt { color: var(--au-text); font: 600 14px var(--au-font); margin-right: auto; }
#colfix_r_bl .profile_sign .btn { width: auto !important; margin: 0 !important; display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; }
#colfix_r_bl .profile_sign .btn img { filter: brightness(0); }
#colfix_r_bl .profile_sign .btn.turquoise, #colfix_r_bl .profile_sign .btn.btn_secondary_3 { background: var(--au-surface-2) !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; }
#colfix_r_bl .profile_sign .btn.turquoise img { filter: none; }
#colfix_r_bl .column_lang_bl { margin: 0; }

/* barra in alto allineata */
.header ul.nav { display: flex; align-items: center; height: 42px; margin: 0; }
.header ul.nav li { float: none; height: 42px; }
.header ul.nav li a { display: flex !important; align-items: center; height: 42px; padding: 0 12px !important; line-height: 1 !important; border: 0 !important; }
.header ul.nav li a.active, .header ul.nav li a.selected { color: var(--au-accent) !important; }

/* componenti chiari di impact resi scuri */
textarea, textarea.basic_textarea, .col_center input[type=text], .col_center input:not([type]) { background: var(--au-surface) !important; color: var(--au-text) !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius); }
.jq-selectbox__select { background: var(--au-surface) !important; color: var(--au-text) !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius) !important; box-shadow: none !important; text-shadow: none !important; }
.jq-selectbox__dropdown { background: var(--au-surface-2) !important; border-color: var(--au-border) !important; color: var(--au-text); }
.jq-selectbox li:hover, .jq-selectbox li.selected { background: var(--au-surface) !important; color: var(--au-accent) !important; }
.bl_slider, .frame_loader_search_list { background: transparent !important; }
.btn.white_frame { background: transparent !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; border-radius: var(--au-radius); }
.btn.yellow { background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; border-radius: var(--au-radius); }
.item.add_photo, .item.profile_photo_frame, .pic { background-color: var(--au-surface) !important; border-color: var(--au-border) !important; border-radius: var(--au-radius-card); }

/* cookie banner */
#cookie-popup-container .cookie-popup { background: var(--au-surface) !important; color: var(--au-text) !important; border-top: 1px solid var(--au-line); }
#cookie-popup-container .cookie-popup * { color: var(--au-text-2) !important; }
#cookie-popup-container .cookie-popup-headline { color: var(--au-text) !important; font: 600 16px var(--au-font) !important; }
#cookie-popup-container .cookie-popup-accept-cookies-btn { color: var(--au-on-accent) !important; }

/* testi del contenuto: niente blu/grigi di impact */
.col_center, .col_center p, .col_center li, .col_center td, .col_center label, .col_center .txt { color: var(--au-text-2); }
.col_center h1, .col_center h2, .col_center h3, .col_center .title, .col_center .name { color: var(--au-text) !important; }
.col_center a { color: var(--au-text); }
.col_center a:hover { color: var(--au-accent); }
.col_center a.active, .col_center a.selected, .col_center li.active a, .col_center .tabs a.active, .col_center .tabs span { color: var(--au-accent) !important; border-color: var(--au-accent) !important; }
.col_center .icon_edit, .col_center span[class*=edit] { filter: grayscale(1) brightness(1.8); }
.col_center hr, .col_center .line, .col_center .head, .col_center [class*=title_line] { border-color: var(--au-line) !important; }
.column_main .col ul.nav li span.icon { filter: grayscale(1) brightness(1.6); }

/* profilo e incontri */
.col_center .info .name, .col_center .bl_name, .col_center .profile_name, .col_center [class*=name_user], .col_center .info h1 { color: var(--au-text) !important; font-family: var(--au-font-display); }
.col_center .info, .col_center .info li, .col_center .info span { color: var(--au-muted); }
.col_center .btn_encounters_no, .col_center [class*=encounters] .btn.yellow { background: transparent !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; }
.col_center .btn.green, .col_center [class*=encounters] .btn.green { background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; }
#colfix_l_bl .bl_visited_photo strong { color: var(--au-muted); font: 500 11px var(--au-font); text-transform: uppercase; letter-spacing: 1px; padding: 14px 8px 6px; display: block; }
#colfix_l_bl .bl_visited_photo .list_photo img { border-radius: 50%; }

/* profilo: grafici compatibilità, pulsanti azione, box invisibile, tab */
.statistics .count, .statistics .count *, .statistics .name_statistics, .statistics .name_statistics * { color: var(--au-text) !important; }
.statistics .name_statistics span:not(strong) { color: var(--au-muted) !important; }
.statistics .item { border-color: var(--au-line) !important; }
.btn.dgrey, .btn.btn_open_im_top { background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; border-radius: var(--au-radius); }
.btn.btn_open_im_top .decor, .btn.btn_open_im_top .decor * { color: var(--au-on-accent) !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.btn.btn_open_im_top::after, .btn.btn_open_im_top .decor::after, .btn.btn_open_im_top .decor::before { display: none !important; }
#btn_send_like.like_frame { background: transparent !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius); }
#btn_send_like.like_frame, #btn_send_like.like_frame * { color: var(--au-text) !important; }
#btn_send_like.like_frame.active { border-color: var(--au-accent) !important; }
#btn_send_like.like_frame.active, #btn_send_like.like_frame.active * { color: var(--au-accent) !important; }
a.btn_browse_invisibly { background: var(--au-surface) !important; border: 1px solid var(--au-line) !important; border-radius: var(--au-radius-card); }
a.btn_browse_invisibly, a.btn_browse_invisibly * { color: var(--au-accent) !important; }
.col_center .tabs a, .col_center [class*=tabs] a { color: var(--au-muted); }
.col_center [class*=tabs] a.active, .col_center [class*=tabs] li.active a, .col_center [class*=tabs] .active { color: var(--au-accent) !important; border-color: var(--au-accent) !important; }
table#personal_items th { color: var(--au-muted) !important; }
table#personal_items td { color: var(--au-text) !important; }
table#personal_items tr { border-color: var(--au-line) !important; }
.switch_tab a, .switch_tab span { color: var(--au-muted) !important; border-color: transparent !important; }
.switch_tab.selected a, .switch_tab.selected span, .switch_tab a.selected { color: var(--au-accent) !important; border-color: var(--au-accent) !important; }
.switch_tab.selected::after, .switch_tab.selected a::after { background: var(--au-accent) !important; border-color: var(--au-accent) !important; }
/* incontri: X neutro, stella oro; nome leggibile */
.name_hot_or_not a, .name_hot_or_not { color: var(--au-text) !important; }
.list_info li { color: var(--au-muted) !important; }
.col_center .btn.pink.large { background: transparent !important; border: 1px solid var(--au-border) !important; }
.col_center .btn.lgreen.large { background: var(--au-accent) !important; border-color: var(--au-accent) !important; }
.col_center .btn.lgreen.large:hover { background: var(--au-accent-hover) !important; }
#btn_send_like .like, #btn_send_like .like_hover { filter: invert(1) brightness(1.5); }
.filter_result .item.au-ucard .au-ucard-link { position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; }
.filter_result .item.au-ucard .icons_info { left: auto !important; right: 12px !important; top: 12px !important; width: auto !important; }
.filter_result .item.au-ucard .foot { border: 0 !important; padding: 0 !important; bottom: 14px !important; }
.filter_result .item.au-ucard .foot > :not(button) { display: none !important; }
.filter_result .item.au-ucard .au-ucard-info { padding-top: 70px !important; background: linear-gradient(transparent, rgba(11,11,12,.9)) !important; text-shadow: none; }

/* logo testuale come la demo mooDating: minuscolo, sottile */
#colfix_l_bl .bl_logo img { display: block; }

/* ================= Fase A/B: layout più vicino alla demo ================= */
.au-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* sidebar: righe più ariose, icone a linea (Font Awesome 4 già caricato), voce attiva oro */
#colfix_l_bl.col.left { padding: 22px 14px 150px; }
#colfix_l_bl ul.nav { gap: 2px; padding-top: 12px; }
#colfix_l_bl ul.nav li a, #colfix_l_bl summary { padding: 9px 10px !important; gap: 12px; }
#colfix_l_bl ul.nav li a.menu_selected { background: var(--au-surface) !important; color: var(--au-accent) !important; font-weight: 600; }
#colfix_l_bl ul.nav li a .icon, #colfix_l_bl summary .icon { width: 18px; height: auto; background: none !important; filter: none; opacity: 1; font: normal 16px/1 FontAwesome; text-align: center; }
#colfix_l_bl .column_narrow_search_results .icon::before { content: "\f14e"; }
#colfix_l_bl .column_narrow_hot_or_not .icon::before { content: "\f24d"; }
#colfix_l_bl .column_narrow_messages .icon::before { content: "\f0e5"; }
#colfix_l_bl .au-connections .icon::before { content: "\f08a"; }
#colfix_l_bl .column_narrow_profile_visitors .icon::before { content: "\f06e"; }
#colfix_l_bl .column_narrow_mutual_likes .icon::before { content: "\f004"; }
#colfix_l_bl .column_narrow_who_likes_you .icon::before { content: "\f087"; }
#colfix_l_bl .column_narrow_whom_you_like .icon::before { content: "\f006"; }
#colfix_l_bl .column_narrow_can_see_your_private_photos .icon::before { content: "\f023"; }
#colfix_l_bl .column_narrow_invite .icon::before { content: "\f003"; }
#colfix_l_bl .column_narrow_blocked .icon::before { content: "\f05e"; }
#colfix_l_bl .au-settings .icon::before { content: "\f013"; }
#colfix_l_bl .au-logout .icon::before { content: "\f08b"; }

/* gruppo Connessioni (<details> nativo) */
#colfix_l_bl details.au-group summary { display: flex; align-items: center; border-radius: 8px; color: #E4E4E7; font: 500 14px/1.4 var(--au-font); cursor: pointer; list-style: none; }
#colfix_l_bl details.au-group summary::-webkit-details-marker { display: none; }
#colfix_l_bl details.au-group summary::after { content: "\f107"; font: normal 14px FontAwesome; margin-left: auto; color: var(--au-muted); }
#colfix_l_bl details.au-group[open] summary::after { content: "\f106"; }
#colfix_l_bl details.au-group summary:hover { background: var(--au-surface); color: var(--au-accent); }
#colfix_l_bl details.au-group ul.nav { border: 0; padding: 2px 0 4px 18px; }
#colfix_l_bl details.au-group ul.nav li a { font-size: 13px; color: var(--au-text-2) !important; }
#colfix_l_bl ul.au-nav-extra { margin-top: 10px; }

/* blocco profilo + pacchetto + Upgrade, come la demo */
#colfix_l_bl .au-me { display: block; padding: 0 6px 14px; }
#colfix_l_bl .au-me .au-me-user { display: flex; align-items: center; gap: 10px; color: var(--au-text); }
#colfix_l_bl .au-me .au-me-user img { flex: none; width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid var(--au-accent); background: var(--au-surface-2); }
#colfix_l_bl .au-me .au-me-user strong { display: block; font-weight: 600; }
#colfix_l_bl .au-me .au-me-user span span { font-size: 12px; color: var(--au-muted); }
#colfix_l_bl .au-plan { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-top: 12px; font-size: 12px; color: var(--au-muted); }
#colfix_l_bl .au-plan > span { flex-basis: 100%; }
#colfix_l_bl .au-plan strong { color: var(--au-text); font-weight: 600; }
#colfix_l_bl .au-plan-1 .au-plan-free, #colfix_l_bl .au-plan:not(.au-plan-1) .au-plan-gold { display: none; }
#colfix_l_bl .au-plan-1 .au-plan-gold { color: var(--au-accent); }
#colfix_l_bl .au-upgrade { padding: 3px 10px; border-radius: 6px; background: var(--au-accent); color: var(--au-on-accent) !important; font-weight: 700; font-size: 11px; }
#colfix_l_bl .au-upgrade:hover { background: var(--au-accent-hover); }

/* Messaggi: pulsante chat fisso in basso a destra (stesso link e contatore del menu) */
#colfix_l_bl ul.nav li a.column_narrow_messages { position: fixed; right: 24px; bottom: 24px; z-index: 30; width: 52px; height: 52px; padding: 0 !important; justify-content: center; border-radius: 50%;
  background: var(--au-accent) !important; color: var(--au-on-accent) !important; font-size: 0; box-shadow: 0 6px 20px rgba(0,0,0,.45); }
#colfix_l_bl ul.nav li a.column_narrow_messages .icon { font-size: 22px; width: auto; }
#colfix_l_bl ul.nav li a.column_narrow_messages .count { position: absolute; top: -4px; right: -4px; margin: 0; background: #EF4444 !important; color: #fff !important; }

/* link legali in fondo alla sidebar (spostati lì dallo script del footer) */
#colfix_l_bl.col.left { display: flex; flex-direction: column; padding-bottom: 16px; }
#colfix_l_bl .footer.au-side-footer { position: static; margin-top: auto; width: auto; padding: 16px 8px 0 !important; background: none !important; border: 0; border-top: 1px solid var(--au-line); }
#colfix_l_bl .au-side-footer .footer_w { padding: 0 !important; width: auto !important; text-align: left !important; }
#colfix_l_bl .au-side-footer ul.nav { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 8px; float: none; margin: 0 0 6px; padding: 0; border: 0; }
#colfix_l_bl .au-side-footer ul.nav li { float: none; text-align: left !important; }
#colfix_l_bl .au-side-footer ul.nav li > span { display: none; }
#colfix_l_bl .au-side-footer ul.nav li a { display: inline !important; padding: 0 !important; font: 400 11px/1.6 var(--au-font) !important; text-transform: none !important; color: var(--au-muted) !important; background: none !important; }
#colfix_l_bl .au-side-footer ul.nav li a:hover { color: var(--au-accent) !important; }
#colfix_l_bl .au-side-footer .title_orig { display: block; float: none; position: static; font-size: 11px; color: #71717A; }
#colfix_l_bl .au-side-footer .footer-ssl-seal { display: none; }

/* barra in alto: icone a destra; Esci è nella sidebar */
.header ul.nav { justify-content: flex-end; gap: 4px; padding-right: 20px; }
.header ul.nav li.au-header-logout { display: none; }
.header ul.nav li a, .header ul.nav li.selected span { display: flex !important; align-items: center; justify-content: center; width: 38px; padding: 0 !important; }
.header ul.nav li .fa { font-size: 18px; }
.header ul.nav li.selected span { height: 42px; color: var(--au-accent) !important; }
.header ul.nav li.credits_balans_li a { width: auto; padding: 0 10px !important; }

/* card Esplora: 4 colonne, foto con angoli ampi, nome ed età sotto la foto */
.filter_result { grid-template-columns: repeat(4, 1fr) !important; gap: 18px 16px !important; }
@media (max-width: 1100px) { .filter_result { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 800px) { .filter_result { grid-template-columns: repeat(2, 1fr) !important; } }
.filter_result > .item.au-ucard { height: auto !important; overflow: visible; background: none !important; border-radius: 0; }
.filter_result .item.au-ucard .au-ucard-link { position: static !important; display: block !important; height: auto !important; }
.filter_result .item.au-ucard img.photo { position: static; display: block; aspect-ratio: 3 / 4; height: auto !important; border-radius: 18px; background: var(--au-surface-2); }
.filter_result .item.au-ucard .au-ucard-info { padding: 8px 2px 0 !important; background: none !important; }
.filter_result .item.au-ucard .au-ucard-info strong, .filter_result .item.au-ucard .au-ucard-info strong span { font: 500 14px var(--au-font); color: var(--au-text); }
.filter_result .item.au-ucard .au-ucard-info .city { color: var(--au-muted); }
/* il cuore resta in basso a destra della foto: overlay con le stesse proporzioni della foto */
.filter_result .item.au-ucard .foot { position: absolute !important; inset: 0 0 auto 0 !important; width: 100% !important; height: auto !important; aspect-ratio: 3 / 4; display: flex; align-items: flex-end; justify-content: flex-end; padding: 0 10px 10px !important; pointer-events: none; }
.filter_result .item.au-ucard .foot .like_frame { pointer-events: auto; }
/* logo testuale anche su home, login e pagine pubbliche */
/* logo admin (_files/logo/main_aurum*.png): altezza da logo_params se impostata nell'admin, altrimenti questi massimi */
#logo_main_page { display: inline-block; max-height: 48px; width: auto; cursor: pointer; }
.wrap_logo .logo img { max-height: 38px; width: auto; vertical-align: middle; }

/* correzioni dopo la prova */
#colfix_r_bl .bl_banner_empty { display: none !important; }
#colfix_r_bl #colfix_r, #colfix_r_bl .colfix_r_bg { height: auto !important; min-height: 0 !important; }
.header .header_w { width: auto !important; max-width: none; height: 42px; }
#colfix_l_bl details.au-group summary .icon { position: static !important; display: inline-block; flex: none; width: 18px !important; height: auto !important; margin: 0 !important; color: inherit; }
#colfix_l_bl ul.nav li:has(> details) { padding: 0 !important; margin: 0 !important; height: auto !important; }
#colfix_l_bl details.au-group summary .icon { padding: 0 !important; border: 0 !important; }
#colfix_l_bl .au-side-footer { display: block !important; }
#colfix_l_bl ul.nav li a .icon, #colfix_l_bl summary .icon { color: inherit !important; }
#colfix_l_bl .au-side-footer ul.nav li a { display: inline-block !important; text-transform: lowercase !important; }
#colfix_l_bl .au-side-footer ul.nav li a::first-letter { text-transform: uppercase; }

/* filtro ricerca: niente sfondo avorio di impact negli angoli, titoli e separatori scuri */
.bl_filter { background: none !important; border: 0 !important; box-shadow: none !important; }
.bl_filter .filter, .bl_filter .filter_tb { overflow: hidden; }
.bl_filter h4 { color: var(--au-muted) !important; font: 500 11px var(--au-font) !important; text-transform: uppercase; letter-spacing: .06em; }
.bl_filter .bl { border-color: var(--au-line) !important; }
.bl_filter .slider_bg { background: var(--au-surface-2) !important; }
.bl_filter a { color: var(--au-accent) !important; }
.bl_filter .filter_extended { background: var(--au-surface) !important; border-top: 1px solid var(--au-line) !important; }
.bl_filter .filter_extended .bl { border-color: var(--au-line) !important; }
.bl_filter .slider_range.ui-slider { background: var(--au-surface-2) !important; border: 0 !important; }
.bl_filter .ui-slider-range { background: var(--au-accent) !important; }
.bl_filter .ui-slider-handle { background: var(--au-text) !important; border: 2px solid var(--au-accent) !important; border-radius: 50% !important; }
.bl_filter .count_cont { background: var(--au-surface-2) !important; color: var(--au-text) !important; border-radius: 6px; }
.bl_filter .count_decor { display: none; }
.bl_filter .bl.slider a, .bl_filter .filter a:not(.btn) { color: var(--au-accent) !important; }
.bl_filter .profile_city_choose { color: var(--au-accent) !important; text-decoration: underline; cursor: pointer; }
.bl_filter .filter.select_var3, .bl_filter .part { border-radius: var(--au-radius-card); overflow: hidden; }

/* ================= Fase C ================= */
/* filtri: pannello a destra aperto dall'icona nella barra in alto (solo dove c'è il filtro) */
body:not(:has(.bl_filter)) .header li.au-filter-toggle { display: none; }
body.au-filters-open .header li.au-filter-toggle a { color: var(--au-accent) !important; }
body.au-member .bl_filter { position: fixed !important; top: 0; right: 0; bottom: 0; z-index: 40; width: 380px; max-width: 92vw; margin: 0 !important; padding: 56px 16px 24px !important;
  overflow-y: auto; background: var(--au-surface) !important; border-left: 1px solid var(--au-line) !important; box-shadow: -12px 0 40px rgba(0,0,0,.5) !important;
  transform: translateX(105%); transition: transform .25s ease; box-sizing: border-box; }
body.au-filters-open .bl_filter { transform: none !important; }
.au-filter-backdrop { position: fixed; inset: 0; z-index: 39; background: rgba(0,0,0,.5); opacity: 0; pointer-events: none; transition: opacity .25s; }
body.au-filters-open .au-filter-backdrop { opacity: 1; pointer-events: auto; }
body.au-member .bl_filter #filter_part_title { display: none !important; }
body.au-member .bl_filter #filter_part_all { height: auto !important; border: 0 !important; background: none !important; overflow: visible !important; }
body.au-member .bl_filter .filter_main { display: flex !important; flex-direction: column; gap: 18px; background: none !important; }
body.au-member .bl_filter .filter_main > .bl, body.au-member .bl_filter .filter_main .bl { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 0 16px !important;
  border: 0 !important; border-bottom: 1px solid var(--au-line) !important; position: static !important; }
body.au-member .bl_filter .filter_extended .bl { float: none !important; width: auto !important; margin: 0 0 10px !important; border: 0 !important; }
body.au-member .bl_filter .filter_extended { padding: 12px 0 !important; border: 0 !important; }
body.au-member .bl_filter .bl_slider, body.au-member .bl_filter .slider_range { width: auto !important; }
body.au-member .bl_filter::before { content: "Filtri"; position: absolute; top: 18px; left: 18px; font: 600 18px var(--au-font-display); color: var(--au-text); }

/* Incontri come lo Swipe della demo: schermo intero, card grande, pulsanti tondi */
body.au-enc #colfix_l_bl, body.au-enc #colfix_r_bl, body.au-enc .header,
body.au-enc .banner_header_bl { display: none !important; }
body.au-enc .content .cont_w { padding: 0 !important; }
body.au-enc .content { padding-bottom: 0 !important; } /* impact lascia 100px per il footer: qui c'è solo la schermata dello Swipe */
body.au-enc .content .column_main { max-width: none; height: auto !important; min-height: 100vh; box-sizing: border-box; padding: 24px 16px 40px; align-items: center; }
/* card + pulsanti in una schermata: la larghezza segue l'altezza della finestra (card 3:4, pulsanti ~120px) */
.col_encounters { position: relative; width: 100%; max-width: min(440px, calc((100vh - 140px) * .75)) !important; margin: 0 auto; float: none !important; }
/* foto e dettagli sotto i pulsanti: chiusi all'inizio, il bottone "i" li apre (.au-open) */
.col_encounters:not(.au-open) .tabs_profile { display: none !important; }
.col_encounters.au-open .choose_btn .au-swipe-info { background: var(--au-surface-2) !important; color: var(--au-accent) !important; }
.au-swipe-filter { position: fixed; top: 16px; right: 22px; z-index: 5; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--au-text) !important; }
.au-swipe-filter:hover { color: var(--au-accent) !important; }
/* compatibilità sopra il nome, scheda del profilo sotto i pulsanti */
.col_encounters .block_statistics { zoom: .62; float: none !important; width: auto !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; background: none !important; }
.col_encounters .block_statistics, .col_encounters .block_statistics * { color: #E4E4E7 !important; }
.col_encounters .tabs_profile { float: none !important; width: auto !important; margin: 24px 0 0 !important; padding: 18px 20px !important; background: var(--au-surface) !important; border: 1px solid var(--au-line) !important; border-radius: var(--au-radius-card); }
.col_encounters .tabs_profile .col_left, .col_encounters .tabs_profile .col_right { float: none !important; width: auto !important; }
.col_encounters .tabs_profile, .col_encounters .tabs_profile * { color: var(--au-text-2); background-color: transparent; }
.col_encounters .tabs_profile .title, .col_encounters .tabs_profile .title * { color: var(--au-text) !important; font-family: var(--au-font-display); }
.au-swipe-back { position: fixed; top: 18px; left: 22px; z-index: 5; font-size: 18px; color: var(--au-text) !important; }
.col_encounters .bl_profile_encounters { padding: 0 !important; background: none !important; border: 0 !important; }
.col_encounters .bl_pic_info { position: relative; width: 100% !important; height: auto !important; border-radius: 22px; overflow: hidden; background: var(--au-surface-2); box-shadow: 0 18px 50px rgba(0,0,0,.55); }
.col_encounters #photo_pic_main, .col_encounters #photo_pic_main .profile_pic_one { float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
.col_encounters #pic_main_img { display: block; width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 3 / 4; object-fit: cover; margin: 0 !important; position: static !important; }
.col_encounters .bl_pic_info .info { position: absolute !important; left: 0; right: 0; bottom: 0; top: auto !important; width: auto !important; height: auto !important; margin: 0 !important; float: none !important;
  padding: 90px 20px 18px !important; background: linear-gradient(transparent, rgba(11,11,12,.92)) !important; border: 0 !important; pointer-events: none; }
.col_encounters .bl_pic_info .info a { pointer-events: auto; }
.col_encounters .name_info, .col_encounters .bl_info { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.col_encounters .name_hot_or_not, .col_encounters .name_hot_or_not a { font: 600 24px/1.2 var(--au-font-display) !important; color: #fff !important; }
.col_encounters .list_info { display: flex; flex-wrap: wrap; gap: 0 6px; margin: 4px 0 0 !important; }
.col_encounters .list_info li { float: none !important; color: #E4E4E7 !important; font-size: 13px; }
.col_encounters .choose_btn { display: flex !important; justify-content: center; align-items: center; gap: 22px; width: auto !important; margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; }
/* i pulsanti restano sopra le finestre della chat flottante (.list_chats_bl z-index 12), che impact riapre a ogni pagina */
body.au-enc .main { z-index: auto; } /* .main ha z-index 0: senza questo i pulsanti non possono stare sopra la chat */
body.au-enc .col_encounters .choose_btn { position: relative; z-index: 13; }
.col_encounters .choose_btn .bl { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.col_encounters .choose_btn .cl { display: none; }
.col_encounters .choose_btn .btn { display: flex !important; align-items: center; justify-content: center; width: 64px !important; height: 64px !important; min-width: 0; padding: 0 !important; border-radius: 50% !important; font-size: 26px; line-height: 1;
  background: var(--au-surface) !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; box-shadow: 0 8px 24px rgba(0,0,0,.4); transition: transform .12s; }
.col_encounters .choose_btn .btn:hover { transform: scale(1.06); }
.col_encounters .choose_btn .au-swipe-no { color: #F87171 !important; }
.col_encounters .choose_btn .au-swipe-yes { width: 76px !important; height: 76px !important; font-size: 30px; background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; }
.col_encounters .choose_btn .au-swipe-profile .btn { width: 50px !important; height: 50px !important; font-size: 18px; }
/* stato vuoto come la demo: centrato nella schermata, titolo, riga di spiegazione, bottone */
body.au-enc .au-enc-empty { float: none !important; width: 100%; min-height: calc(100vh - 64px); display: flex; align-items: center; justify-content: center; }
body.au-enc .bl_no_one_encounters { max-width: 440px; margin: 0 auto; background: none !important; border: 0 !important; }
.bl_no_one_encounters .txt strong { display: block; margin: 0 0 6px; font: 600 20px/1.3 var(--au-font-display); color: var(--au-text); }
.bl_no_one_encounters .txt { color: var(--au-text-2); }
.col_encounters .list_info li, .col_encounters .list_info li span { color: #E4E4E7 !important; }
/* pannello filtri: tutto in colonna, campi a tutta larghezza */
body.au-member .bl_filter .filter_extended .bl { display: block !important; padding: 0 !important; }
body.au-member .bl_filter .filter_extended .jq-selectbox, body.au-member .bl_filter .filter_main #search_status-styler { width: 100% !important; }
body.au-member .bl_filter .filter_extended .jq-selectbox__select { width: auto !important; }
body.au-member .bl_filter .bl_slider, body.au-member .bl_filter .slider_bg, body.au-member .bl_filter #radius_slider { width: 100% !important; margin-left: 0 !important; }
body.au-member .bl_filter .bl_who .jq-selectbox { width: 80px !important; }
body.au-member .bl_filter #link_filter_extended { float: none !important; margin: 4px 0 0 !important; width: 100% !important; }
body.au-member .bl_filter .filter_main .bl:last-child { border-bottom: 0 !important; }
body.au-member .bl_filter #filter_part_all, body.au-member .bl_filter .filter_main { padding: 0 2px !important; }
body.au-member .bl_filter .bl_slider { padding: 0 11px !important; box-sizing: border-box; }
body.au-member .bl_filter .bl_who .cl_looking_your_orientation { float: none !important; margin-bottom: 8px; }

/* fila di avatar tondi in Esplora (come le storie della demo) */
.au-stories { position: relative; margin: 0 0 22px; }
.au-stories-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 48px 4px 2px; }
.au-stories-track::-webkit-scrollbar { display: none; }
.au-story { flex: none; width: 76px; display: flex; flex-direction: column; align-items: center; gap: 6px; scroll-snap-align: start; color: var(--au-text-2) !important; text-decoration: none; }
.au-story-ring { position: relative; display: block; width: 72px; height: 72px; padding: 3px; border-radius: 50%; background: linear-gradient(135deg, var(--au-accent), #B8860B); }
.au-story-ring img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--au-bg); box-sizing: border-box; background: var(--au-surface-2); }
.au-story-online { position: absolute; right: 4px; bottom: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--au-online); border: 2px solid var(--au-bg); }
.au-story-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.au-story:hover .au-story-name { color: var(--au-accent); }
.au-stories-next { position: absolute; right: 0; top: 26px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--au-border); background: var(--au-surface); color: var(--au-text); cursor: pointer; }
.au-stories-next:hover { color: var(--au-accent); }

/* popup del legacy (impostazioni, accesso, conferme…): scuri come il tema */
.pp_shadow, .pp_shadow.pp_shadow_white { background: rgba(0,0,0,.7) !important; }
.pp_cont, .pp_body .pp_cont, .popup { background: var(--au-surface) !important; color: var(--au-text) !important; border: 1px solid var(--au-line) !important; border-radius: var(--au-radius-card) !important; box-shadow: 0 20px 60px rgba(0,0,0,.6) !important; }
.pp_cont .frame, .popup .frame { border-color: var(--au-line) !important; background: none !important; }
.pp_cont .head, .popup .head { color: var(--au-text) !important; border-color: var(--au-line) !important; font: 600 17px var(--au-font-display) !important; }
.pp_cont label, .pp_cont .name, .pp_cont .label_radio, .pp_cont p, .pp_cont td, .pp_cont th, .pp_cont li, .pp_cont .txt, .popup label, .popup .txt, .popup p { color: var(--au-text-2) !important; }
.pp_cont .active_date { color: var(--au-accent) !important; }
.pp_cont .inp, .pp_cont input[type=text], .pp_cont input[type=password], .pp_cont input[type=email], .pp_cont textarea, .popup .inp, .popup input[type=text], .popup input[type=password] { background: var(--au-bg) !important; color: var(--au-text) !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius) !important; }
.pp_cont .btn, .popup .btn { background: var(--au-accent) !important; border-color: var(--au-accent) !important; color: var(--au-on-accent) !important; border-radius: var(--au-radius) !important; font-weight: 600; }
.pp_cont .btn:hover, .popup .btn:hover { background: var(--au-accent-hover) !important; }
.pp_cont .btn[disabled], .pp_cont .btn.disabled { background: var(--au-surface-2) !important; border-color: var(--au-border) !important; color: var(--au-muted) !important; }
.pp_cont a:not(.btn), .popup a:not(.btn) { color: var(--au-accent) !important; }
.pp_cont .icon_close, .pp_cont .close, .popup .icon_close, .pp_body .pp_close { filter: invert(1); opacity: .7; }
.pp_cont .spinner-blade { background: var(--au-text) !important; }

/* ================= blocco veloce ================= */
/* niente titolo grande della pagina, come la demo (la voce attiva del menu dice dove sei) */
body:not(.au-page-upgrade) .col_center > .head, .col_center .head[class*=icon_head_] { display: none !important; }
/* striscia "Aumenta la tua popolarità" (Aggiungi foto, Verifica account) solo sul proprio profilo */
body:not(.au-page-profile_view) #colfix_r_bl.col.right { display: none !important; }
.content .column_main { padding-top: 24px; }

/* pallini e spunte del legacy (immagini radiobox/checkbox) in versione oro */
.niceRadio > a, .niceCheck > a { box-sizing: border-box; width: 18px !important; height: 18px !important; background: var(--au-bg) !important; border: 2px solid var(--au-border); }
.niceRadio > a { border-radius: 50%; }
.niceCheck > a { border-radius: 5px; position: relative; }
.niceRadio > a.checked { border-color: var(--au-accent); background: var(--au-accent) !important; box-shadow: inset 0 0 0 3px var(--au-bg); }
.niceCheck > a.checked { border-color: var(--au-accent); background: var(--au-accent) !important; }
.niceCheck > a.checked::after { content: "\f00c"; position: absolute; inset: 0; font: normal 11px/14px FontAwesome; text-align: center; color: var(--au-on-accent); }
.bl_filter .rb_label[class*=field_i_am_here_to_] { background: none !important; padding-left: 8px !important; width: auto !important; }
/* liste Visite / Attrazioni come la demo: righe piatte con avatar rotondo, nome, dettagli, "quando" e affinità (_list_users_base_item_charts.html) */
.block_statistics a.item { display: flex !important; align-items: center; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 12px 4px !important;
  background: none !important; border: 0 !important; border-bottom: 1px solid var(--au-line) !important; border-radius: 0; overflow: visible; }
.block_statistics a.item:hover { background: var(--au-surface) !important; }
.block_statistics a.item .pic_info { display: flex !important; align-items: center; gap: 14px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.block_statistics a.item .pic { flex: none; float: none !important; width: 52px !important; height: 52px !important; margin: 0 !important; border-radius: 50%; overflow: hidden; }
.block_statistics a.item .pic img { width: 100% !important; height: 100% !important; object-fit: cover; }
.block_statistics a.item .info { display: flex !important; flex-direction: column; gap: 2px; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.block_statistics a.item .info .name { margin: 0 !important; padding: 0 !important; font: 600 15px/1.3 var(--au-font) !important; color: var(--au-text) !important; }
.block_statistics a.item .list, .block_statistics a.item .list span { margin: 0 !important; padding: 0 !important; font-size: 13px !important; color: var(--au-text-2) !important; }
.block_statistics a.item .time { margin: 0 !important; padding: 0 !important; font-size: 12px !important; color: var(--au-muted) !important; }
.block_statistics a.item .list, .block_statistics a.item .time { line-height: 1.4 !important; }
.block_statistics a.item .au-aff { margin-top: 2px; font-size: 13px; }
.block_statistics a.item .statistics { display: none !important; }
.block_statistics a.item .au-row-msg { margin-left: auto; flex: none; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px; background: var(--au-surface-2); color: var(--au-text); font: 600 13px var(--au-font); cursor: pointer; }
.block_statistics a.item .au-row-msg:hover { color: var(--au-accent); }
.block_statistics a.item:has(.block_btn) .au-row-msg { display: none; } /* Utenti bloccati: resta solo Sblocca */

/* ================= chat e messaggi (trovati dai test e2e) ================= */
/* finestrella chat in basso */
.list_chats_bl .chat .head > a { background: var(--au-surface-2) !important; color: var(--au-text) !important; }
.list_chats_bl .chat .head .marker { background: var(--au-online) !important; }
.list_chats_bl .chat .cont, .list_chats_bl .chat .foot, .list_chats_bl .chat .foot input { background: var(--au-surface) !important; }
.list_chats_bl .chat { border: 1px solid var(--au-line); border-radius: var(--au-radius-card) var(--au-radius-card) 0 0; overflow: hidden; }
.list_chats_bl .chat .thumb { background: var(--au-border) !important; }
.msg_check.im_msg_user { background: var(--au-accent) !important; color: var(--au-on-accent) !important; }
.msg_check.im_msg_user::before, .msg_check.im_msg_user::after { border-left-color: var(--au-accent) !important; border-right-color: var(--au-accent) !important; }
.msg_check:not(.im_msg_user) { background: var(--au-surface-2) !important; color: var(--au-text) !important; }
/* menu a tendina del profilo (chat video, chiama, altre opzioni) */
.pp_info { background: var(--au-surface) !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; }
.pp_info::before, .pp_info::after { border-bottom-color: var(--au-surface) !important; border-top-color: var(--au-surface) !important; }
.pp_info a, .pp_info li { color: var(--au-text) !important; }
/* pagina conversazione e lista messaggi */
.message_chat .msg, .im_msg_one .msg { background: var(--au-surface) !important; color: var(--au-text) !important; border-radius: var(--au-radius-card); }
.im_msg_one .item:not(.answer) .msg { background: var(--au-surface-2) !important; }
.message_chat .msg::before, .message_chat .msg::after { display: none; }
.message_field_chat { background: var(--au-bg) !important; border-top: 1px solid var(--au-line); }
.message_field_chat button:not(.btn) { background: transparent !important; color: var(--au-muted); }
.message_list .item { background: var(--au-surface) !important; border: 1px solid var(--au-line); border-radius: var(--au-radius-card); margin-bottom: 8px; overflow: hidden; }
.message_list .item.unread { border-color: var(--au-accent); }
.message_list .item .data { background: var(--au-surface-2) !important; color: var(--au-muted) !important; }
.message_list .item .name, .message_list .item .name a { color: var(--au-text) !important; }
.message_chat .profile_pic button, .im_msg_one .pic button { background-color: transparent !important; background-size: cover !important; background-position: center !important; border-radius: 50%; }

/* campanella: link a Visitatori; pallino oro se impact segna visite o like nuovi (.decor sui contatori della colonna) */
.header li.au-bell a { position: relative; }
.header li.au-bell a::after { content: ""; display: none; position: absolute; top: 6px; right: 4px; width: 8px; height: 8px; border-radius: 50%; background: var(--au-accent); }
body:has(#narrow_visitors_count.decor, #narrow_who_likes_you_count.decor, #narrow_mutual_likes_count.decor) .header li.au-bell a::after { display: block; }

/* Connessioni: una voce in sidebar (pallino se c'è qualcosa di nuovo); nelle sue pagine i link diventano schede */
#colfix_l_bl ul.au-conn-links { display: none !important; }
/* padding/border/transition: azzera la regola di style.css per tutti gli span del menu, che lo allargava a ~87x31 */
#colfix_l_bl .au-conn-dot { width: 8px; height: 8px; padding: 0; border: 0; flex: none; transition: none; margin-left: auto; border-radius: 50%; background: var(--au-accent); }
#colfix_l_bl .au-conn-dot[hidden] { display: none; }
.au-tabs { display: flex; gap: 4px; margin: 0 0 20px; border-bottom: 1px solid var(--au-line); overflow-x: auto; }
.au-tabs a { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 2px solid transparent; color: var(--au-muted) !important; font: 500 14px var(--au-font); white-space: nowrap; text-decoration: none !important; }
.au-tabs a:hover { color: var(--au-text) !important; }
.au-tabs a.menu_selected { color: var(--au-text) !important; border-bottom-color: var(--au-accent); }
.au-tabs a .icon { display: none; }
.au-tabs a .count { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 99px; background: var(--au-surface-2); color: var(--au-text-2); font-size: 12px; line-height: 20px; text-align: center; }
.au-tabs a .count.decor { background: var(--au-accent); color: var(--au-on-accent); }
.au-tabs a .count:empty { display: none; }

/* stati vuoti: bottone d'azione sotto il messaggio */
.au-empty-cta { display: inline-block; margin: 14px auto 4px; padding: 9px 18px; border-radius: 99px; background: var(--au-accent); color: var(--au-on-accent) !important; font: 600 13px var(--au-font); text-decoration: none !important; }
.au-empty-cta:hover { background: var(--au-accent-hover); }
.bl_no_one { text-align: center; }


/* filtri: "Mostra risultati" in fondo al pannello; selettori età non troncati */
.au-filter-done { display: none; }
body.au-member .bl_filter .au-filter-done { display: block; width: 100%; margin-top: 18px; padding: 11px; border: 0; border-radius: 99px; background: var(--au-accent); color: var(--au-on-accent); font: 600 14px var(--au-font); cursor: pointer; }
body.au-member .bl_filter .bl_who .jq-selectbox { min-width: 76px; }

/* campanella: tendina con i contatori */
.header li.au-bell { position: relative; }
.au-bell-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 50; width: 240px; padding: 6px; border: 1px solid var(--au-line); border-radius: var(--au-radius-card); background: var(--au-surface); box-shadow: 0 12px 32px rgba(0,0,0,.5); }
.au-bell-menu[hidden] { display: none; }
.au-bell-menu a { display: flex !important; align-items: center; justify-content: space-between; width: auto !important; height: auto !important; padding: 10px 12px !important; border-radius: 8px; color: var(--au-text-2) !important; font: 500 14px var(--au-font); text-decoration: none !important; }
.au-bell-menu a:hover { background: var(--au-surface-2); color: var(--au-text) !important; }
.au-bell-menu a::after { display: none !important; }
.au-bell-menu b { min-width: 22px; padding: 1px 7px; border-radius: 99px; background: var(--au-surface-2); color: var(--au-text-2); font: 600 12px/18px var(--au-font); text-align: center; }
.au-bell-menu a.au-new b { background: var(--au-accent); color: var(--au-on-accent); }
body.au-member .bl_filter .bl_who .jq-selectbox__select-text { width: auto !important; overflow: visible; }
body.au-member .bl_filter #radius_slider .count { right: auto !important; left: -4px; }
body.au-member .bl_filter details.au-more { padding: 0 0 16px !important; border-bottom: 1px solid var(--au-line) !important; }
body.au-member .bl_filter details.au-more summary { display: flex; align-items: center; color: var(--au-text-2); font: 500 14px var(--au-font); cursor: pointer; list-style: none; }
body.au-member .bl_filter details.au-more summary::-webkit-details-marker { display: none; }
body.au-member .bl_filter details.au-more summary::after { content: "\f107"; margin-left: auto; color: var(--au-muted); font: normal 14px FontAwesome; }
body.au-member .bl_filter details.au-more[open] summary::after { content: "\f106"; }
body.au-member .bl_filter details.au-more > .bl_here { margin: 12px 0 !important; padding: 0 !important; border: 0 !important; }
.bl_no_one:has(.au-empty-cta) { display: flex !important; flex-direction: column; align-items: center; gap: 10px; height: auto !important; padding: 28px 24px !important; }
.bl_no_one:has(.au-empty-cta) .txt { padding: 0 !important; text-align: center; }
.bl_no_one .au-empty-cta { display: inline-block; margin: 4px 0 0; white-space: nowrap; }
.header .nav li.au-bell .au-bell-menu a { justify-content: space-between; text-align: left; color: var(--au-text-2) !important; line-height: 1.3 !important; }
.header .nav li.au-bell .au-bell-menu a:hover { color: var(--au-text) !important; }
body.au-member .bl_filter .filter_main details.au-more > .bl_here { display: block !important; margin: 14px 0 12px !important; }
body.au-member .bl_filter details.au-more .bl_here h4 { margin: 0 0 8px !important; }
body.au-member .bl_filter details.au-more #search_status-styler { width: auto !important; }
body.au-member .bl_filter details.au-more #search_status-styler .jq-selectbox__select { width: 160px !important; }
body.au-member .bl_filter details.au-more #search_status-styler .jq-selectbox__select-text { width: auto !important; }

.header .nav li.au-bell .au-bell-menu a span, .header .nav li.au-bell .au-bell-menu a b { color: inherit !important; }
.header .nav li.au-bell .au-bell-menu a.au-new b { color: var(--au-on-accent) !important; }

/* affinità unica sotto nome e città (_profile_charts.html), come la demo */
.au-aff { display: flex; align-items: center; gap: 6px; margin-top: 6px; color: var(--au-text-2); font: 500 14px var(--au-font); }
.au-aff[hidden], .au-aff .au-aff-v { display: none; }
.au-aff .fa { color: var(--au-accent); }
.au-aff b { color: var(--au-text); font-weight: 600; }
/* nome, città e affinità sullo stesso bordo: impact rientra nome e città di 23px, l'affinità no.
   Incontri (testo sopra la foto): via il rientro; profilo (testo accanto alla foto): il rientro serve, lo prende anche l'affinità */
.col_encounters .info .name, .col_encounters .info ul.list_info { padding-left: 0 !important; }
.cont.bl_profile:not(.bl_profile_encounters) .info .au-aff { padding-left: 23px; }
.col_encounters .au-aff { color: #E4E4E7; text-shadow: 0 1px 4px rgba(0,0,0,.6); }

/* ---------- pagine ospite: home, accesso, iscrizione (come la demo mooDating, colori aurum) ----------
   niente sidebar: via i 250px del guscio membro; niente foto a tutto schermo di impact */
.main:has(.head_top) :is(.header, .footer, .footer .footer_w, .content .cont_w, .content .cont_w ~ *) { padding-left: 0 !important; }
.main:has(.bl_join_done, .au-auth) .wrapper { margin-bottom: 0 !important; min-width: 0 !important; display: flex; flex-direction: column; align-items: center; min-height: calc(100vh - 110px); overflow: visible; padding: 0 20px; box-sizing: border-box; }
.main:has(.bl_join_done, .au-auth) .wrapper > .header, .main:has(.bl_join_done, .au-auth) .wrapper > .content { display: none !important; }
.main:has(.bl_join_done, .au-auth) .head_top { position: static !important; width: 100% !important; max-width: 1200px; margin: 0 !important; padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center; line-height: 38px; }
.main:has(.bl_join_done, .au-auth) .head_top .bl { float: none; order: 2; }
.main:has(.bl_join_done, .au-auth) .head_top .cl, .main:has(.bl_join_done, .au-auth) .head_top .fl_right > .link, .main:has(.bl_join_done, .au-auth) #pp_sign_in_open { display: none; }
.main:has(.bl_join_done, .au-auth) .bl_btn_app { position: static !important; }
.main:has(.bl_join_done, .au-auth) .bl_btn_app a { border-radius: var(--au-radius); border-color: var(--au-border) !important; background: var(--au-surface) !important; color: var(--au-text-2); }
.main:has(.bl_join_done, .au-auth) .wrap_header_cont { position: static !important; width: 100% !important; max-width: 440px; height: auto !important; margin: 0 !important; padding: 8px 0 48px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.main:has(.bl_join_done) .wrap_header_cont { max-width: 520px; }
.main:has(.bl_join_done, .au-auth) .wrap_header_cont .bl { padding: 0 !important; width: auto !important; height: auto !important; text-align: center; }
.main:has(.bl_join_done, .au-auth) .bl_logo { position: static; display: flex; justify-content: center; height: auto; width: 100%; margin: 0 0 28px; padding: 0; float: none; }
.main:has(.bl_join_done, .au-auth) .bl_logo img { max-height: 56px; }
.main:has(.bl_join_done, .au-auth) .footer .footer_w { width: auto; max-width: 1200px; border-top: 0; padding-top: 24px; }
.main:has(.bl_join_done, .au-auth) .footer { border-top: 0; }
.au-btn-block { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 48px; margin: 0 !important; float: none !important; box-sizing: border-box; font: 600 15px var(--au-font) !important; text-decoration: none; }
.btn.au-btn-ghost { background: transparent !important; border: 1px solid var(--au-border) !important; color: var(--au-text) !important; border-radius: var(--au-radius); }
.btn.au-btn-ghost:hover { border-color: var(--au-accent) !important; color: var(--au-accent) !important; }

/* home: due card foto inclinate con X e cuore, titolo, Iscriviti / Entra */
.au-landing { position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: center; }
.au-landing-cards { position: relative; width: 340px; height: 300px; margin: 0 auto 36px; }
.au-landing-card { position: absolute; top: 0; width: 210px; height: 270px; border-radius: 16px; background: var(--au-surface-2) center / cover no-repeat; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.au-landing-card.back { left: 10px; top: 16px; transform: rotate(-4deg); filter: grayscale(.4) brightness(.55); background-position: 20% center; }
.au-landing-card.front { right: 10px; transform: rotate(7deg); background-position: 75% center; }
.au-landing-btn { position: absolute; bottom: 18px; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--au-bg); font-size: 22px; box-shadow: 0 6px 16px rgba(0,0,0,.4); }
.au-landing-btn.no { left: 40px; color: #F87171; }
.au-landing-btn.yes { right: 40px; color: var(--au-accent); }
.main:has(.bl_join_done) .slogan { margin: 0 0 28px; padding: 0; font: 400 18px/1.6 var(--au-font); color: var(--au-text-2); text-shadow: none; }
.main:has(.bl_join_done) .slogan h1 { margin: 0 0 12px; font: 600 44px/1.1 var(--au-font-display); letter-spacing: -.5px; color: var(--au-text); text-shadow: none; }
.au-landing-actions { margin-bottom: 8px !important; display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 320px; margin: 0 auto; }

/* accesso e iscrizione: card centrata */
.au-auth, .au-auth .bl { width: 100%; text-align: left; }
.au-auth-card { padding: 28px 24px; background: var(--au-surface); border: 1px solid var(--au-line); border-radius: 16px; box-sizing: border-box; }
.au-auth-title { margin: 0 0 20px; font: 600 22px/1.2 var(--au-font-display); color: var(--au-text); text-align: left; text-shadow: none; }
.au-auth-step { margin: 0 0 8px; display: flex; justify-content: space-between; color: var(--au-muted); font-size: 13px; }
.au-auth-step:has(.au-auth-back) { flex-direction: row; }
.au-auth-back { color: var(--au-text-2) !important; text-decoration: none; }
.au-auth-switch { margin: 18px 0 0; text-align: center; color: var(--au-text-2); font-size: 15px; }
.au-auth-switch a { color: var(--au-accent) !important; font-weight: 600; text-decoration: none; }
.au-auth-link { color: var(--au-text) !important; font-weight: 600; font-size: 14px; text-decoration: none; }
.au-auth-link:hover { color: var(--au-accent) !important; }
.au-auth-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 4px 0 18px; }
.au-auth-row .custom_checkbox { float: none; margin: 0; color: var(--au-muted); font-size: 13px; }
.au-auth-or { position: relative; margin: 20px 0 14px; text-align: center; color: var(--au-muted); font-size: 13px; }
.au-auth-or::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid var(--au-line); }
.au-auth-or span { position: relative; padding: 0 12px; background: var(--au-surface); }
.au-auth ul.bl_social_buttons { display: flex; gap: 8px; width: auto !important; margin: 0 !important; padding: 0; float: none; }
.au-auth ul.bl_social_buttons li { flex: 1; float: none !important; width: auto !important; margin: 0 !important; }
.au-auth ul.bl_social_buttons li a { display: block; width: 100% !important; height: 44px !important; border-radius: var(--au-radius); background-size: 44px 44px !important; background-position: center !important; }
.au-auth ul.bl_social_buttons li.login_facebook a { background-color: #3b5998; }
/* campi con icona a sinistra e occhio a destra */
.au-field-icon, .au-auth .bl_inp_pos { position: relative; margin: 0 0 12px; }
.au-field-icon > .fa { position: absolute; left: 14px; top: 15px; color: var(--au-muted); font-size: 16px; pointer-events: none; }
.au-auth input.inp { display: block; width: 100% !important; height: 46px !important; box-sizing: border-box; margin: 0 !important; padding: 0 44px 0 14px !important; background: var(--au-bg) !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius) !important; color: var(--au-text) !important; font: 400 15px var(--au-font) !important; box-shadow: none !important; }
.au-field-icon input.inp { padding-left: 40px !important; }
.au-auth input.inp:focus { border-color: var(--au-accent) !important; outline: none; }
.au-eye { position: absolute; right: 6px; top: 6px; width: 34px; height: 34px; border: 0; background: none; color: var(--au-muted); cursor: pointer; font-size: 16px; }
.au-eye:hover { color: var(--au-text); }
.au-auth .error { position: static !important; margin: 6px 0 0; color: #F87171 !important; font-size: 12px; text-align: left; background: none !important; }
.au-auth .error.to_hide { display: none; }
.au-auth .icon_check { display: none !important; }
#form_login .error:not(.to_show) { height: 0; overflow: hidden; margin: 0; }
/* iscrizione: impaginazione impact (due colonne, separatore "o") annullata */
.au-join .bl_form_registration, .au-join .bl_form_registration .part { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: left; }
.au-join .part.br::after, .au-join .line_or { display: none !important; }
.au-join #step-1, .au-join #step-2 { opacity: 1 !important; }
.au-join #step-2.hide { display: none; }
.au-join .bl { margin: 0 0 14px; float: none; }
.au-join .bl > label, .au-join .bl_i_am > label { text-align: left !important; display: block; margin: 0 0 6px; color: var(--au-muted) !important; font: 500 13px var(--au-font) !important; text-shadow: none; }
.au-join .bl_inp_pos, .au-join .bl_location, .au-join .bl_i_am .bl { opacity: 1 !important; }
.au-join .inp_birth, .au-join .bl_location, .au-join .bl_i_am > .bl { display: flex !important; gap: 8px; float: none; width: auto !important; }
.au-join form[name=frm_date] { display: flex; gap: 8px; }
.au-join .inp_birth .jq-selectbox { margin: 0 !important; }
.au-join .inp_birth { flex: 1; }
.au-join .bl_location { flex-wrap: wrap; }
.au-join .separator { display: none; }
.au-join .jq-selectbox { flex: 1 1 0; width: 100% !important; min-width: 0; float: none !important; margin: 0 !important; }
.au-join .bl_location > .jq-selectbox { flex: 1 1 45%; }
.au-join .bl_location > .jq-selectbox.city { flex: 1 1 100%; }
.au-join .jq-selectbox__select-text { text-align: left; }
.au-join .jq-selectbox__select, .au-join .jq-selectbox__dropdown { width: 100% !important; box-sizing: border-box; }
.au-join .jq-selectbox__select { height: 44px !important; line-height: 44px !important; padding-left: 12px !important; background: var(--au-bg) !important; }
.au-join .jq-selectbox__select-text { width: auto !important; }
.au-join .sign.custom_checkbox { display: block; float: none; margin: 0 0 10px; color: var(--au-text-2); font-size: 13px; line-height: 1.5; text-align: left; }
.au-join .sign.custom_checkbox a { color: var(--au-accent) !important; }
.au-join .au-social-part { margin-top: 0 !important; }
.au-join #agree_error { display: block; margin-top: 8px; }
.au-join #agree_error.to_hide { display: none; }
.au-join .btn.disabled { opacity: .55; }
.au-join .css_loader_location { position: absolute; }
/* join2 (foto e captcha, ultimo passo di impact) al buio */
.card_profile { background: var(--au-surface) !important; border: 1px solid var(--au-line); border-radius: 16px !important; color: var(--au-text); overflow: hidden; }
.card_profile .part_photo { background: var(--au-surface-2) !important; }
.card_profile .part_photo .photo_add, .card_profile .upload_pic { background-color: var(--au-bg) !important; color: var(--au-text-2); }
.card_profile .name, .card_profile .title, .card_profile label { color: var(--au-text) !important; }
.card_profile input.inp.capcha, #captcha { background: var(--au-bg) !important; border: 1px solid var(--au-border) !important; border-radius: var(--au-radius) !important; color: var(--au-text) !important; height: 40px !important; }
.card_profile .capcha_img { border-radius: var(--au-radius) !important; border: 0 !important; height: 40px !important; }
@media (max-width: 600px) {
  .au-landing-cards { transform: scale(.8); margin: -20px auto 8px; }
  .main:has(.bl_join_done) .slogan h1 { font-size: 34px; }
  .main:has(.bl_join_done, .au-auth) .footer .footer_w { width: auto !important; padding-left: 16px; padding-right: 16px; }
  .au-auth-card { padding: 22px 16px; }
}

/* iscrizione: campi con icona (passo 1) */
.au-join .au-field-icon input.inp { padding-left: 40px !important; }
.au-join .bl_inp_pos.au-field-icon .error { margin-top: 6px; }
/* iscrizione, terza schermata (join2: foto e captcha di Chameleon) come le altre card */
body.au-join-card .header { display: flex; flex-direction: column-reverse; align-items: center; gap: 18px; height: auto !important; padding: 40px 20px 24px; border: 0 !important; background: none !important; }
body.au-join-card .header .logo { position: static !important; margin: 0; }
body.au-join-card .header .logo img { max-height: 56px; }
body.au-join-card .header .slogan { height: auto !important; overflow: visible !important; line-height: 1.3 !important; width: auto !important; position: static !important; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; font: 600 22px/1.2 var(--au-font-display) !important; color: var(--au-text) !important; text-shadow: none; }
body.au-join-card .header #join_step { display: none; }
.au-join2-step { font: 400 13px var(--au-font); color: var(--au-muted); }
body.au-join-card .content .cont_vc { padding-top: 8px !important; }
body.au-join-card .header .slogan > span { display: block; height: auto !important; overflow: visible !important; padding: 0 !important; }