/* Проверяем наличие класса view-post, который есть только внутри статей */
 /* Максимально точный путь от body с нашим классом до целевого div */
body.worship-category [class*="ba-"] .intro-post-image,
body.worship-category div.intro-post-image,
body.worship-category .intro-post-image {
    /* Вставьте сюда нужные вам свойства. Для проверки добавим яркую рамку: */
  min-height: 30vh !important;
    
    /* Если нужно применить стиль к картинке внутри этого дива: */
}



/* Костыль для ссылки облаков*/
/* Делаем родительский блок точкой отсчета для позиционирования */
.ba-blog-post-content {
    position: relative; 
}

/* Растягиваем первую пустую ссылку на всю площадь родителя */
.ba-blog-post-content > a[aria-label] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Поднимает ссылку над фоном */
}

/* Чтобы ссылка в заголовке h3 не ломалась и оставалась доступной */
.ba-blog-post-title a {
    position: relative;
    z-index: 2; /* Поднимает текстовую ссылку НАД сквозной ссылкой */
}
.z-1 {
  z-index: 1!important}
.z-2 {
  z-index: 2!important}

/* Отступ внутри описания после каждого абзаца */
.about-event {background-color:white; }
.about-event .ba-field-content {padding:25px; box-sizing: border-box;}
.about-event .ba-field-content p { margin-bottom: 20px; }
.ba-item-blog-content p { margin-bottom: 20px!important; }

 /* Кнопка покупки билетов */
.btn-ticket a {width:100%;}
 /* Выравниванием меню относительно иконок */
.nav-item a:has(i) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 85%; /* или min-width: 200px — задайте нужную ширину */
}
 /**/
.header .ba-blog-post-field-title {
    padding-right: 10px;
    min-width: 25%;
  display: none;
}
/* Intro Post помещаем в красивую рамку*/
.intro-post-image-wrapper {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 25px;
}

.cloud {
  /* Занимает всю ширину и высоту вашего контейнера */
  width: 100%;
  height: 100%;
  position: relative;
  display: block;

  /* 100% ГАРАНТИРОВАННО РАБОЧИЙ SVG (с эффектом прозрачности к низу) */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgNzAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkNmYwZmQiIHN0b3Atb3BhY2l0eT0iMC44NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTE3LDYwIEMxMCw2MCA1LDU1IDUsNDcgQzUsNDAgMTAsMzUgMTcsMzUgQzE5LDIzIDI4LDE1IDM5LDE1IEM0OCwxNSA1NSwyMSA1OCwyOCBDNjIsMjQgNjgsMjEgNzQsMjEgQzg0LDIxIDkyLDI5IDkyLDM5IEM5Miw0MCA5Miw0MCA5Miw0MSBDOTYsNDQgOTksNDkgOTksNTQgQzk5LDYxIDkzLDY3IDg1LDY3IEwxNyw2NyBaIiBmaWxsPSJ1cmwoI2cpIi8+PC9zdmc+");
  
  /* Растягиваем изображение без сохранения пропорций под ваш div */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;

  /* ЛЕГКАЯ ТЕНЬ: Мягкий голубоватый оттенок, который точно будет видно */
  filter: drop-shadow(0px 10px 16px rgba(41, 121, 255, 0.25));

  /* Сброс старых стилей */
  background-color: transparent;
  border-radius: 0;
}

@media (max-width: 768px){
	.mobile {
	    position: fixed;
	    bottom: 0;
	    z-index: 100;
    width:100%!important;
  }}