/*
Theme Name: Spike Child Theme
Template: spike
Theme URI: https://spike.themerex.net/
Description: Spike Child Theme
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0.0
Tested up to: 6.6
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: spike
*/

/* =Child-Theme customization starts here
------------------------------------------------------------ */
/* Additional child theme styles live in inc/category-subcategories.css */

.sc_blogger_list.sc_blogger_list_with_image .sc_blogger_item_title {
	font-size: 21px;
}

.sc_blogger_list.sc_blogger_list_with_image .sc_blogger_item_title a {
  color: #eee;
}

.sp-table-caption {
	border-top-color: #00adee;
}

.sp-template-gallery dd strong {
	padding: 0;
}

.lb-dataContainer {
	display: none !important;
}

.post_layout_band {
	margin-top: 100px !important; 
}
.post_info_posted_by {
	display: none !important;
}

.post_info_counters {
	display: none !important;
}

.post_info_item::after {
	display: none !important;
}
.post_categories {
	padding-right: 10px !important;
}

.footer_wrap {
	background-color: var(--theme-color-bg_color) !important;
}

.post_featured {
border-radius: 30px !important;
  border: 5px #fff solid !important;
  }

.post_item_container {
	border-radius: 30px !important;
}

.post_type_post {
	background-color: #00335b;
	border-radius: 30px !important;
	padding: 30px;
}

.post_header_wrap_style_style-4 .post_featured img {
	width: 100% !important;
}

.trx_addons_icon-youtube2 {
	color: #fff;
}



/* ФОТО */
.sp-section-content-photo {
  position: relative;
  z-index: 3;
}

.sp-player-photo img {
  position: relative;
  z-index: 4;
  border-radius: 30px;
}

.sp-template-player-photo  {
	background-color: transparent;
		padding-right: 0 !important;
}

.sp-template-details dl {
	padding: 15px 0 15px 0
}

/* БЛОК С ДЕТАЛЯМИ */
.sp-section-content-details {
  position: relative;
  padding: 0px 0px 25px 0px;
  margin-top: 0;
	background-color: #00335b;
	border-radius: 30px;
	border: 3px #fff solid;
	  padding: 20px;
}
  

/* НОМЕР */
.sp-player-number-circle {
  position: absolute;
  top: -25px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #00335b;
  color: #fff;
  border-radius: 30%;
  font-size: 28px !important;
  font-weight: bold;
  border: 3px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  z-index: 3;
}

/* Диез */
.sp-player-details dt:has(+ dd .sp-player-number-circle) {
    display: none;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */
@media (max-width: 768px) {
  .sp-section-content-photo {
    z-index: 3;
	}
  

.sp-player-number-circle {
    /* ЦЕНТРИРОВАНИЕ ПО ГОРИЗОНТАЛИ */
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    top: -38px;
    width: 70px;
    height: 70px;
    font-size: 28px !important;
  }
	.sp-template-player-photo {
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 50px !important;
		border: solid #fff 3px !important;
		border-radius: 30px;
		background-color: #fff !important;
		padding: 0px;
	}
}

.sp-template-details dt {
	border-top:0px;
	padding:0px;
}


/* СТИЛИ ДЛЯ НОМЕРОВ ИГРОКОВ НА СТРАНИЦЕ КОМАНДЫ */

.sp-template-gallery .gallery-item {
	padding:0px;
}

.sp-template-gallery .gallery-item {
	background-color: #fff;
  border-radius: 30px;
  border-style: solid;
  border-color: #fff;
  border-width: 3px;
}


.sp-template-gallery .gallery-item strong {
	background: #00335b;
}
.gallery-columns-3 .gallery-item {
	width: 30.972% !important;
}

.sp-template-gallery dd.has-number {
	padding: 15px 0 15px 0;
  text-align: center;
	font-size: 18px;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .sp-template-gallery .gallery-item .sp-player-number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin: -25px auto 10px auto;
    }
    
    .sp-template-gallery .gallery-item {
        margin: 0 0 60px 0 !important;
    }
}

/* Для планшетов */
@media (max-width: 1279px) and (min-width: 769px) {
    .sp-template-gallery .gallery-item .sp-player-number {
        width: 55px;
        height: 55px;
        font-size: 24px;
        margin: -28px auto 12px auto;
    }
}

/* Дополнительно: улучшаем внешний вид галереи */
.sp-template-gallery .sp-gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
	
}

@media (max-width: 1279px) {
    .sp-template-gallery .gallery-item {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 600px) {
    .sp-template-gallery .gallery-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.sp-template-gallery .gallery-item strong,
.sp-template-gallery .gallery-item .sp-number,
.sp-template-gallery .gallery-item .data-number {
    width: 60px;
    height: 60px;
    border-radius: 30%;
    font-size: 28px;
    font-weight: bold;
    border: 3px solid #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    margin: -45px auto 15px 10px;
}