/* Поля вводу */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;             /* розтягнути на ширину контейнера */
  padding: 12px 16px;
  border: 1px solid #ccc;
  border-radius: 0px;
  font-size: 16px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

/* Фокус */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #FEAA15;
  box-shadow: 0 0 8px rgba(254, 170, 21, 0.3);
  outline: none;
}

/* Кнопка */
.wpcf7-submit {
  background: #FEAA15 !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 5px 46px !important;
  border: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: inline-block !important;
}

.wpcf7-submit:hover {
  background: #D28C11 !important;
}

.calc-wrapper {
    background-color: #4C7EED; /* синій колір */
    padding: 5px; /* відступи всередині */
    border-radius: 0px; /* закруглення кутів */
	
}

.scc-title-s {
	color: #fff !important;
}
.scc-col-xs-12{
	color: #fff !important;
}
.df-scc-slider-horizontal .df-scc-slider-handle{
	background-color: #FEAA15 !important;
}
.df-scc-slider-connect{
	background-color: #FEAA15 !important;
}
.scc-total-1{
	color: #FEAA15 !important;
}
.scc-total{
	color: #FEAA15 !important;
}
.elementor-element{
	color: #FEAA15 !important;
	
}

.calc-wrapper.evaluation-copy {
    width: 100%
			;     
	
	/* розтягуємо на всю ширину контейнера */
    max-width: 1200px;        /* обмеження максимальної ширини, щоб не розтягувався занадто */
    margin: 0 auto;           /* центруємо по горизонталі */
    display: block;


    box-sizing: border-box;    /* щоб padding не збільшував загальну ширину */
}

.wp-block-social-link a svg {
    filter: invert(1);
}

/* ===== Вузький закріплений хедер ===== */ 
.site-header { position: fixed; top: 0; 
	left: 0; 
	width: 100%; 
	height: 20px !important; 
	z-index: 9999; 
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
} 
/* Вміст усередині */ 
.header-inner { 
	max-width: 1200px; 
	margin: 0 auto; 
	height: 100%; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; padding: 0px !important; } 
/* Щоб контент не перекривався хедером */ 
body { padding-top: 00px; }

/* Головний контейнер */
.elementor-element-faaa78c {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Ховаємо кнопку спочатку */
.elementor-element-faaa78c .but1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

/* Контент (іконка, заголовок, текст) */
.elementor-element-faaa78c,
.elementor-element-faaa78c .elementor-heading-title,
.elementor-element-faaa78c .elementor-widget-text-editor {
  transition: all 0.4s ease;
  z-index: 1;
}

/* При наведенні — ховаємо контент */

.elementor-element-faaa78c:hover .elementor-heading-title,
.elementor-element-faaa78c:hover .elementor-widget-text-editor {
  opacity: 0;
  transform: translateY(-20px);
}

/* При наведенні — показуємо кнопку */
.elementor-element-faaa78c:hover .but1 {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Ховаємо кнопку спочатку */
.cont1 .but1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

/* Контент (іконка, заголовок, текст) */

.elementor-element-fe76ac4 .elementor-heading-title,
.elementor-element-fe76ac4 .elementor-widget-text-editor {
  transition: all 0.4s ease;
  z-index: 1;
}

/* При наведенні — ховаємо контент */

.cont1:hover .elementor-heading-title,
.cont1:hover .elementor-widget-text-editor {
  opacity: 0;
  transform: translateY(-20px);
}

/* При наведенні — показуємо кнопку */
.cont1:hover .but1 {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.owl-carousel .owl-stage-outer {
	position:relative !important;
	overflow: hidden !important;
	-webkit-transform: translate3d(0,0,0) !important;
}

.owl-item .carousel-item {
  display: flex;
  flex-direction: column;
}

/* Чтобы порядок был: title → content → rating */
.owl-item .carousel-item .title {
  order: 1;
}

.owl-item .carousel-item .content {
  order: 2;
}

.owl-item .carousel-item .rating {
  order: 3;
}

.owce-carousel .owl-content {
  min-height: 150px;
}

/* Робимо всі елементи чорно-білими */
.owl-stage .owl-item img {
  filter: grayscale(100%);
  transition: filter 0.4s ease, transform 0.3s ease;
}

/* При наведенні — кольорові */
.owl-stage .owl-item:hover img {
  filter: grayscale(0%);
  transform: scale(1.03); /* трішки збільшує для ефекту */
}
/* Ховаємо оригінальний напис */
.Total {
  color: transparent !important;
  position: relative;
}

/* Додаємо свій текст замість нього */
.Total::before {
  content: "Celková částka";
  color: #fff; /* Можеш змінити колір */
  position:relative;
  left: 0;
  top: 0;
}

.cmplz-close {
  color: #cccccc !important; /* світло-сірий колір іконки */
  transition: color 0.3s ease;
  border: none !important;       /* прибирає рамку */
  outline: none !important;      /* прибирає контур при фокусі */
  box-shadow: none !important;   /* прибирає тінь, якщо є */
}

.scc-trigger{
  background-color: #fEAA15!important; 
	border-radius: 0px !important;
 
  display: none !important;

}
.scc-total-2 {
	color: #fEAA15 !important;
}