/*
 Theme Name:   Vilva "Спорт Тур"
 Description:  Тема разработанная специально для компании Спорт Тур на основе Vilva
 Author:       Your Name
 Author URI:   https://t.me/bl1nkoff
 Template:     vilva
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  vilva-child
*/

/* ==========================================================================
   0.0 ПОДКЛЮЧЕНИЕ ШРИФТОВ
   ========================================================================== */

@font-face {
  font-family: 'CCElephantmen';
  src: url('assets/fonts/CCElephantmen Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* ==========================================================================
   1.0 ГЛОБАЛЬНЫЕ СТИЛИ И ПЕРЕОПРЕДЕЛЕНИЯ ТЕМЫ
   ========================================================================== */

body {
  --primary-color-active: #0d82ba;
  --primary-color-light: #ebf5fc;
  --primary-color-ultra-light: #f2f8fc;
  --secondary-background: #f8f9fa;
  --header-font-family: 'CCElephantmen', sans-serif;
  background-color: #fff;
  /* Убираем автоматический паддинг тела при открытии модальности */
  padding-top: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--header-font-family);
  line-height: 1.25;
  font-weight: 800;
}

/* -- 1.1 Типографика -- */
h1 { font-size: 2.2rem; line-height: 1.25; }
h2 { font-size: 2rem; line-height: 1.25; }
h3 { font-size: 1.72rem; line-height: 1.25; margin: 0.65em 0; }
h4 { font-size: 1.39rem; line-height: 1.25; margin: 0.65em 0; }
h5 { font-size: 1.11rem; line-height: 1.25; margin: 1em 0; }
h6 { font-size: 0.8888rem; line-height: 1.25; margin: 1em 0; }

label {
  width: initial;
}

/* -- 1.2 Макет -- */
.site-title-wrap {
	display: none;
}
.breadcrumb-wrapper {
  margin: 0;
}
.breadcrumb-wrapper span {
  font-size: .9rem;
}
.breadcrumb-wrapper span.separator {
	width: auto;
}
.content-area,
.widget-area {
	margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.container {
    max-width: 1400px;
    margin: 0 auto;
}


/* ==========================================================================
   2.0 ГЛОБАЛЬНЫЕ КОМПОНЕНТЫ
   ========================================================================== */

/* -- 2.1 Подвал (Footer) -- */
.footer-b {
	display: none;
}
.footer-t {
    background: #121212;
    padding-top: 40px;
    padding-bottom: 20px;
}

/* -- 2.2 Сайдбар и виджеты -- */
aside.widget-area {
	position: sticky;
	top: calc(var(--header-bottom, 0px) + 20px);
  max-height: calc(100vh - var(--header-bottom, 0px) - 20px - 20px);
  overflow-y: auto;
}
.widget {
    margin: 0;
}
aside .widget-title {
	background: #f5f5f5 !important;
	border-radius: 8px;
}
aside .custom-html-widget li {
	background: #ebf5fc;
	padding: 8px !important;
	border-radius: 8px;
	margin-bottom: 8px !important;
}
aside .custom-html-widget li a {
	text-decoration: unset !important;
	transition: unset;
}
aside .custom-html-widget li a:hover {
	color: var(--primary-color) !important;
	text-decoration: underline !important;
}

/* -- 2.3 Кнопки Gutenberg -- */
.wp-block-button__link,
a.wp-block-button__link {
	color: white;
	text-decoration: none;
	background: var(--primary-color);
}
.wp-block-button__link:hover,
a.wp-block-button__link:hover {
	color: #32373c;
}

/* -- 2.4 Слайдеры -- */
.site-banner .banner-caption { bottom: 2em; font-size: 16px; }
.site-banner .banner-title { font-size: 2em !important; border-radius: 5px; padding: 0 !important; background: none !important; }
.site-banner .banner-title a { border-radius: 5px; display: inline-block; hyphens: auto; padding: 0 10px; background: #FFFFFFDD; }
.site-banner .cat-links { font-size: .75em !important; border-radius: 5px; }
.owl-carousel .item { max-height: 400px; max-width: 80vw; aspect-ratio: 16/9; margin: auto; }
.owl-carousel .item img { height: 100% !important; width: 100% !important; object-fit: contain !important; }
.st-meta-slider * { outline: none !important; }
@media(max-width: 1000px){
	.site-banner .banner-caption { bottom: 1em; }
	.site-banner .banner-title { font-size: 1em !important; }
}


/* ==========================================================================
   3.0 СТИЛИ КОНТЕНТА
   ========================================================================== */

.wp-block-image img {
	border-radius: 10px;
	overflow: hidden;
}

.st-link {
  cursor: pointer;
  transition-duration: 200ms;
  transition-property: background-color, color;
  transition-timing-function: ease;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  color: inherit;
  line-height: 1.5 !important;
  background: transparent !important;
  text-decoration: unset;
}

.st-link:hover {
  color: var(--primary-color);
  background: var(--primary-color-light) !important;
}

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

#cookiebanner-root .cb {
  padding: 20px !important;
  backdrop-filter: blur(10px);
  text-align: left !important;
  background: rgba(255, 255, 255, .5) !important;
  transition: .4s ease background-color;
  border: 2px solid var(--primary-color) !important;
  width: 600px !important;
}

#cookiebanner-root .cb:hover {
  background: rgba(255, 255, 255, .9) !important;
}

#cookiebanner-root .cb__aside {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 0 !important;
  height: fit-content;
  min-height: unset !important;
}

#cookiebanner-root .cb__content-body {
  margin-bottom: 15px !important;
}

#cookiebanner-root .cb__b {
  position: static !important;
  margin: unset !important;
  border-radius: 5px !important;
  background: var(--primary-color) !important;
  color: white !important;
  width: auto !important;
  min-width: 33%;
}

#cookiebanner-root .cb__b:hover {
  background: var(--primary-color-active) !important;
}

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

article img {
  border-radius: 10px;
}

.wp-block-post-content > .block-editor-block-list__block {
  border: red 2px dashed;
  border-radius: 10px;
}