/*
 Theme Name:  Divi Child Theme Zara Sport
 Theme URI:    https://zarasport.site/
 Description:  Child Theme for Divi
 Author:       Gergana Stamova
 Author URI:   https://zarasport.site/
 Template:     Divi
 Version:      2.0
*/

/*****Add any custom CSS below this line*****/

.divi-blog-module-clickable-article .et_pb_post {
  position: relative;
}

.divi-blog-module-clickable-article .et_pb_post .entry-title a:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.divi-blog-module-clickable-article .et_pb_post:hover {
  cursor: pointer;
}

/* === ZARA-HOME-UNIFORM-4x3 START === */
/* Начална — еднакви карти и банери (4:3). Версия 3: bulletproof снимки + текст веднага под тях (без празнота). */

/* 1) Блогове (АКЦЕНТИ + ПОСЛЕДНИ НОВИНИ): фиксирана 4:3 рамка за thumbnail,
      тесен отстояние отдолу за заглавието да застава веднага под снимката */
body.home .et_pb_blog article.et_pb_post .et_pb_image_container {
  position: relative !important;
  width: calc(100% + 40px) !important;
  height: 0 !important;
  padding-top: 88% !important;
  margin: -20px -20px 12px !important;
  overflow: hidden !important;
}
body.home .et_pb_blog article.et_pb_post .et_pb_image_container > a,
body.home .et_pb_blog article.et_pb_post .et_pb_image_container .entry-featured-image-url {
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  display: block !important;
}
body.home .et_pb_blog article.et_pb_post .et_pb_image_container picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
body.home .et_pb_blog article.et_pb_post .et_pb_image_container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Заглавието — без горен margin, залепва веднага под снимката */
body.home .et_pb_blog article.et_pb_post .entry-title {
  margin-top: 0 !important;
}

/* 3) Банери (среден ред et_pb_row_13): 4:3 рамка, снимката абсолютна за да е ВИДИМА */
body.home .et_pb_row_13 .et_pb_image > a,
body.home .et_pb_row_13 .et_pb_image a {
  display: block !important;
}
body.home .et_pb_row_13 .et_pb_image_wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  padding-top: 75% !important;
  overflow: hidden !important;
}
body.home .et_pb_row_13 .et_pb_image_wrap img {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* Трети банер (et_pb_image_14, широк) — показва се цял, без изрязване */
body.home .et_pb_row_13 .et_pb_image_14 .et_pb_image_wrap img {
  object-fit: contain !important;
  object-position: top center !important;
}
/* "прочетете още" — четим: зелен, удебелен, по-голям, подчертан, БЕЗ размитата text-shadow */
body.home .et_pb_blog article.et_pb_post a.more-link {
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #008000 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
  margin-top: 10px !important;
}
body.home .et_pb_blog article.et_pb_post a.more-link:hover {
  color: #00A008 !important;
  text-shadow: none !important;
}
/* Текстът под снимките (резюмето) — по-широки редове, леко разредени букви */
body.home .et_pb_blog article.et_pb_post .post-content,
body.home .et_pb_blog article.et_pb_post .post-content p,
body.home .et_pb_blog article.et_pb_post .post-content-inner {
  letter-spacing: 0.5px !important;
}
/* Заглавията + "прочетете още" на картите оцветяват автоматично според цвета
   на заглавието на публикацията — виж functions.php (zara_output_title_colors).
   Ръчни правила вече не трябват; нови публикации се оцветяват автоматично. */
/* === ZARA-HOME-UNIFORM-4x3 END === */

/* === Единични публикации: центрира катото (DiviFlash Heading Animation) + бутона === */
/* Публикации, създадени наново в Divi 5, нямат center подравняване (мигрираните имат). */
body.single-post .difl_heading_anim,
body.single-post .difl_heading_anim .headline-animation {
  text-align: center !important;
  justify-content: center !important;
}
body.single-post .et_pb_button_module_wrapper {
  text-align: center !important;
}

/* === Падащите менюта да са над съдържанието (z-index конфликт) ===
   На началната първата секция (et_pb_section_3) има z-index:10, колкото хедъра —
   и тъй като е по-късно в кода, покрива падащите менюта. Вдигаме хедъра над всички
   секции (над съдържанието ≤100, под модални/бисквитки ≥99999). */
.et-l--header .et_pb_section,
.et_pb_section_0_tb_header { z-index: 9999 !important; }