/* lyricsmelody-extra.css — ръчните стилове на lyricsmelody (от главата на 2.8.3, <style id="lm-nav-fix">). 04.10.2026 */
/* Меню на lyricsmelody (29.09.2026) */
/* търсачката има само "Видео" — изборът на тип е скрит */
#header .btn-holder .search-drop{display:none}#header .btn-holder .cbsearchtype{padding-left:0!important}
/* от 992px нагоре: всички бутони на един ред и в границите на съдържанието на сайта */
@media (min-width:992px){#header .navbar>.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}#header .menu-holder>.col.btn-holder{width:1%;white-space:nowrap}#header .menu-holder>.col:first-child{width:auto;padding-right:10px}#header .main-links>ul{white-space:nowrap}}
@media (min-width:1200px){#header .navbar>.container-fluid{max-width:1170px}#header .main-links>ul>li>a{font-size:15px}#header .btn-holder .search,#header .btn-holder .search-form,#header .btn-holder .cbsearchtype{width:180px!important;min-width:0}#header .btn-holder .search-form .form-control{width:140px!important}}
/* 1200–1399px: "Търсене по буква" е по-дълъг — менюто 14px, за да се събере */
@media (min-width:1200px) and (max-width:1399px){#header .main-links>ul>li>a{font-size:14px}}
@media (min-width:992px) and (max-width:1199px){#header .navbar>.container-fluid{max-width:970px}#header .logo{width:auto!important}#header .logo img{max-width:140px!important;height:auto}#header .navbar-header{width:150px!important}#header .main-links>ul>li>a{font-size:12px}#header .btn-holder .search,#header .btn-holder .search-form,#header .btn-holder .cbsearchtype{width:150px!important;min-width:0}#header .btn-holder .search-form .form-control{width:110px!important}}
/* 768–991px: търсачката остава на реда на логото (хедърът е 60px и картинката му пасва); по-широко поле за търсене */
@media (min-width:768px) and (max-width:991px){#header .navbar-header .btn-holder{width:auto!important;max-width:calc(100% - 335px)}#header .btn-holder .search-form .form-control{width:calc(100% - 40px)!important}}
/* до 991px: видим бутон Menu, тъмно разгънато меню, активният бутон с розова черта */
@media (max-width:991px){#header .navbar-toggle{color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:rgba(255,255,255,.08);padding:6px 12px;font-weight:600}#header .navbar-toggle .icon-down-arrow{color:#fff}#header #bs-collapse ul{list-style:none}#header .main-links>ul{padding:4px 0}#header .menu-holder .col .main-links ul li{background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}#header .menu-holder .col .main-links ul li:last-child{border-bottom:0}#header .main-links>ul>li>a{padding:11px 14px;color:#fff;border-left:3px solid transparent}#header .main-links>ul>li>a:hover,#header .main-links>ul>li>a:focus{background:rgba(255,255,255,.06);text-decoration:none}#header .main-links>ul>li.active>a{border-left-color:#fa6b6b}#header .main-links>ul>li>a:after{display:none}}
/* активният бутон — същият шрифт като останалите (темата го сменя на source_sans_prosemibold и изглежда по-голям) */
#header .main-links>ul>li.active>a{font-family:inherit}

/* долната част (от <style id="lm-footer-links-fix"> в 2.8.3) */
#footer .footer-holder > ul.footer-links{display:block;width:auto;margin:10px 0 0;padding:0}
#footer .footer-holder > ul.footer-links li{float:none;display:inline-block;margin:0 25px 6px 0}
@media (max-width:767px){#footer .footer-holder > ul.footer-links li{margin:0 16px 8px 0}#footer > .container{padding-left:15px!important;padding-right:15px!important}}
#footer .lm-footer-texts{clear:both;padding-top:10px}
#footer .lm-disclaimer{display:block;color:#f4f4f4;font-size:13px}
#footer .lm-media-title{padding:5px 0}
#footer .lm-media{display:block;color:#fff;font-size:13px;padding-top:5px}
#footer .lm-media a{color:#fff}
#footer .lm-copy{display:block;color:#eee;font-size:13px}

/* Препоръчано видео: клиповете се зареждат веднага (не с AJAX), затова не са скрити */
#featured_vid_sec .featAppending{display:block!important}

/* Заглавията на клиповете в колоните (Свързани / Най-гледани / Случайни, Препоръчано видео, Топ клипове) —
   черни, както на стария сайт (cb_28 all.css: .featured-video .title a {color:#000}); темата на V5 ги правеше #404040. 04.10.2026 */
.featured-video .details_block .title a, .featured-video .title a { color: #000; text-decoration: none; }
.featured-video .details_block .title a:hover, .featured-video .title a:hover { color: #0080b4; text-decoration: none; }

/* Главата — както на стария сайт (cb_28 all.css): логото 227x40, затова главата е 60px и търсачката и "Вход" стоят
   3px по-ниско; бутонът "Вход" е червен и става зелен при посочване. 04.10.2026 */
#header .logo { height: 40px; }
#header .logo a img, #header .logo img { width: 100%; height: 100%; }
.navbar-default .right-menu .upload_link .btn-default.btn-login:hover, .navbar-default .right-menu .upload_link .btn-default.btn-login:active,
.navbar-default .right-menu .navbar-sm-login-links .btn-default.btn-login:hover, .navbar-default .right-menu .navbar-sm-login-links .btn-default.btn-login:active { background: rgb(76, 175, 80); color: #fff; border-color: #fff; }   /* само фонът става зелен; надписът и рамката остават бели */

/* Страницата за вход/регистрация: блокът започва под главата с малко въздух. В lyricsmelody.css е останало
   ръчното преместване от стария сайт (margin: -620px), което тук го скриваше наполовина под главата. 04.10.2026 */
.account-container .signin-block, .account-container .signup-block, .account-container .forgot-block { vertical-align: top; }
.account-container .account-holder { margin: 40px auto; }

/* Основният цвят на текста — черен, както на стария сайт (cb_28 all.css: body { color: #000 }). Темата на V5 го правеше
   #404040 (default.min.css: .video-details { color: var(--color-02) }) и текстовете на песните и преводите излизаха сиви.
   Заглавието на песента — #333, както в стария сайт. 04.10.2026 */
body, .video-details, .view-details { color: #000; }
.video-details, .view-details { --color-02: #000; }   /* и всичко вътре, което темата оцветява с --color-02 (списъкът под песента и др.) */
.video-details header.details h1, .view-details header.details h1 { color: #333; }

/* Полетата във формите — както на стария сайт (cb_28 all.css: .form-control { color: #000; background: #f6f6f6 }).
   V5 ги оцветява през --color-02/05, а полетата за регистрация бяха тъмносиви (default.min.css: --color-03 = #d9d9d9).
   Рамката (#bbb) е от lyricsmelody.css. 04.10.2026 */
.form-control, .signup-block .form-control, .signin-block .form-control, .forgot-block .form-control { color: #000; background-color: #f6f6f6; }

/* Менютата на страницата "Видео" (категории, сортиране, време) — правилата от стария all.css (cb_28) за реда
   <li><div><a>…</a><i></i></div> (blocks/category_list.html); цветовете (зелено, червени кръгчета) са в lyricsmelody.css.
   Без тях надписите излизаха сини, а кръгчетата — без размер. 04.10.2026 */
.filter-dropdowns .dropdown-menu > li > a, .filter-dropdowns .dropdown-menu > li > div > a { display: block; text-decoration: none; font-family: "source_sans_proregular", sans-serif; padding: 6px 20px 6px 12px; color: #fff; }
.filter-dropdowns .dropdown-menu > li:last-child > a, .filter-dropdowns .dropdown-menu > li:last-child > div > a { border-radius: 0 0 4px 4px; border: none; }
.filter-dropdowns .dropdown-menu > li > div { position: relative; z-index: 2; }
.filter-dropdowns .dropdown-menu > li > div i { font-size: 10px; width: 22px; height: 22px; padding: 0 7px; border-radius: 50%; position: absolute; z-index: 3; top: 50%; right: 5px; margin: -11px 0 0; color: #fff; cursor: pointer; }
.filter-dropdowns .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; display: none; border-radius: 0 4px 4px 0; z-index: 4; min-width: 160px; padding: 0; margin: 0; border: none; box-shadow: none; }
.filter-dropdowns .dropdown-menu .sub-menu > li:first-child > div > a { border-radius: 4px 4px 0 0; }
/* V5 отваря подменюто при посочване (all.css: li:hover > .sub-menu { display: block }) — на стария сайт то се отваря само с
   клик върху кръгчето (скриптът в blocks/category_list.html), иначе кликът го затваряше веднага. 04.10.2026 */
.filter-dropdowns .dropdown-menu > li:hover > .sub-menu { display: none; }
/* Менютата на страницата "Видео": надписите както са написани ("Добавени тази седмица"), без главна буква на всяка дума
   (старата тема: .filter-dropdowns { text-transform: capitalize }) — с по-дългите надписи изглеждаше зле. 04.10.2026 */
.filter-dropdowns { text-transform: none; }
/* Бутоните на менютата ("Всички", "Най-гледани", "Добавени…") — бели и на телефон (default.min.css ги прави #404040 под 768px). 04.10.2026 */
.filter-dropdowns .dropdown > a, .filter-dropdowns .dropdown > a:hover, .filter-dropdowns .dropdown > a:focus { color: #fff; }

/* Телефон (до 767px) — менютата на страницата "Видео" както на стария сайт (cb_28 all.css): бял списък на цялата ширина,
   при BG/EN шеврон (надолу, обърнат нагоре, когато е отворено), буквите се разгъват отдолу на светлосиво. Бутоните
   ("Всички", "Най-гледани", "Добавени…") остават зелени с бял надпис. 04.10.2026 */
@media only screen and (max-width: 767px) {
  .filter-dropdowns .dropdown-menu { width: 100%; background: #fff; }
  .filter-dropdowns .dropdown-menu > li > div > a, .filter-dropdowns .dropdown-menu > li > a { color: #212121; }
  .filter-dropdowns .dropdown-menu > li > div { padding: 0 40px 0 0; border-color: #d9d9d9; }
  .filter-dropdowns .dropdown-menu > li > div:hover { background: none; }
  .filter-dropdowns .dropdown-menu > li > div i { transform: rotate(90deg); color: #000; background: none; border: 0; margin: 0; top: 0; width: 48px; right: 0; height: 48px; padding: 12px 16px 14px 20px; border-radius: 0; line-height: 20px; }
  .filter-dropdowns .dropdown-menu .sub-menu { position: static; left: 0; border-radius: 0; background: #f2f2f2; }
  .filter-dropdowns .sorting-col .dropdown-menu > li a.selected, .filter-dropdowns .sorting-col .dropdown-menu > li a:hover { background: none; }
}

/* Телефон — менюто на бутона "Качи": V5 показва точките като празни кръгчета само с иконка; тук са бутони с надпис,
   в цвета на бутона "Качи". 04.10.2026 */
@media only screen and (max-width: 767px) {
  #header .upload_link .dropdown-menu { width: auto; min-width: 0; left: auto; right: 0; }
  #header .upload_link .dropdown-menu > li { margin: 6px 0 0; text-align: right; }
  #header .upload_link .dropdown-menu > li > a { display: inline-block; width: auto; height: auto; font-size: 14px; line-height: 20px; padding: 7px 14px; border: 2px solid #2773ae; border-radius: 18px; background: #fff; color: #1a1e31; white-space: nowrap; text-align: left; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
  #header .upload_link .dropdown-menu > li > a:hover, #header .upload_link .dropdown-menu > li > a:focus { background: #2773ae; color: #fff; }
  #header .upload_link .dropdown-menu > li > a i { display: none !important; }   /* bootstrap .visible-xs е с !important */
  #header .upload_link .dropdown-menu > li > a:after { content: none !important; }
}

/* Телефон — самият бутон "Качи": както на компютър (lyricsmelody.css: червен, бяла рамка, синьо при натискане). V5 го правеше
   бял (--color-01) със сива рамка и закръгление 25%, а иконката е бяла — не се виждаше, докато не минеш през него. 04.10.2026 */
@media only screen and (max-width: 767px) {
  #header .newuser-links > li.upload_link a.btn-default { background: #c45555; color: #fff; border: 2px solid #fff; border-radius: 4px; }
  #header .newuser-links > li.upload_link a.btn-default:hover, #header .newuser-links > li.upload_link a.btn-default:focus,
  #header .newuser-links > li.upload_link a.btn-default:active, #header .newuser-links > li.upload_link.open > a.btn-default { background: #2773ae; color: #fff; border-color: #fff; }
}

/* Иконката на потребителя — само горе в менюто (телефон и вдясно на компютър). В страницата на песента не се показва кой е
   качил клипа (както на стария сайт), а аватарът до полето за коментар също е скрит — полето е на цялата ширина. 04.10.2026 */
.avatar_comment_as { display: none; }

/* Лупичката горе вдясно (телефон) — бяла винаги: след натискане оставаше "на фокус" и Bootstrap (.btn:focus) я правеше сива,
   докато не се кликне другаде; V5 (default.min.css) — също сива при натискане. 04.10.2026 */
#header .btn-search-toggle, #header .btn-search-toggle:hover, #header .btn-search-toggle:focus, #header .btn-search-toggle:active, #header .btn-search-toggle.active { color: #fff; background: transparent; box-shadow: none; outline: none; }
/* Бутоните на менютата ("Всички", сортирането, периодите) са <a role="button"> без href — не са линкове, само отварят меню. 04.10.2026 */
.filter-dropdowns .dropdown > a.dropdown-toggle { cursor: pointer; }

/* lm-card-space — карта на клип в списъците ("Видео", началната): заглавие до 3 реда и място за реда "Прегледа • преди…".
   V5 дава на полето 80px (.nouploader); заглавие на 3 реда го запълваше и редът с прегледите стъпваше върху него. 04.10.2026 */
.videos .video-info.nouploader{height:104px}
.videos .video-info .title{max-height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@media only screen and (max-width:767px){.videos .video-info.nouploader{height:auto}}

/* lm-filter-row — страницата "Видео": бутонът за категориите вляво, сортирането и периодът вдясно НА ЕДИН РЕД.
   Колоните бяха по 50% и с по-дългите надписи двата бутона вдясно не се побираха и се качваха един върху друг.
   Сега всяка страна е широка колкото бутоните си. На телефон остава както беше. 04.10.2026 */
@media (min-width:768px){
  .filter-dropdowns .cat-col{width:auto;float:left}
  .filter-dropdowns .sorting-col{width:auto;float:right;white-space:nowrap}
}