/* ============================================================
   FANORA SKIN — тема "red" (belloored) в стиле fanora.digicean.com
   Подключается ПОСЛЕ styles.css / belloored.css.
   Токены взяты из оригинального CSS Fanora:
   bg #0a0612 · surface #141418 · elevated #1c1c22
   primary #ff2e63 → #c1121f · success #00c853 · gold #c8a96a
   btn-primary 44px + shadow 0 8px 24px #ff2e6333 · radius 12/16/20
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --fn-bg:#0a0612;
  --fn-surface:#141418;
  --fn-elevated:#1c1c22;
  --fn-primary:#ff2e63;
  --fn-primary-dark:#c1121f;
  --fn-success:#00c853;
  --fn-gold:#c8a96a;
  --fn-border:#ffffff1a;
  --fn-w5:#ffffff0d;
  --fn-w10:#ffffff1a;
  --fn-text:#ffffffe6;
  --fn-dim:#ffffff99;
}

/* ---------- БАЗА ---------- */
html,body{
  background:var(--fn-bg)!important;
  color:var(--fn-text)!important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;
}
.displayname__name,.display-full-name,b,strong,
h1,h2,h3,h4,.empty-page-content__title,.footer-section-header{
  font-family:'Nunito','Inter',sans-serif!important;
  font-weight:800!important;
}
::selection{background:#ff2e6366;color:#fff;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--fn-bg);}
::-webkit-scrollbar-thumb{background:var(--fn-elevated);border-radius:9999px;border:2px solid var(--fn-bg);}

/* приглушённые тексты red-темы -> Fanora */
.white-color-text,.white-color-text-2{color:var(--fn-text)!important;}
.grey-color-text,.sub-text,.description{color:var(--fn-dim)!important;}
.accent-color-text,.accent-color-text:hover,.accent-color-text-with-hover:hover{color:var(--fn-primary)!important;}
.accent-color-text-bg{background:#ff2e631a!important;}

/* ---------- ХЕДЕР (как на Fanora: тёмное стекло + бордер) ---------- */
.header-top,.header,.site-header,#header{
  background:rgba(10,6,18,.85)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--fn-border)!important;
  box-shadow:none!important;
}
.header-top *,.nav-left *,.nav-center *,.nav-right *{color:var(--fn-text)!important;}
.header-logo-link:hover,.nav-left a:hover,.nav-right a:hover{opacity:.85;}
.nav-left .active,.nav-right .active,.header-dropdown .active{color:var(--fn-primary)!important;}

/* поиск-пилюля */
.bf__input,.bf,input[name="search"],.search-input{
  background:var(--fn-w5)!important;
  border:1px solid var(--fn-border)!important;
  border-radius:9999px!important;
  color:var(--fn-text)!important;
}
.bf__input:focus{border-color:#ff2e6380!important;box-shadow:0 0 0 3px #ff2e631a!important;}
.bf__label{color:var(--fn-dim)!important;}

/* ---------- КНОПКИ (фирменный градиент Fanora) ---------- */
.btn{
  border-radius:12px!important;
  font-family:'Nunito',sans-serif!important;
  font-weight:800!important;
  transition:all .15s cubic-bezier(.4,0,.2,1)!important;
}
.btn-apply,.btn-action,.btn-primary,.btn--color--goal,.header-cta__button,
.btn-subscribe,.follow-button,.btn[data-type="primary"]{
  background:linear-gradient(to right,var(--fn-primary),var(--fn-primary-dark))!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 8px 24px #ff2e6333!important;
}
.btn-apply:hover,.btn-action:hover,.header-cta__button:hover{
  box-shadow:0 12px 32px #ff2e634d!important;filter:brightness(1.06);
}
.btn-outline-pale,.btn-secondary,.btn-apply-outline{
  background:var(--fn-w5)!important;
  border:1px solid var(--fn-border)!important;
  color:#fff!important;
}
.btn-outline-pale:hover,.btn-apply-outline:hover{background:var(--fn-w10)!important;border-color:#fff3!important;}
.btn-accept,.btn-success{
  background:linear-gradient(to right,#00c853,#00a544)!important;
  color:#fff!important;box-shadow:0 8px 24px #00c85333!important;
}

/* ---------- КОНТЕНТ / КАРТОЧКИ ---------- */
.main-layout,.page-wrapper,.container,.lw-container{background:transparent!important;}
.island-block,.post,.bU,.C,.D,.E,.card,.widget,.tab-ds,.scroll-bar-container{
  background:var(--fn-surface)!important;
  border:1px solid var(--fn-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  color:var(--fn-text)!important;
}
.island-block--color--grey-500{background:var(--fn-elevated)!important;}
.pill-control__item,.tab-interactive-ds,.tab-interactive-medium-ds{
  color:var(--fn-dim)!important;border-radius:9999px!important;font-weight:600;
}
.pill-control__item--style--default.selected,.tab-ds .selected,.CCC--active{
  color:#fff!important;background:#ff2e631a!important;
}

/* ---------- ЛЕВОЕ МЕНЮ ---------- */
.da,.da__navigation,.sideBar{background:transparent!important;border-right:1px solid var(--fn-border)!important;}
.da__menu-item-button{color:var(--fn-dim)!important;border-radius:12px!important;font-weight:600;}
.da__menu-item-button:hover{background:var(--fn-w5)!important;color:#fff!important;}
.da__menu-item-button.selected,.da__menu-item-button--active{
  background:linear-gradient(to right,#ff2e6333,#c1121f1a)!important;color:#fff!important;
}

/* ---------- ФОРМЫ ---------- */
input:not([type]),input[type="text"],input[type="email"],input[type="password"],
input[type="number"],textarea,select{
  background:var(--fn-w5)!important;
  border:1px solid var(--fn-border)!important;
  border-radius:12px!important;
  color:var(--fn-text)!important;
}
input:focus,textarea:focus,select:focus{
  border-color:#ff2e6380!important;box-shadow:0 0 0 3px #ff2e631a!important;
}
.settings-label label,label{color:var(--fn-dim)!important;}

/* ---------- ПРОФИЛЬ ---------- */
.D__cover{border-radius:20px 20px 0 0!important;}
.avatar,.avatar__img{border-radius:9999px!important;}
.profile-stats .counter,.likes-counter,.BZ__cell--type--color b{
  color:var(--fn-primary)!important;font-family:'Nunito',sans-serif!important;font-weight:900!important;
}

/* ---------- ВЫПАДАШКИ / МОДАЛКИ / ТОСТЫ ---------- */
.header-dropdown-content,.header-dropdown-content-wrapper,.dropdown-content,
.modal,.uk-modal-dialog,.toast-notification,.personal-notifications-modal-panel{
  background:var(--fn-elevated)!important;
  border:1px solid var(--fn-border)!important;
  border-radius:16px!important;
  box-shadow:0 24px 64px #000000b3!important;
  color:var(--fn-text)!important;
}
.header-dropdown-content-split{border-color:var(--fn-border)!important;}
.header-user-dropdown-item-logout,.header-dropdown a{color:var(--fn-text)!important;}
.header-dropdown a:hover{background:var(--fn-w5)!important;color:var(--fn-primary)!important;}

/* ---------- ЧАТ ---------- */
.b0__chat-header,.bAc,.chat-container{background:var(--fn-surface)!important;border-color:var(--fn-border)!important;}
.bAc__send-button{background:linear-gradient(to right,var(--fn-primary),var(--fn-primary-dark))!important;color:#fff!important;}
.bAc__input,.bAc__input-buttons{background:var(--fn-w5)!important;border:1px solid var(--fn-border)!important;border-radius:9999px!important;color:var(--fn-text)!important;}

/* ---------- ВАЛЮТА / LIVE ---------- */
.icon-diamond,.coins,.balance{color:var(--fn-gold)!important;}
.live-badge,.LIVE,.badge-live,[class*="live"] .badge{
  background:linear-gradient(to right,var(--fn-primary),var(--fn-primary-dark))!important;
  color:#fff!important;border-radius:9999px!important;
  font-family:'Nunito',sans-serif!important;font-weight:900!important;
  animation:fnPulse 1.6s infinite;
}
@keyframes fnPulse{0%,100%{opacity:1}50%{opacity:.65}}

/* ---------- ФУТЕР ---------- */
.default-footer,.footer-top,.footer-bottom{
  background:transparent!important;
  border-top:1px solid var(--fn-border)!important;
  color:var(--fn-dim)!important;
}
.footer-section__link,.footer-nav a{color:var(--fn-dim)!important;}
.footer-section__link:hover,.footer-nav a:hover{color:var(--fn-primary)!important;}

/* ---------- ПРОЧЕЕ ---------- */
.has-unread-msg,.unread-dot{background:var(--fn-primary)!important;}
.loading-story,.preload-photos,.loading-feed{background:var(--fn-elevated)!important;}
.a11y-button{color:var(--fn-dim)!important;}
.a11y-button:hover{color:#fff!important;}
.ageRestricted__reject-button.btn{background:var(--fn-w5)!important;color:#fff!important;border:1px solid var(--fn-border)!important;}

@media (max-width:768px){
  .mobile-menu,.R__mobile-menu{
    background:rgba(10,6,18,.92)!important;
    border-top:1px solid var(--fn-border)!important;
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  }
}