/* ==========================================================================
   mobile.css - адаптиране на сайта за малки екрани.

   Зарежда се последен, след global.css. Целият файл е в @media, така че
   изгледът над 1020px (десктоп) остава абсолютно непроменен.

   Оформлението на сайта е с фиксирана ширина 978px, направено с float-ове и
   фонови картинки. Тук тази "черупка" се прави гъвкава, колоните се нареждат
   една под друга, а широките таблици се скролват хоризонтално.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Елементи само за мобилна версия. Скрити на десктоп, за да остане непроменен.
   -------------------------------------------------------------------------- */
.m_toggle{
	display:none;
}

/* ==========================================================================
   Таблети и телефони (всичко под фиксираните 978px + 2x21px padding)
   ========================================================================== */
@media screen and (max-width: 1020px) {

/* --- Общи ---------------------------------------------------------------- */
html{
	-webkit-text-size-adjust:100%;	/* iOS да не уголемява сам шрифта */
	-ms-text-size-adjust:100%;
}
img, iframe, embed, object, video{
	max-width:100%;
}
img{
	height:auto;
}

/* --- Черупката 978px става гъвкава --------------------------------------- */
.head_container,
.nav ul,
.content_holder,
.container_info,
.footer_info,
.page_title,
.page_title h1,
.clubs_holder_inner{
	width:auto;
	max-width:100%;
}
.content_holder{
	padding:14px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0 0 6px rgba(0,0,0,.45);
}

/* Декорации с фиксирана ширина - нямат смисъл при гъвкаво оформление */
#nav_shadow,
.middle_shadow,
.small_shadow,
.big_shadow,
.footer_decoration{
	display:none;
}

/* --- Лента на мобилната версия ------------------------------------------- */
/* Логото, превключвателят на езика и бутонът за меню на един ред (~56px).
   Преди това логото, 5 служебни връзки и 6 навигационни заемаха 243px -
   близо една трета от екрана, преди да започне съдържанието. */
.header{
	height:auto;
	background-color:#282828;
	background-size:auto 100%;	/* градиентът се разтяга, а не се реже */
}
.head_container{
	height:auto;
	padding:5px 6px 5px 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.logo{
	float:none;
	margin:0;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
}
.logo,
.logo a{
	width:124px;
	height:46px;
}
.logo a{
	background-size:contain;
}

.m_toggle{
	display:block;
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	width:44px;	/* 44px - минимален размер за докосване */
	height:44px;
	margin:0;
	padding:0;
	border:1px solid #4e4e4e;
	border-radius:4px;
	background-color:#3a3a3a;
	cursor:pointer;
}
.m_toggle_bars{
	position:relative;
	display:block;
	width:20px;
	height:2px;
	margin:0 auto;
	background-color:#a6ce39;	/* зеленото на служебните връзки */
}
.m_toggle_bars:before,
.m_toggle_bars:after{
	content:'';
	position:absolute;
	left:0;
	width:20px;
	height:2px;
	background-color:#a6ce39;
	-webkit-transition:-webkit-transform .15s ease, top .15s ease;
	transition:transform .15s ease, top .15s ease;
}
.m_toggle_bars:before{ top:-6px; }
.m_toggle_bars:after{ top:6px; }

/* Отворено: трите черти стават X */
.m_nav_open .m_toggle_bars{
	background-color:transparent;
}
.m_nav_open .m_toggle_bars:before,
.m_nav_open .m_toggle_bars:after{
	top:0;
}
.m_nav_open .m_toggle_bars:before{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.m_nav_open .m_toggle_bars:after{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* Фокусът по подразбиране се губи върху тъмната лента. */
.m_toggle:focus,
.m_acc:focus{
	outline:2px solid #a6ce39;
	outline-offset:2px;
}

/* --- Падащо меню --------------------------------------------------------- */
/* Скрива се само когато js/mobile.js е поел управлението. Без JavaScript
   менюто си остава видимо, както преди. */
body.m_js nav.nav{
	display:none;
}
body.m_js.m_nav_open nav.nav{
	display:block;
}
.nav{
	height:auto;
	padding:0;
	background-image:none;
	background-color:#2b2b2b;
	border-top:1px solid #3a3a3a;
}
.nav ul{
	width:auto;
	height:auto;
	background-image:none;
	text-align:left;
}
.nav li{
	position:relative;
	float:none;
	display:block;
	height:auto;
	background-image:none;
	border-bottom:1px solid #383838;
}
.nav li a{
	display:block;
	height:auto;
	padding:13px 16px 13px 42px;
	font-size:15px;
	line-height:20px;
	color:#dcdcdc;
}
.nav li a:hover,
.nav .active_nav_link{
	background-image:none;
	background-color:#353535;
}

/* Купите са визуалният език на сайта - същите знаци стоят в трохите и между
   служебните връзки. Тук се редуват само като маркер за ред. */
.nav li a:before{
	position:absolute;
	left:16px;
	top:13px;
	font-size:14px;
	line-height:20px;
}
.nav li:nth-child(4n+1) a:before{ content:'\2660'; color:#8f8f8f; }
.nav li:nth-child(4n+2) a:before{ content:'\2665'; color:#b4433f; }
.nav li:nth-child(4n+3) a:before{ content:'\2666'; color:#b4433f; }
.nav li:nth-child(4n+4) a:before{ content:'\2663'; color:#8f8f8f; }

/* Служебните връзки, преместени в дъното на менюто от js/mobile.js */
.nav .top_menu{
	position:static;
	border:0;
	border-top:1px solid #3a3a3a;
	border-radius:0;
	box-shadow:none;
	background-color:#242424;
}
.nav .top_menu ul{
	padding:8px 16px;
}
.nav .top_menu li{
	display:inline-block;
	vertical-align:middle;
	float:none;
	border:0;
}
.nav .top_menu li a{
	padding:9px 0;
	font-size:13px;
	line-height:16px;
	color:#a6ce39;
}
.nav .top_menu li a:before{
	content:none;
}
.bullet,
.bullet_spade{
	margin:0 8px;
	height:16px;
}
.login_form{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.login_form form{
	padding-left:0;
	background-image:none;	/* иконата отнема място, което го няма */
}
.login_form table{
	width:100%;
}

/* --- Колоните се нареждат една под друга --------------------------------- */
.future_tournaments_holder,
.future_tournaments_info,
.future_tournament_events_holder,
.results_holder,
.results_info,
.result_events_holder,
.news_holder,
.news_info,
.news_events_holder,
.clubs_holder,
.clubs_info,
.clubs_events_holder,
.club_events_inner_holder,
.club_events_inner_title,
.top_10_holder,
.top_10_info,
.slider_holder,
.slider_items,
.club_left_col,
.club_right_col,
.club_members_holder,
.club_info_holder,
.club_contact_holder,
.club_map_holder,
.news_article_holder,
.tournament_children,
.personal_data_input,
.touraments_filter,
.touraments_filter_holder .date-holder,
.touraments_filter_holder .location,
.touraments_filter_holder .search-name{
	float:none;
	width:auto;
	max-width:100%;
	margin-left:0;
	margin-right:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.future_tournaments_holder,
.results_holder,
.news_holder,
.clubs_holder,
.top_10_holder,
.slider_holder,
.club_left_col,
.club_right_col{
	margin-bottom:20px;
}

/* Табовете се разпределят по равно върху наличната ширина */
.future_tournaments_tabs,
.results_tabs,
.news_tabs,
.clubs_tabs,
.top_10_tabs{
	display:table;
	table-layout:fixed;
	width:100%;
}
.future_tournaments_tabs li,
.results_tabs li,
.news_tabs li,
.clubs_tabs li,
.top_10_tabs li{
	display:table-cell;
	float:none;
	width:auto;
}
.future_tournaments_tabs li a,
.results_tabs li a,
.news_tabs li a,
.clubs_tabs li a,
.top_10_tabs li a{
	width:auto;
	padding-left:4px;
	padding-right:4px;
	font-size:15px;
}

/* Каруселът със снимки - клипът е с фиксирани 890px в jcarousel.css */
.jcarousel-skin-tango .jcarousel-clip-horizontal{
	width:auto;
}

/* Пътеката (breadcrumb) е float:left и заема цялата ширина. Долните блокове
   вече не са float-нати, затова спират да я заобикалят и се застъпват с нея. */
.breadcrumb{
	float:none;
	overflow:hidden;
	width:auto;	/* беше width:100% + margin-left:24px, т.е. 24px извън екрана */
	margin-left:0;
}

/* --- Филтри (ранглиста, турнири, членове) ------------------------------- */
/* Полетата са в таблица с инлайн ширини - разгъваме я на отделни редове. */
.touraments_filter_holder form table,
.touraments_filter_holder form tbody,
.touraments_filter_holder form tr,
.touraments_filter_holder form td{
	display:block;
	width:auto !important;
	text-align:left !important;
}
.touraments_filter_holder form td{
	padding:0 0 8px 0;
}
.touraments_filter_holder input[type="text"],
.touraments_filter_holder select{
	width:100% !important;
	margin:0 0 8px 0;
}
.touraments_filter_holder{
	padding-left:0;
}

/* --- Формуляри (вход, регистрация, профил) ------------------------------- */
/* Полетата са подредени в таблица с по 6 клетки на ред. На телефон всяка
   клетка става отделен ред - етикет, поле, етикет, поле... */
.sbss_tbl_holder table,
.sbss_tbl_holder tbody,
.sbss_tbl_holder tr,
.sbss_tbl_holder td{
	display:block;
	width:auto !important;
	height:auto !important;
}
.sbss_tbl_holder{
	padding-left:0;
}
.sbss_tbl_holder td{
	padding:2px 0;
}
.sbss_tbl_holder input[type="text"],
.sbss_tbl_holder input[type="password"],
.sbss_tbl_holder input[type="email"],
.sbss_tbl_holder select,
.sbss_tbl_holder textarea,
.sbss_tbl_holder .chzn-container{
	width:100% !important;
}
.sbss_tbl_holder .chzn-container .chzn-drop{
	width:100% !important;
}

/* Заглавните ленти са с фиксирана височина 20px. На тесен екран дългите
   заглавия се пренасят на нов ред и излизат извън цветната лента.

   headings_bg.png е спрайт (979x151) с четири ленти по 38px, избирани с
   background-position. Ако лентата стане по-висока, отдолу се показва
   следващият цвят от спрайта - затова тук картинката се заменя с градиент
   в същите цветове. Плътният цвят е резервен за стари браузъри. */
.future_tournament_title,
.results_title,
.clubs_title,
.news_title,
.page_title h1,
.profile_title,
.club_contact_title{
	height:auto;
	padding-bottom:8px;
	line-height:1.25;
}
.future_tournament_title{
	background-image:none;
	background-color:#487f62;
	background-image:linear-gradient(to bottom, #3a5041 0%, #487f62 50%, #3d5c4c 100%);
}
.results_title{
	background-image:none;
	background-color:#674c70;
	background-image:linear-gradient(to bottom, #44354a 0%, #674c70 50%, #443148 100%);
}
.clubs_title{
	background-image:none;
	background-color:#3370a4;
	background-image:linear-gradient(to bottom, #0f4878 0%, #3370a4 50%, #0f4878 100%);
}
.news_title{
	background-image:none;
	background-color:#24939c;
	background-image:linear-gradient(to bottom, #155e64 0%, #24939c 50%, #13595f 100%);
}
/* profile_title_bg.jpg е 1x37 вертикален градиент - просто го разтягаме */
.profile_title{
	background-size:auto 100%;
}

/* --- Широки таблици: хоризонтален скрол вместо смачкани колони ----------- */
.club_ranglist_table,
.tournament_children{
	display:block;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.club_ranglist_table td,
.club_ranglist_table th{
	white-space:nowrap;
}

/* Ранглистата има седем колони и не се побира. На телефон остава само
   крайното ело - съставките му (държавни, лицензирани, клубни; съответно
   тази година и минали години при вечната) отпадат, така че таблицата се
   събира без хоризонтално плъзгане. Колоните са маркирани в rank.php. */
.club_ranglist_table .elo_breakdown{
	display:none;
}
/* Имената са дълги - без пренос нищо не помага. */
.club_ranglist_table td:nth-child(3){
	white-space:normal;
}
.club_ranglist_table td.player{
	white-space:normal;
	min-width:150px;
}

/* --- Списъците на началната страница ------------------------------------- */
/* В home.php заглавието се извежда като гол текст след датата, затова първият
   му ред се сбиваше в остатъка от реда до жълтото балонче, а останалото
   минаваше отдолу. Датата остава с размера на балончето (фонът е спрайт с
   no-repeat и не бива да се разтяга), а заглавието застава на свой ред под нея.
   overflow:hidden прави заглавието отделен контекст, за да не се подпъхва под
   миниатюрата отляво. */
.news_events_holder .news_date,
.future_tournament_events_holder .tournaments_date,
.result_events_holder .result_tournaments_date{
	float:none !important;	/* две от трите носят inline float:left */
	display:inline-block;
	margin-right:0 !important;
}
.news_events_holder .item_title,
.future_tournament_events_holder .item_title,
.result_events_holder .item_title{
	display:block;
	overflow:hidden;
	text-align:left;
	padding-top:2px;
}

/* --- "Клубен живот" на началната страница --------------------------------- */
/* Редът с датата и името на клуба съдържа само два float-а, затова е с нулева
   височина - заглавието отдолу тръгва от същия ред и се преплита с тях. Освен
   това името на клуба не се събира до датата и пада на нов ред.
   Тук редът става flex: дата вляво, клуб вдясно (пренася се, ако е дълго), а
   заглавието застава под двете. Flex контейнерът има истинска височина и не се
   подпъхва под миниатюрата. Важи и за трите подраздела (новини, турнири,
   резултати) - маркъпът им е еднакъв. */
.clubs_events_holder .club_events_inner_holder,
.clubs_events_holder .club_events_inner_title{
	/* home.php слага inline width:480px. Блок с изрична ширина не може да се
	   свие до мястото до миниатюрата и пада под нея, затова width:auto. */
	width:auto !important;
}
.clubs_events_holder .club_events_inner_holder{
	overflow:hidden;	/* съдържанието се нарежда до миниатюрата, не под нея */
}
.clubs_events_holder .club_events_inner_title{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
}
.clubs_events_holder .club_events_inner_title .clubs_date{
	float:none !important;
	-webkit-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto;
}
.clubs_events_holder .club_events_inner_title span{
	float:none !important;
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	min-width:0;	/* иначе дългото име не се пренася, а разпъва реда */
	padding-left:8px;
	text-align:right;
}

/* --- Списък с турнири на вътрешна страница -------------------------------- */
/* tournaments.php слага inline float:left на <li>, на <a> вътре в него и на
   обвивката на таблицата с подтурнирите. Плаващите <li> се свиват по
   съдържание и се нареждат едно до друго, затова всяко следващо получава
   по-малко място - 302px, 235px, 192px. На тесен екран всяко трябва да заема
   целия ред. */
.inner_page_touraments_holder li{
	float:none !important;
	width:auto !important;
	overflow:hidden;	/* побира миниатюрата, която плава вляво */
}
/* Вътре в <a> има друг <a> (иконите), което е невалиден HTML - браузърът
   затваря външния по-рано и .club_events_inner_holder става негов съсед, а не
   дете. Затова тук <a> не бива да побира миниатюрата: иначе тя заема цял ред
   сама, а текстът слиза под нея. Миниатюрата плава, а текстовият блок се
   нарежда до нея като отделен контекст. */
.inner_page_touraments_holder li > a{
	float:none !important;
	display:block;
}
.inner_page_touraments_holder .club_events_inner_holder{
	overflow:hidden;
}
/* Повечето турнири нямат подтурнири, но обвивката на таблицата се извежда
   винаги - празна, с нулева височина и само горното си поле, което добавя
   10px към всеки ред. Полето се задава само когато таблицата има редове.
   Стари браузъри без :has() просто остават без него - 10px по-стегнато. */
.inner_page_touraments_holder li > div[style]{
	margin-top:0 !important;
}
.inner_page_touraments_holder li > div[style]:has(tr){
	margin-top:10px !important;
}
.inner_page_touraments_holder li > div{
	float:none !important;	/* обвивката на таблицата с подтурнирите */
}
.inner_page_touraments_holder .club_events_inner_holder,
.inner_page_touraments_holder .club_events_inner_title{
	width:auto !important;
}
/* Редът с датата и иконите съдържа само float-ове и се свива до нула, затова
   заглавието отдолу тръгва от същия ред и се припокрива с датата. Същото като
   в "Клубен живот" на началната страница. */
.inner_page_touraments_holder .club_events_inner_title{
	overflow:hidden;
}

/* --- Текст от редактора (CKEditor) --------------------------------------- */
/* Два слоя фиксирана ширина:
   1. tournaments.php слага style="width: 620px" върху самия #text_content;
   2. самото съдържание носи inline ширини в пиксели - 2924 от турнирите и 164
      от новините, от 15px до 675px, писани и с "width:", и с "WIDTH:".
   Нито едното не може да се поправи в базата, затова се неутрализира тук.
   !important е необходим, защото inline стилът иначе печели. */
#text_content{
	width:auto !important;
	max-width:100%;
}
#text_content img,
#text_content div,
#text_content p,
#text_content table,
#text_content iframe,
#text_content object,
#text_content embed{
	max-width:100% !important;
}
#text_content div,
#text_content p,
#text_content iframe,
#text_content object,
#text_content embed{
	width:auto !important;
}
#text_content img{
	width:auto !important;
	height:auto !important;	/* inline height-ът разтяга снимката, щом ширината се ограничи */
}
/* Таблици в съдържанието се скролват, вместо да разпъват страницата. */
#text_content table{
	display:block;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

/* --- Галерия в новина / турнир / клуб ------------------------------------ */
/* Фиксирани 614px: снимка 424px плюс лента с миниатюри 184px една до друга.
   Тук лентата минава под снимката, а снимката се свива до ширината на екрана. */
#products_example,
#container,
#products,
#products .slides_container,
.slides_control{
	float:none;
	width:auto;
	max-width:100%;
	height:auto;
}
.slides_container a{
	width:100%;
	height:auto;
}
.slides_container a img{
	width:100%;
	height:auto;	/* зададените 424x265 деформират снимка 424x267 */
}
.photo_title_container{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/* news.php извежда <ul> за миниатюрите винаги, но слага <li> само при повече
   от една снимка. С height:auto празният списък се свива, вместо да заема
   184x230px отстрани. */
#products .pagination,
.pagination_news_article{
	float:none;
	width:100% !important;
	height:auto;
	overflow:hidden;	/* <li> са float-нати - иначе списъкът остава с нулева височина */
	margin-left:0 !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* --- Обобщението за турнир ------------------------------------------------ */
/* tournaments.php и tournaments_results.php държат трета колона с inline
   width:180px за бутона "Запиши се". Когато записването е затворено, клетката
   е празна, но пак заема 180px от 354px и натиска датата в 174px - при
   нужни 274px тя се пренася на три реда. Без фиксираната ширина колоните се
   разпределят по съдържание и диапазонът се побира на един ред. */
.summary_tour_info td{
	width:auto !important;
}

/* --- Форми и падащи менюта ------------------------------------------------ */
/* Полетата идват високи 20-24px с шрифт 12px - твърде дребни за пръст, а под
   16px iOS увеличава страницата при фокус.
   !important е нужен, защото по-специфични правила в pages.css надделяват над
   обикновен селектор: .sbss_tbl_holder td input[type="text"] (0,2,2) и
   .touraments_filter_holder .date input[type="text"] бият input[type="text"].
   height:auto маха фиксираните 20px/24px, min-height дава площ за докосване. */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea{
	max-width:100%;
	font-size:16px !important;
	height:auto !important;
	min-height:44px;
	padding:9px 10px !important;
	line-height:1.2;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
textarea{
	min-height:88px;
}
/* Иконата на календара е прикачена горе вдясно спрямо целия ред с етикета.
   При по-високо поле трябва да слезе до средата му. */
.touraments_filter_holder .date .calendar{
	top:auto;
	bottom:19px;	/* полето е 44px, иконата 23px, а .date завършва 8px по-долу */
}

/* --- Footer -------------------------------------------------------------- */
.footer_info{
	padding:0 14px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/* --- Footer: сгънати раздели --------------------------------------------- */
/* Шестте раздела с 18 връзки заемаха 632px - 22% от всяка страница. Сгънати
   остават ~290px, без да се губи нищо. Сгъват се само ако js/mobile.js е
   добавил бутоните, иначе си остават отворени. */
.footer_section_holder{
	float:none;
	width:auto;
	margin:0;
	border-bottom:1px solid #45474f;
}
.footer_section_holder h3{
	position:relative;
	margin:0;
	padding:0;
	background-color:transparent;
	text-align:left;
	font-size:14px;
}
.footer_section_holder h3 a{
	display:block;
	padding:14px 58px 14px 14px;
}
.footer_section_holder ul{
	margin:0 0 8px 0;
	padding:0 14px;
}
.footer_section_holder li a{
	padding:9px 0;
}

body.m_js .m_acc_section ul{
	display:none;
}
body.m_js .m_acc_section.m_acc_open ul{
	display:block;
}

/* Отделен бутон, за да остане заглавието връзка към самия раздел. */
.m_acc{
	position:absolute;
	right:0;
	top:0;
	width:52px;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	border-left:1px solid #45474f;
	background:transparent;
	cursor:pointer;
}
.m_acc:before,
.m_acc:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	background-color:#d2d2d2;
}
.m_acc:before{
	width:14px;
	height:2px;
	margin:-1px 0 0 -7px;
}
.m_acc:after{
	width:2px;
	height:14px;
	margin:-7px 0 0 -1px;
}
.m_acc_open .m_acc:after{
	display:none;	/* + става - */
}
.below_footer{
	padding:10px 14px;
	line-height:20px;
}

}	/* край на max-width: 1020px */


/* ==========================================================================
   Телефони
   ========================================================================== */
@media screen and (max-width: 640px) {

body{
	background:#b0b0b0;	/* текстурата не се вижда, спестяваме заявка */
}
.content_holder{
	padding:10px;
}

/* Колоната "Резултати" (results_right.php) е странична информация на 10
   вътрешни страници. На телефон тя се озовава като голям блок най-отдолу,
   далеч от съдържанието, за което е дошъл човекът. На началната страница
   същият клас е основно съдържание, затова там остава. */
body:not(.page_home) .results_holder{
	display:none;
}

/* Каруселът със снимки отпада на телефон: хоризонтално плъзгане в страница,
   която и без това се скролва вертикално, е неудобно. На таблет остава. */
.slider_holder{
	display:none;
}

/* --- Филтър за турнири: само дата и категория --------------------------- */
/* Формата има шест групи. На телефон остават датите, категорията
   (#kinds - Национални / Външни / Първенства) и бутонът за търсене.
   Полетата само се скриват, а не се изчистват: ако човек е дошъл по връзка с
   вече зададен филтър, стойността се запазва при изпращане на формата,
   вместо да изчезне мълчаливо. */
.touraments_filter_holder #types,
.touraments_filter_holder .search-name,
.touraments_filter_holder #results,
.touraments_filter_holder .locaton{
	display:none;
}

/* Таб с по-малък шрифт, за да не се реже текстът */
.future_tournaments_tabs li a,
.results_tabs li a,
.news_tabs li a,
.clubs_tabs li a,
.top_10_tabs li a{
	font-size:13px;
}

}	/* край на max-width: 640px */


/* ==========================================================================
   Намалена анимация по избор на потребителя
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	.m_toggle_bars:before,
	.m_toggle_bars:after{
		-webkit-transition:none;
		transition:none;
	}
}