/* ==========================================================================
   Yeni dizayn — Reytinq ([qt_reyting]) və Mükafatlarım → reytinq kartı.
   Markup plaginindir (qt-abune/assets/reyting.css əsas düzülüşü verir); burada
   onun dəyişənləri yeni palitraya bağlanır və yeni dizaynın dili əlavə olunur:
   altıbucaq avatar / medal / rütbə, Archivo (sıxılmış rəqəmlər), Josefin Sans
   etiketlər, sarı əsas düymə və seçim. Yalnız body.qv altında.
   ========================================================================== */

body.qv .qt-rt,
body.qv .qt-rt-teaser {
	--rt-ink: var(--qv-navy);
	--rt-mute: var(--qv-mute);
	--rt-line: var(--qv-line);
	--rt-soft: var(--qv-mist);
	--rt-card: var(--qv-paper);
	--rt-acc: var(--qv-blue);
	--rt-acc-bg: var(--qv-sky);
	--rt-hero: var(--qv-navy);
	--rt-hero-2: #0F3B8F;
	--rt-mark: var(--qv-marker);
	--rt-on-mark: var(--qv-navy);
	--rt-gold-bg: #FFF4CC;
	--rt-silver-bg: var(--qv-mist);
	--rt-bronze-bg: #FBEDE2;
	--rt-r: 16px;
	--rt-hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	--rt-top: calc(var(--qv-bar, 60px) + var(--wp-admin--admin-bar--height, 0px) + 16px);
	font-family: var(--qv-f-ui);
}
body.qv .qt-rt { max-width: none; }

/* ---------- yazı ---------- */
.qv .qt-rt .qt-rt-lab,
.qv .qt-rt .qt-rt-chips__l,
.qv .qt-rt .qt-rt-bdg__g h3,
.qv .qt-rt-teaser .qt-rt-teaser__pz small { font-family: var(--qv-f-brand); font-weight: 600; letter-spacing: .11em; padding-top: .14em; }
.qv .qt-rt .qt-rt-h1 { font-size: 34px; font-size: clamp(2rem, 7vw, 3.25rem); font-weight: 800; font-stretch: 76%; letter-spacing: -.012em; line-height: 1; }
.qv .qt-rt .qt-rt-h2 { font-size: 1.1875rem; font-weight: 800; font-stretch: 84%; line-height: 1.15; }
.qv .qt-rt .qt-rt-empty h3 { font-stretch: 84%; font-size: 1.1875rem; }
.qv .qt-rt .qt-rt-seat__v b,
.qv .qt-rt .qt-rt-me__pos > b,
.qv .qt-rt .qt-rt-val b,
.qv .qt-rt .qt-rt-pos,
.qv .qt-rt .qt-rt-seat__ped,
.qv .qt-rt .qt-rt-how__ls em,
.qv .qt-rt .qt-rt-mebar b { font-stretch: 72%; font-weight: 800; }
.qv .qt-rt .qt-rt-seat__v b { font-size: 24px; }
.qv .qt-rt .qt-rt-me__pos > b { font-size: 52px; }
.qv .qt-rt .qt-rt-val b { font-size: 19px; }
.qv .qt-rt .qt-rt-pos { font-size: 18px; }
.qv .qt-rt .qt-rt-seat__ped { font-size: 34px; }
.qv .qt-rt .qt-rt-how__ls em { font-size: 17px; }
.qv .qt-rt .qt-rt-seat__n,
.qv .qt-rt .qt-rt-who b,
.qv .qt-rt .qt-rt-me__who b,
.qv .qt-rt .qt-rt-prz__ls b,
.qv .qt-rt .qt-rt-how__ls b,
.qv .qt-rt .qt-rt-bdg__g b { font-stretch: 94%; }

/* ---------- ikonlar ---------- */
.qv .qt-rt .qv-rt-ic,
.qv .qt-rt-teaser .qv-rt-ic { display: inline-grid; align-items: center; justify-items: center; flex: none; color: var(--qv-blue); line-height: 0; }
.qv .qt-rt .qv-rt-ic .qv-ic { width: 20px; height: 20px; }
.qv .qt-rt .qt-rt-h2 .qv-rt-ic { width: 32px; height: 36px; background: var(--qv-sky); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-h2 .qv-rt-ic .qv-ic { width: 18px; height: 18px; }
.qv .qt-rt .qt-rt-status .qv-rt-ic { color: var(--qv-marker); }
.qv .qt-rt .qt-rt-status .qv-rt-ic .qv-ic { width: 16px; height: 16px; }
.qv .qt-rt .qt-rt-seat__pz .qv-rt-ic { color: var(--qv-marker); }
.qv .qt-rt .qt-rt-seat__pz .qv-rt-ic .qv-ic { width: 14px; height: 14px; }
.qv .qt-rt .qt-rt-b .qv-rt-ic--b .qv-ic { width: 15px; height: 15px; }
.qv .qt-rt .qt-rt-empty > .qv-rt-ic { width: 64px; height: 72px; margin: 0 auto; background: var(--qv-marker); color: var(--qv-navy); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-empty > .qv-rt-ic .qv-ic { width: 30px; height: 30px; }

/* Rütbə səviyyəsi: kiçik altıbucaq + ad */
.qv .qt-rt .qv-rt-lv,
.qv .qt-profile .qv-rt-lv { display: inline-grid; align-items: center; justify-items: center; flex: none; width: 17px; height: 19px; background: var(--qv-blue); color: #fff; font-size: 10px; font-weight: 800; font-stretch: 80%; line-height: 1; clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-seat__rk .qv-rt-lv,
.qv .qt-rt .qt-rt-hero .qv-rt-lv,
.qv .qt-profile .qt-fhero .qv-rt-lv { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-rt .qt-rt-lvl__ls .qv-rt-lv { width: 26px; height: 29px; background: var(--qv-mist); color: var(--qv-mute); font-size: 12px; box-shadow: none; }
.qv .qt-rt .qt-rt-lvl__ls li.is-got .qv-rt-lv { background: var(--qv-blue); color: #fff; }
.qv .qt-rt .qt-rt-lvl__ls li.is-me .qv-rt-lv { background: var(--qv-marker); color: var(--qv-navy); }

/* ---------- altıbucaq avatar və medal ---------- */
.qv .qt-rt .qt-av { border-radius: 0 !important; clip-path: var(--rt-hex); box-shadow: none !important; }
.qv .qt-rt .qt-rt-seat__av { padding: 4px; }
.qv .qt-rt .qt-rt-seat__av::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, .22); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-seat.is-1 .qt-rt-seat__av::before { background: var(--qv-marker); }
.qv .qt-rt .qt-rt-seat.is-empty .qt-rt-seat__av::before { background: rgba(255, 255, 255, .14); }
.qv .qt-rt .qt-rt-seat__av > * { position: relative; }
.qv .qt-rt .qt-rt-seat__av .qt-rt-medal { position: absolute; z-index: 2; right: -4px; bottom: -2px; box-shadow: none; }
.qv .qt-rt .qt-rt-medal { width: 26px; height: 29px; border-radius: 0; clip-path: var(--rt-hex); font-stretch: 80%; }
.qv .qt-rt .qt-rt-av--empty { border: 0; border-radius: 0; background: rgba(255, 255, 255, .08); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-prz__ls .qt-rt-medal { width: 34px; height: 38px; }

/* ---------- başlıq bloku ---------- */
.qv .qt-rt .qt-rt-hero { background: radial-gradient(90% 120% at 100% 0, rgba(13, 90, 198, .55) 0, rgba(13, 90, 198, 0) 60%), var(--qv-navy); }
.qv .qt-rt .qt-rt-intro { color: var(--qv-soft); }
.qv .qt-rt .qt-rt-tabs { border-radius: 12px; background: rgba(255, 255, 255, .08); }
.qv .qt-rt .qt-rt-tabs a { min-height: 44px; color: #fff; font-stretch: 94%; } /* rəng açıq yazılır: .qv-page__body a:not([class]) linki göy etməsin */
.qv .qt-rt .qt-rt-tabs a.is-on { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-rt .qt-rt-status { color: var(--qv-soft); }
.qv .qt-rt .qt-rt-seat__pz { border-radius: 6px; background: rgba(255, 210, 63, .14); color: #FFE48A; }
.qv .qt-rt .qt-rt-seat__ped { border-radius: 10px 10px 0 0; }
.qv .qt-rt .qt-rt-seat.is-1 .qt-rt-seat__ped { background: linear-gradient(180deg, var(--qv-marker), rgba(255, 210, 63, .08)); color: var(--qv-navy); }

/* ---------- kartlar ---------- */
.qv .qt-rt .qt-rt-me,
.qv .qt-rt .qt-rt-win,
.qv .qt-rt .qt-rt-main,
.qv .qt-rt .qt-rt-card,
.qv .qt-rt .qt-rt-bdg { border-color: var(--qv-line); }
.qv .qt-rt .qt-rt-me__pos { border-radius: 14px; background: radial-gradient(120% 140% at 100% 0, rgba(13, 90, 198, .5) 0, rgba(13, 90, 198, 0) 60%), var(--qv-navy); }
.qv .qt-rt .qt-rt-me__pos small { color: var(--qv-soft); }
.qv .qt-rt .qt-rt-bar { height: 6px; border-radius: 3px; background: var(--qv-mist); box-shadow: none; }
.qv .qt-rt .qt-rt-bar i { background: var(--qv-blue); }
.qv .qt-rt .qt-rt-me__ls li::before { width: 7px; height: 8px; border-radius: 0; background: var(--qv-marker); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-you { border-radius: 5px; background: var(--qv-marker); color: var(--qv-navy); font-family: var(--qv-f-brand); font-weight: 600; letter-spacing: .06em; padding: 3px 6px 1px; }
/* «Abunəçi» nişanı — hamı iştirak edəndə abunəçilər seçilsin */
.qv .qt-rt .qt-rt-sub { border-radius: 5px; background: var(--qv-sky); color: var(--qv-blue); font-size: 11px; font-weight: 700; font-stretch: 94%; letter-spacing: .01em; padding: 2px 6px; line-height: 1.3; }
.qv .qt-rt .qt-rt-seat__rk .qt-rt-sub { background: rgba(255, 210, 63, .16); color: #FFE48A; }
.qv .qt-rt .qt-rt-row.is-me .qt-rt-sub { background: #fff; }

/* düymələr: qv-btn dili */
.qv .qt-rt .qt-rt-btn,
.qv .qt-rt-teaser .qt-rt-btn { min-height: 48px; padding: 0 18px; border-radius: 10px; font-size: .9375rem; font-stretch: 94%; }
.qv .qt-rt .qt-rt-btn--sm { min-height: 44px; }
.qv .qt-rt .qt-rt-btn--mark { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-rt .qt-rt-btn--line { box-shadow: inset 0 0 0 1.5px var(--qv-line); color: var(--qv-navy); }
@media (hover: hover) {
	.qv .qt-rt .qt-rt-btn--mark:hover { background: #FFDD66; filter: none; }
	.qv .qt-rt .qt-rt-btn--line:hover { box-shadow: inset 0 0 0 1.5px var(--qv-blue); }
}

/* göstərici / hazırlıq — qv-chip dili */
.qv .qt-rt .qt-rt-chips { gap: 8px; }
.qv .qt-rt .qt-rt-chips a { min-height: 44px; padding: 0 14px; border-color: var(--qv-line); color: var(--rt-ink); font-weight: 600; font-stretch: 94%; }
.qv .qt-rt .qt-rt-chips a.is-on { border-color: var(--qv-marker); background: var(--qv-marker); color: var(--qv-navy); }
@media (hover: hover) { .qv .qt-rt .qt-rt-chips a:hover { border-color: var(--qv-blue); } .qv .qt-rt .qt-rt-chips a.is-on:hover { border-color: var(--qv-marker); } }

/* sıralar */
.qv .qt-rt .qt-rt-row { min-height: 64px; }
.qv .qt-rt .qt-rt-row:hover { background: var(--qv-mist); }
.qv .qt-rt .qt-rt-row.is-me { background: #FFF8DB; box-shadow: inset 4px 0 0 var(--qv-marker); }
.qv .qt-rt .qt-rt-row.is-me .qt-rt-pos { color: var(--qv-navy); }
.qv .qt-rt .qt-rt-b { width: 20px; height: 22px; background: var(--qv-sky); color: var(--qv-blue); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-b .qv-rt-ic { color: inherit; }
.qv .qt-rt .qt-rt-b--more { width: auto; height: auto; background: none; clip-path: none; color: var(--qv-mute); }
.qv .qt-rt .qt-rt-more { border-radius: 10px; color: var(--qv-blue); font-stretch: 94%; }
@keyframes qvRtFlash { 0%, 30% { background: var(--qv-marker); } 100% { background: #FFF8DB; } }
.qv .qt-rt .qt-rt-row.is-flash { animation-name: qvRtFlash; }
.qv .qt-rt .qt-rt-mebar { background: var(--qv-navy); }

/* qaydalar */
.qv .qt-rt .qt-rt-prz__ls li { border-radius: 12px; }
.qv .qt-rt .qt-rt-prz__x > .qv-rt-ic { width: 34px; height: 38px; background: var(--qv-sky); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-prz__x > .qv-rt-ic .qv-ic { width: 18px; height: 18px; }
.qv .qt-rt .qt-rt-how__ls li > .qv-rt-ic { width: 32px; height: 36px; background: var(--qv-mist); clip-path: var(--rt-hex); }
.qv .qt-rt .qt-rt-how__ls li > .qv-rt-ic .qv-ic { width: 17px; height: 17px; }
.qv .qt-rt .qt-rt-how__ls li { grid-template-columns: 32px minmax(0, 1fr) auto; }
.qv .qt-rt .qt-rt-how__ls em { color: var(--qv-blue); }
.qv .qt-rt .qt-rt-lvl__ls li { grid-template-columns: 28px minmax(0, 1fr) auto; }
.qv .qt-rt .qt-rt-lvl__ls li.is-me { background: #FFF8DB; }

/* rozetlər */
.qv .qt-rt .qt-rt-bdg summary .qt-rt-h2 { font-size: 1.1875rem; }
.qv .qt-rt .qt-rt-bdg__pv .qt-rt-b { width: 26px; height: 29px; }
.qv .qt-rt .qt-rt-bdg__g li { border-radius: 12px; }
.qv .qt-rt .qt-rt-bdg__g li .qt-rt-b { width: 30px; height: 34px; background: var(--qv-paper); color: var(--qv-mute); }
.qv .qt-rt .qt-rt-bdg__g li .qt-rt-b .qv-ic { width: 17px; height: 17px; }
.qv .qt-rt .qt-rt-bdg__g li.is-got { background: #FFF4CC; }
.qv .qt-rt .qt-rt-bdg__g li.is-got .qt-rt-b { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-rt .qt-rt-bdg__g em { color: var(--qv-blue); }
.qv .qt-rt .qt-rt-bdg__g li.is-got em { color: var(--qv-ok); }

/* ---------- Mükafatlarım → reytinq kartı ---------- */
.qv .qt-rt-teaser { border-radius: 16px; background: radial-gradient(90% 160% at 100% 0, rgba(13, 90, 198, .55) 0, rgba(13, 90, 198, 0) 60%), var(--qv-navy); font-family: var(--qv-f-ui); }
.qv .qt-rt-teaser > .qv-rt-ic { width: 44px; height: 50px; background: var(--qv-marker); color: var(--qv-navy); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qt-rt-teaser > .qv-rt-ic .qv-ic { width: 22px; height: 22px; }
.qv .qt-rt-teaser .qt-rt-teaser__t b { font-stretch: 86%; font-weight: 800; font-size: 1.125rem; }
.qv .qt-rt-teaser .qt-rt-teaser__t small { color: var(--qv-soft); }
.qv .qt-rt-teaser .qt-rt-teaser__pz { color: #FFE48A; }
.qv .qt-rt-teaser .qt-rt-teaser__go { color: var(--qv-marker); font-stretch: 94%; }

/* ---------- səhifə ---------- */
.qv-rt-page .qv-page { padding-top: 18px; }
@media (min-width: 1024px) { .qv-rt-page .qv-page { padding-top: 28px; } }
@media (max-width: 560px) {
	.qv .qt-rt .qt-rt-me__pos > b { font-size: 44px; }
	.qv .qt-rt .qt-rt-seat__v b { font-size: 20px; }
	.qv .qt-rt .qt-rt-row { min-height: 58px; }
}

/* ---------- Mükafatlarım (plaginin profil kartı): emojilər əvəzinə SVG ikonlar ---------- */
.qv .qt-profile .qt-bic { margin-bottom: 10px; line-height: 0; }
.qv .qt-profile .qt-bic .qv-rt-ic { display: grid; align-items: center; justify-items: center; width: 48px; height: 54px; margin: 0 auto; background: var(--qv-sky); color: var(--qv-blue); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qt-profile .qt-badge.is-earned .qt-bic .qv-rt-ic { background: var(--qv-marker); color: var(--qv-navy); }
.qv .qt-profile .qt-bic .qv-ic { width: 24px; height: 24px; }
.qv .qt-profile .qt-kpis4 i { line-height: 0; }
.qv .qt-profile .qt-kpis4 i .qv-rt-ic { display: grid; align-items: center; justify-items: center; width: 36px; height: 40px; background: var(--qv-sky); color: var(--qv-blue); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.qv .qt-profile .qt-kpis4 i .qv-ic { width: 18px; height: 18px; }
.qv .qt-profile .qt-ranks-card { display: none; } /* yeni dizaynda rütbələr yuxarıdakı piramidadadır (inc/v2-account.php) */

/* Masaüstündə sol sütun (252px) məzmunu daraldır: 900–1199px arası bir sütun, «Sənin yerin» və qaliblər yan-yana */
@media (min-width: 900px) and (max-width: 1199px) {
	.qv .qt-rt .qt-rt-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px 24px 0; }
	.qv .qt-rt .qt-rt-hero__txt { padding-bottom: 0; }
	.qv .qt-rt .qt-rt-pod { justify-self: center; width: 100%; max-width: 540px; }
	.qv .qt-rt .qt-rt-grid { grid-template-columns: minmax(0, 1fr); }
	.qv .qt-rt .qt-rt-side,
	.qv .qt-rt .qt-rt-main { grid-column: 1; grid-row: auto; }
	.qv .qt-rt .qt-rt-side__in { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
@media (min-width: 900px) and (max-width: 1279px) {
	.qv .qt-rt .qt-rt-info { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.qv .qt-rt .qt-rt-lvl { grid-column: 1 / -1; }
}