/* ===================================================================================

Theme Name: Politono Child
Theme URI: https://themeforest.net/user/xpeedstudio/portfolio

Author: sgiman
Author URI: https://politrate.net/

Description: Sassico is a Creative saas digital marketing WordPress Theme.
Version: 1.0

License: GNU General Public License v2 or later
License URI: LICENSE

Text Domain: politono
* Template: politono

* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html

* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* Мы рекомендуем создавать дочерние темы для любых изменений, которые вы захотите внести.

* Почему стоит использовать дочерние темы?
* В связи с возможными будущими обновлениями этой темы, которые перезапишут ваши изменения 
* и все ваши пользовательские настройки.

* Если вы не знакомы с дочерними темами, вы можете прочитать о них здесь:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
/* Last modification by sgiman @ 2026,jun */

.comment-notes {
    display: none;
}

.small-text {
	font-size: 13px;
}

/*------------------------
       C A B I N E T 
 ------------------------*/

.avatar-img {
  width: 100px; 		/* Задайте нужный размер */
  height: 100px;
  border-radius: 50%; 	/* Делает изображение круглым */
  object-fit: cover; 	/* Предотвращает сплющивание картинки */
}

.cabinet_box {
	margin: 0 0px 0 0px; 
}

.cabinet_info_title {
	padding: 15px 20px 15px 20px;
	background: #e13833;
	text-align: left;
}

.cabinet_info_time {
	padding: 15px 20px 15px 20px;
	background: #e13833;
	text-align: right;
}

.cabinet_info_title h4 {
	color: #fff;
}

.cabinet_info_time h4 {
	color: #fff;
}

.cabinet_info_data {
	padding: 20px 20px 20px 20px;
	color: #fff;
	background: #444;
	z-index:999;
}

.cabinet_status {
	padding: 20px 20px 20px 20px;
	color: #fff;
	background: #2575fc; 
	text-align: center;
	z-index:999;
}


.cabinet_data {
	padding: 20px 10px 10px 10px;
	background: #f1f1f1;
	color: #000;
	text-align: center;
}

.cabinet_role_data {
	padding: 20px 10px 10px 10px;
	background: #c7e5ff;
	color: #000;
	text-align: center;
}


.cabinet_rate {
    padding: 30px 0px 10px 0px;
    background: #2575fc;
    color: #ffffff;
    /* border: 1px solid #dbdbdb;*/
	text-align: center;
	font-size: 24px;
}

.cabinet_rate_my {
    padding: 30px 0px 10px 0px;
    background: #e13833;
    color: #ffffff;
    /* border: 1px solid #dbdbdb;*/
	text-align: center;
	font-size: 24px;
}

.cabinet_rate_my_b {
    padding: 30px 0px 10px 0px;
    background: #1b496c;
    color: #ffffff;
    /* border: 1px solid #dbdbdb;*/
	text-align: center;
	font-size: 24px;
}


/***************************************************************/

.data_reg{
	margin: 20px;
}

/* WPForm */
.main_form_rate {
	padding: 20px 20px 20px 20px;
	background: f1f1f1;
	color: #000;
    border: 1px solid #dbdbdb;
}

/*------------------------
       PROPOSTITION 
 ------------------------*/
.propostion_date_end {
	padding: 20px 20px 20px 20px;
	/*font-size: 20px;*/
	background: #444;
	color: #fff;	
}
.propostion_rate {
    padding: 20px 20px 20px 20px;
    background: #2575fc;
    color: #ffffff;
}
.propostion_detail {
    padding: 20px 20px 20px 20px;
    background: #c7e5ff;
    color: #000;
}	
.propostion_data {
	padding: 20px 20px 20px 20px;
	background: #f1f1f1;
	color: #000;
    /* border: 1px solid #dbdbdb; */
}
/***************************************************************/


.small_font {
	font-size: 14px;
}

/*************************
 *      COLOR TEXT
 ************************/ 
.tred {
    color: #c61414;
    font-family: "Open Sans", sans-serif;
}

.tblue {
    color: #0e65ab;
    font-family: "Open Sans", sans-serif;
}

.tgreen {
    color: #1a6d23;
    font-family: "Open Sans", sans-serif;
}

.tbold {
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
}

.message {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
/**********************************************************************/

/* ===========================================
           LEADER SKILLS (form MySQL)
   =========================================== */
 
/* Контейнер для адаптивной горизонтальной прокрутки на смартфонах */
.wp-custom-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Стилизация полосы прокрутки для мобильных устройств (WebKit) */
.wp-custom-table-container::-webkit-scrollbar {
    height: 6px;
}
.wp-custom-table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.wp-custom-table-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.wp-custom-table-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Базовые стили таблицы */
#custom-wp-table {
    width: 100% !important;
    border-collapse: collapse;
    font-family: sans-serif;
    font-size: 14px;
}

/* Стили заголовков */
#custom-wp-table th {
    background-color: #2c3e50;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 10px;
    text-align: left;
    border-bottom: 3px solid #1a252f;
}

/* Стили ячеек */
#custom-wp-table td {
    padding: 12px 10px;
    color: #333333;
    border-bottom: 1px solid #f1f1f1;
}

/* Эффект зебры: подсвечиваем каждую четную строку */
#custom-wp-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* Эффект наведения мыши на строку */
#custom-wp-table tbody tr:hover {
    background-color: #f1f4f6;
    transition: background-color 0.2s ease;
}

/* Стили элементов управления DataTables (поиск, пагинация) */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px !important;
    background-color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #2c3e50 !important;
    color: #fff !important;
    border: 1px solid #2c3e50 !important;
    border-radius: 4px !important;
}

/***********************************************************************************************/
/* Стилизация кнопок экспорта DataTables */
.dataTables_wrapper .dt-buttons .dt-button-custom {
    background: #2c3e50 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    transition: background 0.2s ease !important;
}

.dataTables_wrapper .dt-buttons .dt-button-custom:hover {
    background: #1a252f !important;
    cursor: pointer;
}

/* Сдвиг поиска, чтобы он красиво стоял рядом с кнопками */
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 15px;
}

/* SORT */

/* Включаем отображение стрелок сортировки для DataTables */
#custom-wp-table th {
    position: relative;
    cursor: pointer;
    padding-right: 28px !important;
}

/* Создаем стрелки с помощью псевдоэлементов */
#custom-wp-table th.sorting::before, 
#custom-wp-table th.sorting::after {
    position: absolute;
    right: 10px;
    opacity: 0.3;
    font-size: 11px;
}
#custom-wp-table th.sorting::before {
    content: "▲";
    bottom: 50%;
}
#custom-wp-table th.sorting::after {
    content: "▼";
    top: 50%;
}

/* Изменение состояния стрелок при клике и сортировке */
#custom-wp-table th.sorting_asc::before {
    opacity: 1;
    color: #ff5722; /* Цвет активной стрелки вверх (например, оранжевый) */
}
#custom-wp-table th.sorting_asc::after {
    opacity: 0; /* Прячем нижнюю стрелку */
}

#custom-wp-table th.sorting_desc::before {
    opacity: 0; /* Прячем верхнюю стрелку */
}
#custom-wp-table th.sorting_desc::after {
    opacity: 1;
    color: #ff5722; /* Цвет активной стрелки вниз */
}

/***********************************************************************************************/

.author-avatar {
  //width: 300px;           	/* Задаем ширину */
  //height: 300px;          	/* Задаем высоту, равную ширине (обязательно для идеального круга) */
  border-radius: 50%;     		/* Скругляем углы на 50% */
  border: 4px solid #3498db; 	/* Задаем цвет, толщину и стиль бордюра */
  //object-fit: cover;      	/* Масштабирует картинку, чтобы она заполняла весь блок */
}


/****************************************************************************************
	
	CSS-код карточки мероприятия включает 
	стили для блока даты, заголовка и кнопки участия.
	
	<div class="event-card"> — главный контейнер.
	<div class="event-date"> — плашка с датой.
	<div class="event-body"> — текстовая часть с заголовком, описанием и кнопкой.
	
****************************************************************************************/

css.event-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  max-width: 360px;
  font-family: sans-serif;
  transition: transform 0.2s ease;
}

.event-card:hover {
  transform: translateY(-4px);
}

.event-date {
  background: #4f46e5;
  color: #ffffff;
  padding: 12px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

.event-body {
  padding: 20px;
}

.event-title {
  font-size: 20px;
  color: #1f2937;
  margin: 0 0 10px 0;
}

.event-info {
  font-size: 14px;
  color: #4b5563;
  margin-bottom: 16px;
}

.event-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  background: #4f46e5;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
}

.event-btn:hover {
  background: #4338ca;
}