/*!
Theme Name: Kadence Child
Theme URI: https://lymbridge.pl
Template: kadence
Author: Lymbridge
Author URI: https://lymbridge.com
Description: A child theme for the Kadence Theme.
Version: 1.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/


/*________________________________________________ФОРМА______________________________________________________*/
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  color: #002664 !important;
}


.wpcf7 input:not([type="submit"]),
.wpcf7 textarea,
.wpcf7 select {
  color: #002664 !important;
}

.form_one {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: transparent;
  padding: 20px;
  font-family: sans-serif;
  color: #fff;
}

.form_one .form-columns {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.form_one .form-column {
  flex: 1;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.form_one .form-group p {
  margin: 0;
}

/* Стили полей */
.form_one input[type="text"],
.form_one input[type="email"],
.form_one input[type="tel"],
.form_one select {
  width: 100%;
  padding: 10px 0;
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  color: #fff !important;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
  border-radius: 0 !important;
}

/* Стили при фокусе — сохраняем нижнюю границу */
.form_one input[type="text"]:focus,
.form_one input[type="email"]:focus,
.form_one input[type="tel"]:focus,
.form_one select:focus {
  border-bottom: 2px solid #fff;
  outline: none;
  background: transparent;
  color: #fff !important;
}

/* Стили для select */
.form_one select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 24px;
}

/* Кнопка отправки */
.form_one .submit-group {
  text-align: left;
  margin-top: 60px;
}

.form_one input[type="submit"] {
  background: transparent;
  color: #fff !important;
  border: 2px solid #fff;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 32px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

.form_one input[type="submit"]:hover {
  background: #fff;
  color: #000 !important;
}

.form_one ::placeholder {
  color: #ccc;
}

.form_one .wpcf7-not-valid-tip {
    color: #ffcc00; 
    font-weight: bold; 
}

.pum-container .wpcf7-form-control { /* Общий класс для всех полей CF7 внутри попапа */
    width: 100%;
    box-sizing: border-box; /* Чтобы padding и border не увеличивали фактическую ширину */
}



	
/* __________________________________________  ИКОНКИ _________________________________________________ */
@font-face {
  font-family: 'TransportIconFont'; 
  src: url('https://lymbridge.pl/wp-content/uploads/2025/04/transport.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.icon-link {
  text-decoration: none;
  display: block;
  text-align: center;
  transition: color 0.1s ease;
}

.icon-plane::before,
.icon-truck::before,
.icon-ship::before,
.icon-warehouse::before {
  font-family: 'TransportIconFont';
  font-size: 100px;
  color: white;
  display: block;
  transition: color 0.1s ease, border-bottom 0.1s ease;
  border-bottom: 5px solid transparent; /* Прозрачная граница по умолчанию */
  padding-bottom: 5px;
}

.icon-plane::before { content: '\e009'; }
.icon-truck::before { content: '\e010'; }
.icon-ship::before { content: '\e015'; }
.icon-warehouse::before { content: '\e024'; }

.icon-title {
  color: white;
  transition: color 0.1s ease;
}

/* Подсветка при наведении — только для иконки */
.icon-group:hover .icon-plane::before,
.icon-group:hover .icon-truck::before,
.icon-group:hover .icon-ship::before,
.icon-group:hover .icon-warehouse::before {
  color: #FFD500;
  border-bottom: 5px solid #FFD500;
}

/* Заголовок — меняется только цвет при наведении */
.icon-group:hover .kt-adv-heading32_8249a1-2a,
.icon-group:hover .kt-adv-heading32_d4b44d-a3,
.icon-group:hover .kt-adv-heading32_668384-d9,
.icon-group:hover .kt-adv-heading32_b1a59d-87 {
  color: #FFD500;
  text-decoration: none;
  border-bottom: none;
}

/* Дополнительные иконки */
.icon-tr1::before { content: '\e034'; }
.icon-tr2::before { content: '\e036'; }
.icon-tr3::before { content: '\e033'; }
.icon-tr4::before { content: '\e049'; }

.icon-tr1::before,
.icon-tr2::before,
.icon-tr3::before {
  font-family: 'TransportIconFont';
  font-size: 80px;
  color: #002664;
  display: block;
}

.icon-tr4::before {
  font-family: 'TransportIconFont';
  font-size: 90px;
  color: #002664;
  display: block;
}

/* Наведение меню */
li.menu-resources.sf-dropdown a:hover,
li.menu-program.sf-dropdown a:hover {
    color: #eded9a !important;
    cursor: default;
}



/* ___________________________________МЕНЮ___________________________________________*/
/* По умолчанию для активного пункта линия прозрачная */
.menu-item.current-menu-item > a::after,
.menu-item.current_page_item > a::after {
    background-color: transparent !important;
    transition: background-color 0.3s ease;
	  color: inherit !important;
}

/* Обычный хедер — при наведении меняем цвет текста и линии */
.site-header .menu-item.current-menu-item > a:hover::after,
.site-header .menu-item.current_page_item > a:hover::after,
.site-header .menu-item.current-menu-item > a:hover,
.site-header .menu-item.current_page_item > a:hover {
    color: var(--global-palette3) !important;

}

/* Прозрачный хедер — при наведении желтый */
.transparent-header .menu-item.current-menu-item > a:hover::after,
.transparent-header .menu-item.current_page_item > a:hover::after,
.transparent-header .menu-item.current-menu-item > a:hover,
.transparent-header .menu-item.current_page_item > a:hover {
    color: #FFD500 !important;
}

/* _________________________отмена показа слайдера на мобильном  __________________________________*/
@media (max-width: 767px) {
  #n2-ss-2-align,
  #n2-ss-2,
  #n2-ss-2-placeholder {
    display: none !important;
  }
}

/*_______ТОП БАР___________________*/
.site-header-item.site-header-focus-item[data-section="kadence_customizer_header_html"] > .header-html > .header-html-inner > div {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

.site-header-item.site-header-focus-item[data-section="kadence_customizer_header_html"] a {
  color: inherit !important;
  text-decoration: none !important;
}

.header-html-inner .divider-line {
  display: inline-block;
  height: 1.3em;
  border-left: 1px solid white;
  margin: 0 30px;
}

/* ___________________________________КНОПКА СВЯЗИ______________________________________ */
#call-button {
  position: fixed;
  bottom: 20vh;
  right: 30px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #BB133E;
  color: #fff;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  user-select: none;
  transition: background-color 0.3s, color 0.3s;
  z-index: 9999;
}


#call-button:hover {
  background: #FFD500;
  color: #002664;
}

#call-button svg {
  width: 44px;
  height: 44px;
  display: block;
}

/* Убираем анимацию и делаем видимым первый слайд при первой загрузке */
.n2-ss-slider .n2-ss-layers-container {
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
}