/* Home (логнат) — зарежда се след pages/global.min.css от mods/home/home.php */

/* Ред: аватар + име + броячи */
.fixedratiologin .main-title-login{gap:24px}
.hm-who{display:flex;align-items:center;gap:18px;min-width:0;flex:1}
.hm-idn{min-width:0}
.fixedratiologin .login-username{margin:0;font-family:"Roboto Condensed",Arial,sans-serif;font-size:32px;line-height:1.1;color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-stats{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-family:Arial,sans-serif;font-size:14px;color:#6b6b6b}
.hm-stats a{color:inherit;text-decoration:none;font-weight: 400;transition:color .2s}
.hm-stats a:hover{color:#ad003b}
.hm-stats b{color:#262626;font-weight:700;margin-right:2px}

/* Аватар с обикалящата светлинка (същото като профила) */
.hm-av{position:relative;flex:0 0 auto;display:block;width:92px;height:92px;border-radius:50%;background:#fff;isolation:isolate}
.hm-av::before{content:"";position:absolute;inset:0;border-radius:50%;padding:3px;
  background:conic-gradient(#ad003b 0deg,#ad003b 250deg,#ff7aa8 300deg,#fff 320deg,#ff7aa8 340deg,#ad003b 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:hmSpin 4.5s linear infinite;will-change:transform}
/* въртим самия пръстен — работи навсякъде, без @property */
@keyframes hmSpin{to{transform:rotate(360deg)}}
.hm-av-img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;object-fit:cover;background:#efefef;box-shadow:none;padding:0}

/* Бутони: основен — плътно бордо; вторичен — бордо текст и бордер */
.fixedratiologin .add-new{gap:10px}
.fixedratiologin .add-book,.fixedratiologin .search-book{border-radius:6px;padding:12px 16px;font:400 13px/1.2 Arial,sans-serif;transition:background .2s,color .2s,border-color .2s}
.fixedratiologin .search-book{background:#fafafa;border:1px solid #ad003b;color:#ad003b}
.fixedratiologin .search-book i{color:#ad003b}
.fixedratiologin .add-new a.add-book:hover{background:#8f0031;border-color:#8f0031;color:#fff;opacity:1}
.fixedratiologin .add-new a.search-book:hover{background:#fdf2f5;color:#ad003b;opacity:1}

/* Бързи филтри: само текст, бордо линия отдолу при ховър */
.hm-chips{    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;}
.hm-chips::-webkit-scrollbar{display:none}
.hm-chips a{    flex: 0 0 auto;
    padding: 8px 0;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    /* color: #6b6b6b; */
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s, border-color .2s;}
.hm-chips a:hover,.hm-chips a:focus-visible{color:#262626;border-bottom-color:#ad003b;text-decoration:none}

/* Библиотеки: „Следвай“ само с тънка линия отгоре */
.button-home-follow{background:none;border:0;border-top:1px solid #e5e5e5;border-radius:0;color:#ad003b;width:88px;min-width:0;min-height:36px;padding:9px 0 6px;margin:8px auto 0;font-size:12px;font-family:Arial,sans-serif}
.button-home-follow:hover{background:none;border-top-color:#ad003b}

/* Ритъм между секциите: 56px десктоп / 40px мобилен */
.fixedratiologin .main-title-login{margin:30px 0 24px}
.fixedratiologin .topfilter{padding:0}
.wrap-swap,.wrap-swap-vip{margin-top:56px}
.wrap-user-listing{margin:20px auto 0}

/* Заглавия на секциите: черни икони, „Виж всички“ еднакво навсякъде */
.search-title i{color:#262626!important}
.hm-more{display:inline-flex;align-items:center;gap:6px;font:400 14px/1 Arial,sans-serif;color:#ad003b;text-decoration:none}
.hm-more i{color:#ad003b!important;font-size:12px}
.hm-more:hover{text-decoration:underline}

/* Нови / Популярни: като заглавие на секция, активният таб с бордо линия */
.home-tabs-header{max-width:1140px;margin:0 auto 20px;padding:0;background:none;border-radius:0;border-bottom:1px solid #e9e9e9;align-items:flex-end}
.home-tabs-nav{gap:22px}
.home-tab-btn{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;padding:15px 12px;font:400 16px/1.1 "Roboto Condensed",Arial,sans-serif;color:#8a8a8a;cursor:pointer;transition:color .2s,border-color .2s}
.home-tab-btn:hover{color:#262626}
.home-tab-btn.active{color:#000;border-bottom-color:#ad003b}
.home-tabs-header .slider-arrows-wrapper{padding-bottom:8px}

/* Аватари в „Библиотеки“: спокоен статичен пръстен, бордо при ховър */
.avatar-home{background:#e3e3e3;padding:2px;box-shadow:none}
.avatar-home img{width:59px;height:59px}
.user a:hover .avatar-home,.avatar-home:hover{background:#ad003b}

/* Стрелки: по-голяма зона за натискане */
.scroll-btn{width:36px;height:36px;font-size:15px;border-radius:6px}
.scroll-btn:focus-visible,.home-tab-btn:focus-visible,.button-home-follow:focus-visible{outline:2px solid #ad003b;outline-offset:2px}

@media (max-width:740px){
  .fixedratiologin .main-title-login{align-items:stretch}
  .hm-who{gap:14px}
  .hm-av{width:72px;height:72px}
  .hm-av::before{padding:2.5px}
  .hm-av-img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
  .fixedratiologin .login-username{font-size:24px}
  .hm-stats{font-size:13px;gap:2px 12px;margin-top:4px}
  .fixedratiologin .add-new{margin:18px 0 0 0}
  .fixedratiologin .add-book,.fixedratiologin .search-book{min-width:0;padding:11px 10px}
  .fixedratiologin .main-title-login{margin:10px 0 20px}
  .wrap-swap,.wrap-swap-vip{margin-top:40px}
  .home-tab-btn{font-size:15px}
  .scroll-btn{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.hm-av::before{animation:none}}