/* qy-size-floor v1 */
/* =====================================================================
   Quyps inner pages look (v1) — profile, pages, groups, events, market, blog,
   forum, jobs, offers, settings, wallet, search, saved, albums.
   Scoped to html.qy-nl.qy-in (preview: ?qy_inner=1). Reuses the feed's tokens from
   qy-newlook.css (--brand, --ink, --paper, --line, --r …) so night mode follows them.
   Rules: keep the vendor HTML (jQuery hooks into it), one card style, 44px tap targets,
   brand teal (#0C7C8A, 5:1) for text/buttons — the light cyan is only decoration.
   ===================================================================== */

/* ---------- page frame ---------- */
html.qy-nl.qy-in #contnet .tag_page_title{font-family:var(--display)!important;font-size:28px!important;font-weight:800!important;letter-spacing:-.01em;color:var(--ink)!important;margin:6px 0 14px!important;line-height:1.15}
html.qy-nl.qy-in #contnet > .page-margin > .container,
html.qy-nl.qy-in #contnet > .container{max-width:1080px}

/* ---------- tabs (My Groups / Suggested …, Events filters, Forum …) ---------- */
html.qy-nl.qy-in #contnet ul.tag_page_nav{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px!important;padding:2px 0 4px!important;border:0!important;background:transparent!important}
html.qy-nl.qy-in #contnet ul.tag_page_nav::-webkit-scrollbar{display:none}
html.qy-nl.qy-in #contnet ul.tag_page_nav > li{flex:none;margin:0!important;padding:0!important;border:0!important;float:none!important}
html.qy-nl.qy-in #contnet ul.tag_page_nav > li > a{display:inline-flex!important;align-items:center;min-height:40px;padding:0 16px!important;border-radius:999px!important;background:var(--chip)!important;color:var(--ink2)!important;font:600 14px/1 var(--body)!important;box-shadow:none!important;border:0!important;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}
html.qy-nl.qy-in #contnet ul.tag_page_nav > li > a:hover{background:var(--brand-t)!important;color:var(--brand-d)!important}
html.qy-nl.qy-in #contnet ul.tag_page_nav > li.active > a{background:var(--ink)!important;color:var(--on-ink)!important}

/* ---------- cards ---------- */
html.qy-nl.qy-in #contnet .wow_content{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
html.qy-nl.qy-in #contnet .wo_page_hdng{display:flex!important;align-items:center;gap:10px;font:700 17px/1.25 var(--body)!important;color:var(--ink)!important;margin-bottom:12px!important}

/* ---------- forms + buttons inside the page ---------- */
html.qy-nl.qy-in #contnet .form-control,
html.qy-nl.qy-in #contnet input[type=text]:not([class*="search"]),html.qy-nl.qy-in #contnet input[type=email],html.qy-nl.qy-in #contnet input[type=number],
html.qy-nl.qy-in #contnet input[type=url],html.qy-nl.qy-in #contnet input[type=password],html.qy-nl.qy-in #contnet select,html.qy-nl.qy-in #contnet textarea{
  min-height:44px;border-radius:10px!important;border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important;font:500 16px/1.4 var(--body)!important}
html.qy-nl.qy-in #contnet textarea{min-height:96px}
html.qy-nl.qy-in #contnet .form-control:focus,html.qy-nl.qy-in #contnet input:focus,html.qy-nl.qy-in #contnet select:focus,html.qy-nl.qy-in #contnet textarea:focus{border-color:var(--brand)!important;outline:2px solid var(--brand-t)!important;outline-offset:0}
html.qy-nl.qy-in #contnet label{color:var(--ink2);font:600 15px/1.3 var(--body)}
html.qy-nl.qy-in #contnet .btn-main,html.qy-nl.qy-in #contnet .btn-main-rev,html.qy-nl.qy-in #contnet .btn-primary{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--on-brand)!important;border-radius:10px!important;min-height:44px;padding:0 18px!important;font:700 15px/42px var(--body)!important;box-shadow:none!important}   /* 42px line = text centred in the 44px button (owner 2026-10-11: Buy now / Home text sat at the top) */
html.qy-nl.qy-in #contnet .btn-main:hover,html.qy-nl.qy-in #contnet .btn-primary:hover{background:var(--brand-d)!important}
html.qy-nl.qy-in #contnet .btn-mat{border-radius:10px!important}

/* ---------- empty sections (JS fills .qy-empty with a local title + one action) ---------- */
html.qy-nl.qy-in #contnet .empty_state{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:36px 20px!important;margin:4px 0 16px;background:var(--paper)!important;border:1px solid var(--line);border-radius:var(--r);color:var(--mut)!important;font:500 15px/1.5 var(--body)!important;width:100%}
html.qy-nl.qy-in #contnet .empty_state > svg{width:56px!important;height:56px!important;opacity:.9}
html.qy-nl.qy-in #contnet .empty_state .qy-empty-t{font:800 20px/1.25 var(--display);color:var(--ink);margin:4px 0 0;text-wrap:balance}
html.qy-nl.qy-in #contnet .empty_state .qy-empty-d{max-width:46ch;margin:0;color:var(--ink2)}
html.qy-nl.qy-in #contnet .empty_state .qy-empty-a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;margin-top:6px;border-radius:10px;background:var(--brand);color:var(--on-brand)!important;font:700 15px/1 var(--body);text-decoration:none!important}
html.qy-nl.qy-in #contnet .empty_state .qy-empty-a:hover{background:var(--brand-d)}
html.qy-nl.qy-in #contnet .empty_state.qy-empty-done > :not(svg):not([class^="qy-empty"]){display:none!important}

/* =========================================================
   PROFILE (people and business pages share this header)
   ========================================================= */
html.qy-nl.qy-in .wo_user_profile .tag_cover_sec_bg{display:none!important}       /* the blurred full-width band */
html.qy-nl.qy-in .wo_user_profile .profile-container{background:transparent!important;padding-top:6px}
html.qy-nl.qy-in .wo_user_profile .profile-container > .container,
html.qy-nl.qy-in .wo_user_profile .container-fluid > .container{max-width:1000px}
/* cover: 3:1, rounded top, joined to the name card below */
html.qy-nl.qy-in .wo_user_profile .hovercard,html.qy-nl.qy-in .wo_user_profile .user-cover{border-radius:var(--r) var(--r) 0 0!important;overflow:hidden;border:1px solid var(--line)!important;border-bottom:0!important;box-shadow:none!important;background:var(--chip)!important}
html.qy-nl.qy-in .wo_user_profile .user-cover{height:auto!important;aspect-ratio:3/1;max-height:320px}
html.qy-nl.qy-in .wo_user_profile .tag_usr_prof_covr,html.qy-nl.qy-in .wo_user_profile .user-cover-reposition-container,html.qy-nl.qy-in .wo_user_profile .user-cover-reposition-w{height:100%!important}
html.qy-nl.qy-in .wo_user_profile #cover-image{width:100%!important;height:100%!important;object-fit:cover;top:0!important}
html.qy-nl.qy-in .wo_user_profile .profile_cover .btn{background:rgba(14,27,33,.62)!important;color:#fff!important;border:0!important;backdrop-filter:blur(6px);min-height:36px}
/* name card */
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr{border-radius:0 0 var(--r) var(--r)!important;border-top:0!important;padding:0 24px 0!important;position:relative}
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr .event-info-cont-small{padding-top:0!important;position:relative}
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr .user-avatar{width:132px!important;height:132px!important;min-width:132px;margin-top:-66px!important;border-radius:50%!important;border:4px solid var(--paper)!important;box-shadow:0 2px 10px rgba(14,27,33,.12)!important;background:var(--paper);overflow:hidden;position:relative;z-index:2}
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr .user-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr h3{font-family:var(--display)!important;font-size:28px!important;font-weight:800!important;letter-spacing:-.01em;color:var(--ink)!important;margin:10px 0 2px!important;line-height:1.2!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr .event_cdown{color:var(--mut)!important;font:500 15px/1.4 var(--body)!important}
html.qy-nl.qy-in .wo_user_profile .qy-home-line{margin:6px 0 0;color:var(--ink2);font:500 14.5px/1.4 var(--body);display:flex;flex-wrap:wrap;gap:4px 14px}
html.qy-nl.qy-in .wo_user_profile .qy-home-line b{color:var(--ink);font-weight:700}
/* follow / message / edit buttons */
html.qy-nl.qy-in .wo_user_profile .wow_user_page_btns{gap:8px!important;flex-wrap:wrap}
html.qy-nl.qy-in .wo_user_profile .wow_user_page_btns .btn,html.qy-nl.qy-in .wo_user_profile .wow_user_page_btns .user-follow-button .btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;line-height:1!important;min-height:44px!important;border-radius:10px!important;padding:0 16px!important;font:700 14.5px/1 var(--body)!important;box-shadow:none!important}
/* profile tabs */
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav{margin:14px -24px 0!important;padding:0 16px!important;border-top:1px solid var(--line)!important;background:transparent!important}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav ul{display:flex!important;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0!important;padding:0!important;border:0!important}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav ul::-webkit-scrollbar{display:none}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav li{flex:none;float:none!important}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav li a{display:inline-flex!important;align-items:center;gap:6px;min-height:48px;padding:0 14px!important;color:var(--ink2)!important;font:600 14.5px/1 var(--body)!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav li a:hover{color:var(--ink)!important;background:var(--chip)!important}
html.qy-nl.qy-in .wo_user_profile .user-bottom-nav li a.menuactive{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
/* left column "about" list */
html.qy-nl.qy-in .wo_user_profile .tag_page_side_no_m .event_info_blocks > div{display:flex;align-items:center;gap:10px;min-height:36px;color:var(--ink2);font:500 14.5px/1.35 var(--body)}
html.qy-nl.qy-in .wo_user_profile .tag_page_side_no_m .event_info_blocks svg{width:20px;height:20px;flex:none;color:var(--mut)}

/* =========================================================
   SETTINGS — clear left menu + one calm form column
   ========================================================= */
html.qy-nl.qy-in .tag_sett_sidebar{padding:8px!important}
html.qy-nl.qy-in .tag_sett_sidebar > li{margin:0!important}
html.qy-nl.qy-in .tag_sett_sidebar > li > a{display:flex!important;align-items:center;gap:12px;min-height:44px;padding:6px 12px!important;border-radius:10px!important;color:var(--ink)!important;font:600 14.5px/1.2 var(--body)!important;background:transparent!important}
html.qy-nl.qy-in .tag_sett_sidebar > li > a:hover{background:var(--chip)!important}
html.qy-nl.qy-in .tag_sett_sidebar > li.active > a,html.qy-nl.qy-in .tag_sett_sidebar > li > a.active{background:var(--brand-t)!important;color:var(--brand-d)!important}
html.qy-nl.qy-in .tag_sett_sidebar .tag_sett_sidebar_hdng,html.qy-nl.qy-in .tag_sett_sidebar h5,html.qy-nl.qy-in .tag_sett_sidebar .sidebar_head{font:700 13px/1.2 var(--body)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)!important;margin:14px 12px 6px!important}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){html.qy-nl.qy-in #contnet *{transition:none!important;animation:none!important}}

/* ---------- phones ---------- */
@media (max-width:767px){
  html.qy-nl.qy-in #contnet .tag_page_title{font-size:24px!important}
  html.qy-nl.qy-in .wo_user_profile .user-cover{aspect-ratio:2/1}
  html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr{padding:0 16px!important}
  html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr .user-avatar{width:104px!important;height:104px!important;min-width:104px;margin-top:-52px!important}
  html.qy-nl.qy-in .wo_user_profile .tag_page_name_hdr h3{font-size:24px!important}
  html.qy-nl.qy-in .wo_user_profile .user-bottom-nav{margin:12px -16px 0!important}
}

/* ---------- Wondertag floating-label fields (.tag_field: input + span label) ---------- */
html.qy-nl.qy-in #contnet .tag_field>input,html.qy-nl.qy-in #contnet .tag_field>select,html.qy-nl.qy-in #contnet .tag_field>textarea,html.qy-nl.qy-in #contnet .tag_field>.dropdown.bootstrap-select{
  min-height:56px;height:auto;padding:24px 14px 8px!important;background:var(--paper)!important}
html.qy-nl.qy-in #contnet .tag_field>select{height:56px}
html.qy-nl.qy-in #contnet .tag_field>input+span,html.qy-nl.qy-in #contnet .tag_field>textarea+span,html.qy-nl.qy-in #contnet .tag_field>select+span,html.qy-nl.qy-in #contnet .tag_field>.dropdown.bootstrap-select+span{
  padding:8px 15px 0!important;font:600 13px/1.2 var(--body)!important;color:var(--mut)!important}
html.qy-nl.qy-in #contnet .tag_field>input:not(:focus):placeholder-shown+span,html.qy-nl.qy-in #contnet .tag_field>textarea:not(:focus):placeholder-shown+span{padding:18px 15px 0!important;font:500 15px/1.2 var(--body)!important}
html.qy-nl.qy-in #contnet .tag_field>input+span::after,html.qy-nl.qy-in #contnet .tag_field>textarea+span::after,html.qy-nl.qy-in #contnet .tag_field>select+span::after{display:none}
html.qy-nl.qy-in #contnet .tag_field>input:focus+span,html.qy-nl.qy-in #contnet .tag_field>select:focus+span{color:var(--brand)!important}
/* the plan box under the form (VIP Member / Membership) */
html.qy-nl.qy-in #contnet .tag_refund_req{background:var(--chip)!important;border:1px solid var(--line);border-radius:var(--r)!important;color:var(--ink)!important}
html.qy-nl.qy-in #contnet input[type=tel],html.qy-nl.qy-in #contnet input[type=date],html.qy-nl.qy-in #contnet input[type=search]:not([class*="search"]),html.qy-nl.qy-in #contnet input:not([type]),html.qy-nl.qy-in #contnet .tag_field>input{
  border-radius:10px!important;border:1px solid var(--line)!important;background:var(--paper)!important;color:var(--ink)!important;box-shadow:none!important;font:500 15px/1.4 var(--body)!important}

/* ---------- search page: one real search bar (stock input auto-sizes to the word and shrinks to a dot) ---------- */
html.qy-nl.qy-in #contnet .tag_srch_input{display:flex!important;gap:8px;max-width:620px;margin:0 auto 14px}
html.qy-nl.qy-in #contnet .tag_srch_input #query{flex:1 1 auto;width:auto!important;min-width:0;height:48px;padding:0 16px!important;text-align:left!important;font-size:16px!important}
html.qy-nl.qy-in #contnet .tag_srch_input .btn{width:48px;min-width:48px;height:48px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
html.qy-nl.qy-in #contnet .tag_srch_filters{flex-wrap:wrap;justify-content:center;gap:8px}

/* ---------- forum: the sidebar ad renders full-screen-wide above the forum; fit it to the column as a compact card ---------- */
html.qy-nl.qy-in #sidebar-sticky-forum{max-width:760px;margin:0 auto 16px;padding:0 15px}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-wrapper-forum{display:flex!important;align-items:center;gap:14px;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;overflow:hidden;padding:0!important;position:relative}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-wrapper-forum img{width:180px!important;max-width:40%;height:auto!important;max-height:120px;object-fit:cover;flex:0 0 auto}
html.qy-nl.qy-in #sidebar-sticky-forum .sponsored{position:absolute;top:8px;left:8px;z-index:1}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-footer-forum{flex:1 1 auto;min-width:0;height:auto!important;padding:14px 16px 14px 0!important;background:none!important}
html.qy-nl.qy-in #sidebar-sticky-forum .ad-title-forum{font:700 16px/1.3 var(--body)!important;color:var(--ink)!important;margin:0 0 4px!important;height:auto!important}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-footer-forum *{color:var(--ink2)}
html.qy-nl.qy-in #contnet .empty_state.qy-empty-dup{display:none!important}
/* forum ad: picture on top (ad images are wide banners), text below */
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-wrapper-forum{flex-direction:column;align-items:stretch;gap:0}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-body-forum{width:100%!important;max-width:none!important;height:auto!important;background:var(--chip)}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-wrapper-forum img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:200px;object-fit:contain}
html.qy-nl.qy-in #sidebar-sticky-forum .sidebar-ad-footer-forum{padding:12px 16px 14px!important;width:auto!important}

/* the "new posts" pill is empty until posts arrive; stock CSS hides it by padding:0, which the button rule above overrode */
html.qy-nl .posts-count:empty{display:none!important}
/* product box in the feed: Save / Contact seller / Buy now / More info all the same height, text centred (owner 2026-10-11) */
html.qy-nl.qy-in #contnet .tag_post_prods_btns .btn,html.qy-nl.qy-in .tag_post_prods_btns .btn{min-height:40px!important;height:40px!important;line-height:40px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle}