/*
 Theme Name:   Medova Child  
 Theme URI:    https://themeholy.com/wordpress/medova
 Description:  This is a child theme for Medova - Health & Medical WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     medova
 Version:      1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  medova-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */ 

/* Child theme style.css */

label.wp-block-search__label {
    display: block;
    width: 100%;
}
.wp-block-search__inside-wrapper {
    position: relative;
    width: 100%;
}

/* 1) Контейнер: flex, без штучного відступу */
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item > label {
  display: inline-flex;
  align-items: flex-start;   /* чекбокс по верхньому рядку */
  padding-left: 0;           /* важливо: прибираємо 28px, бо більше не малюємо "коробочку" */
  cursor: pointer;
  line-height: 1.4;
}

/* 2) Показати нативний чекбокс і скинути всі "хованки" теми */
.wpcf7 form .wpcf7-acceptance input[type="checkbox"] {
  display: inline-block !important;
  position: static !important;
  width: 26px !important;
  height: 26px !important;

  margin: 0 10px 0 0 !important;
	vertical-align: top !important; /* вирівнюємо по верхній лінії тексту */
  padding: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;

  clip: auto !important;
  clip-path: none !important;
  overflow: visible !important;

  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  background: Canvas !important;          /* системний фон */
  color: CanvasText !important;           /* системний колір галочки */
  border: initial !important;             /* повертаємо стандартну рамку */
}

/* 3) Повністю вимикаємо "намальовані" коробочки/галочки (якщо десь лишились) */
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item-label::before,
.wpcf7 form .wpcf7-acceptance .wpcf7-list-item-label::after {
  content: none !important;
}

/* 4) Підкреслення посилання в тексті */
.wpcf7 form .wpcf7-acceptance a { text-decoration: underline; }

/* Перенести бейдж reCAPTCHA вліво-вниз */
.grecaptcha-badge {
  right: auto !important;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 9999;	
	display: none !important;
}

/* Спробуєм прибрати в хедері верхій блок */
.th-header .header-top {
    display: none !important;
}
/* Редагуємо колір блоків */


.feature-card_wrapp:nth-child(1) .feature-card,
.feature-box_wrapp:nth-child(1) .feature-box{
    background-color: rgba(225, 144, 155, 0.3); /* перша картка */
}

.feature-card_wrapp:nth-child(2) .feature-card,
.feature-box_wrapp:nth-child(2) .feature-box
{
    background-color: rgba(130, 154, 194, 0.3); /* друга картка */
}

.feature-card_wrapp:nth-child(3) .feature-card,
.feature-box_wrapp:nth-child(3) .feature-box{
    background-color: rgba(138, 216, 235, 0.3); /* третя картка */
}

.discount-wrapp {
	background-color: #FFF2F2;
}

.testi-card {
    background-color: rgba(225, 144, 155, 0.3);
}

/* Виправляєм велику літеру в назвах меню */
.main-menu a {
    text-transform: none !important;
}
/* Виправляємо регістр у мобільному меню Th-Theme */
#menu-golovne-menyu li a,
#menu-golovne-menyu li a span {
    text-transform: none !important;
}	
/* Прибираємо плюс тільки у верхньому рівні меню */
.main-menu > ul > li.menu-item-has-children > a:after {
    content: none !important;
}

/* Вимикаємо "+" який генерується через :after */
.th-mobile-menu ul .th-item-has-children > a:after {
    content: none !important;
}
/* Затемнення банера на головній сторінці */
.hero-1 .th-hero-bg:before {
    background: linear-gradient(0deg, rgba(44, 68, 106, 0.5), rgba(44, 68, 106, 0.5)) !important;
}

/* Слайд із індексом 0 */
.swiper-slide[data-swiper-slide-index="0"] .th-hero-bg {
  background-image: url("https://okl.prodion.dev/wp-content/uploads/2025/09/Baner-1920h1026.webp") !important;
}

/* Слайд із індексом 1 */
.swiper-slide[data-swiper-slide-index="1"] .th-hero-bg {
  background-image: url("https://okl.prodion.dev/wp-content/uploads/2025/12/Baner_2.webp") !important;
}

/* Слайд із індексом 2 */
.swiper-slide[data-swiper-slide-index="2"] .th-hero-bg {
  background-image: url("https://okl.prodion.dev/wp-content/uploads/2025/12/Baner_3.webp") !important;
}


/* Фон блоку графік роботи */
.opening-hour-content:before {
    background: rgba(44, 68, 106, 0.85);
}

/* Працює тільки в тих віджетах, де є заголовки і ти додав клас hours--grouped */
.hours--grouped .times-content .day:has(.time:empty) {
  justify-content: center;
  text-align: center;
  font-weight: 700;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

/* Перший рядок після заголовка */
.hours--grouped .times-content .day:has(.time:empty) + .day:has(.time:not(:empty)) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Внутрішні робочі рядки групи (щоб не було подвійних ліній у межах групи) */
.hours--grouped .times-content .day:has(.time:not(:empty)) + .day:has(.time:not(:empty)) {
  border-top: none;
  border-radius: 0;
}

/* Останній рядок перед наступним заголовком — повертаємо нижні кути */
.hours--grouped .times-content .day:has(.time:not(:empty)):has(+ .day:has(.time:empty)) {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Якщо група закінчується контейнером */
.hours--grouped .times-content .day:has(.time:not(:empty)):last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Форматування тексту для мед напрямку */
.medical-assist-text {  
  font-size: 18px;	
  text-align: justify;
  text-indent: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}

/*-------------------  team-card -------------------*/
.team-card .box-content {
  min-height: 151.7px; /* підбери за потребою */
  flex-shrink: 0;
}

