/*
Theme Name: Hq Pages Child
Theme URI: https://hq-web.net/themes/wordpress/hq-web
Text Domain: hq-pages
Author: hq-web
Author URI: https://hq-web.net
Template: hq-pages
*/


/* shortcode toggle text */
.toggleText {
    margin: 24px 0;
}

.toggleText__hidden {
    padding-top: 10px;
}

.toggleText__bottom {
    display: flex;
    justify-content: center;

    margin-top: 24px;
}

.toggleText__btn {
    min-width: 180px;
    height: 52px;

    padding: 0 24px;

    border-radius: 15px;
    border: 1px solid #05335d;

    background: #05335d;
    color: #fff;

    font-size: 16px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease;
}

.toggleText__btn:hover {
    background: #F75E25;
    border-color: #F75E25;
}

.toggleText.active .toggleText__btn {
    background: #fff;
    color: #0f69ff;
}

/* Основные стили для блоков */
.custom-section { padding: 40px 0; }
.rounded-block { border-radius: 15px; background: #afafaf; padding: 20px; margin-bottom: 20px; }

/* Иконки (используем SVG или просто блоки с цветом) */
.icon-box { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.icon-shape { width: 50px; height: 50px; border-radius: 50%; background: #05335d; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; }
.icon-shape.accent { background: #F75E25; }

/* Кнопки */
.btn-custom { background: #F75E25; color: #fff; padding: 15px 25px; border-radius: 15px; text-decoration: none; display: inline-block; transition: 0.3s; margin-right: 10px; }
.btn-custom:hover { background: #05335d; color: #fff; }


/* Скрытие только иконок на мобильном */
@media (max-width: 768px) {
    .hide-on-mobile { display: none !important; }
}


.labcsk-contact-form--single {
  max-width: 640px;
  width: 100%;
}

.labcsk-contact-form__field {
  margin-bottom: 18px;
}

.labcsk-contact-form label {
  display: block;
  color: #05335d;
  font-weight: 600;
}

/* .labcsk-contact-form input,
.labcsk-contact-form textarea {
  width: 100%;
  margin-top: 8px;
  padding: 14px 16px;
  border: 1px solid #d8dee6;
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
}
 */
.labcsk-contact-form textarea {
  min-height: 140px;
  resize: vertical;
}

.labcsk-contact-form__consent {
  margin: 18px 0;
  font-size: 14px;
  line-height: 1.4;
}

/* .labcsk-contact-form__consent a {
  color: #F75E25;
} */

.labcsk-contact-form__submit {
  background: #F75E25;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.labcsk-contact-form__submit:hover {
  background: #05335d;
}
/* Уменьшение увеличение иконок как робим и преимущества */
@media (max-width: 480px) {
    .hw-item img {
        max-width: 50px; /* Размер иконки на мобильных */
    }
}

/* Контейнер для кнопок */
.buttons-wrapper {
    display: block !important;
    text-align: center !important; /* Центрирует всё внутри */
    margin: 20px 0 !important;
    width: 100% !important;
}

/* Сами кнопки */
.buttons-wrapper .btn-custom {
    display: inline-block !important; /* Позволяет центрировать */
    float: none !important;           /* Убирает привязку влево, если она была */
    margin: 5px 10px !important;      /* Отступы вокруг кнопок */
    text-decoration: none !important;
}

/* Контейнер сетки */
.advantages-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 колонок на ПК */
    gap: 20px;
    margin: 30px 0;
    align-items: start;
}

/* Элемент с иконкой */
.adv-item {
    text-align: center;
}


/* Обычное состояние кнопки */
.custom-submit {
    background-color: #05335d !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px; /* Настройте под себя */
    cursor: pointer;
    transition: background-color 0.2s ease; /* Плавный переход цвета */
}

/* Состояние при наведении (опционально, чтобы было видно, что кнопка активна) */
.custom-submit:hover {
    background-color: #074a7d !important; /* Чуть светлее, чем основной цвет */
}

/* Состояние при нажатии (то самое, что вы просили) */
.custom-submit:active {
    background-color: #F75E25 !important;
    outline: none !important;
}

/*  */
.block-hq-contact-form-5--custom .block-hq-contact-form-5__person {
  position: initial;
  top: initial;
  bottom: initial;
  left: initial;
  transform: initial;
  pointer-events: initial;
  aspect-ratio: initial;
  width: 40%;
}

.block-hq-contact-form-5--custom .block-hq-contact-form-5__columns {
  padding-top: 30px;
  padding-bottom: 0px;
  column-gap: 30px;
}

.block-hq-contact-form-5--custom .block-hq-contact-form-5__column {
  width: 60%;
}

.block-hq-contact-form-5--custom .block-hq-contact-form-5__person img {
  object-fit: contain;
  object-position: bottom center;
}

.block-hq-contact-form-5--custom .screen-reader-response {
  display: none;
}

.block-hq-contact-form-5--custom .labcsk-contact-form__title {
  font-size: var(--font-size-big-middle);    
  margin-bottom: var(--distance2, 30px);
}

.block-hq-contact-form-5--custom .labcsk-contact-form__columns {
  display: flex;
  gap: 20px;
}

.block-hq-contact-form-5--custom label {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: 20px;
}

.block-hq-contact-form-5--custom .labcsk-contact-form__footer label {
  flex-direction: initial !important;
}

.block-hq-contact-form-5--custom .block-hq-contact-form-5__contact-form {
  margin-top: initial !important;
}

@media (max-width: 992px) {
  .block-hq-contact-form-5--custom .block-hq-contact-form-5__person {
    display: none;
  }

  .block-hq-contact-form-5--custom .block-hq-contact-form-5__column {
    width: initial;
  }

  .block-hq-contact-form-5--custom .labcsk-contact-form__columns {
    flex-direction: column;
  }
}

/* --- ОБЩИЕ СТИЛИ ИНФ БЛОКОВ --- */
.section-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 30px !important;
    background-color: #f9f9f9 !important;
    border-radius: 15px !important;
    margin: 20px 0 !important;
}

.section-title {
    margin-bottom: 25px !important;
    text-align: center;
    color: #333;
    font-size: 24px;
}

.flex-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
}

.item-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    flex: 0 0 200px !important;
    max-width: 200px !important;
}

.item-box img {
    width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
    margin-bottom: 10px !important;
}

/* --- АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ --- */
@media (max-width: 768px) {
    
    /* 1. Блок "Наши преимущества": делаем в одну колонку */
    .advantages-section .item-box {
        flex: 0 0 100% !important; /* Занимает всю ширину */
        max-width: 100% !important;
    }

    /* 2. Блок "Как мы работаем": скрываем на мобильных */
    .how-we-work-section {
        display: none !important;
    }
}


.widget_block:has(.block-hq-contact-form-5){background:initial;box-shadow:initial;padding:initial}.background .block-hq-contact-form-5{margin-top:initial;background-color:var(--color-background-block)}.background .block-hq-contact-form-5__person{top:0}.block-hq-contact-form-5{container-name:block-hq-contact-form-5;container-type:inline-size;position:relative;background-color:var(--color-background-primary);border-radius:var(--border-radius-block);box-shadow:var(--box-shadow);border:var(--border-size) solid var(--color-dark);transition:all .5s ease-in-out;margin-top:80px;background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width:768px){.block-hq-contact-form-5{margin-top:initial}}.block-hq-contact-form-5.invers .block-hq-contact-form-5__description,.block-hq-contact-form-5.invers .block-hq-contact-form-5__open-mode,.block-hq-contact-form-5.invers .block-hq-contact-form-5__phone a,.block-hq-contact-form-5.invers .block-hq-contact-form-5__socials-title,.block-hq-contact-form-5.invers .block-hq-contact-form-5__title,.block-hq-contact-form-5.invers .hq-email,.block-hq-contact-form-5.invers .hq-email a,.block-hq-contact-form-5.invers form.wpcf7-form label,.block-hq-contact-form-5.invers input[type=file]{color:var(--color-text-primary-light)}.block-hq-contact-form-5__title{font-size:var(--font-size-big-super);line-height:var(--line-height);font-weight:400}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__title{font-size:22px}}.block-hq-contact-form-5__title strong{color:var(--color-accent-secondary)}.block-hq-contact-form-5__description{font-size:var(--font-size-normal-pre-super);line-height:var(--line-height)}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__description{font-size:16px}}.block-hq-contact-form-5__phone{display:flex;flex-direction:column;row-gap:var(--distance4, 10px)}.block-hq-contact-form-5__phone.hq-phone a{font-size:var(--font-size-big-middle)}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__phone.hq-phone a{font-size:22px}}.block-hq-contact-form-5__person{position:absolute;top:-80px;bottom:0;left:50%;transform:translateX(-50%);pointer-events:none;aspect-ratio:3/4}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__person{display:none}}.block-hq-contact-form-5__person img{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.block-hq-contact-form-5__columns{display:flex;justify-content:space-between;-moz-column-gap:350px;column-gap:350px;padding:100px calc(var(--padding-block-horizont)*2)}@container block-hq-contact-form-5 (max-width: 1100px){.block-hq-contact-form-5__columns{-moz-column-gap:100px;column-gap:100px}}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__columns{flex-direction:column;row-gap:var(--distance2, 30px);padding:var(--padding-block) var(--padding-block-horizont)}}.block-hq-contact-form-5__column{width:50%;display:flex;flex-direction:column;z-index:20}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__column{width:initial}}.block-hq-contact-form-5__column:nth-child(2){row-gap:var(--distance2, 30px);align-self:flex-end;align-items:end}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__column:nth-child(2){align-self:initial;align-items:initial}}.block-hq-contact-form-5__contact-form{margin-top:var(--distance2, 30px)}.block-hq-contact-form-5__contact-form form{display:flex;flex-direction:column;-moz-column-gap:var(--distance2, 30px);column-gap:var(--distance2, 30px)}.block-hq-contact-form-5__socials .socials__items{justify-content:end}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__socials .socials__items{justify-content:initial}}.block-hq-contact-form-5__socials img{width:40px;height:40px;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 6px 12px rgba(0,0,0,.12));filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 6px 12px rgba(0,0,0,.12))}.block-hq-contact-form-5__socials-title{font-size:var(--font-size-big-middle);line-height:var(--line-height);font-weight:400;text-align:right;margin-bottom:var(--distance4, 10px)}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__socials-title{font-size:22px;text-align:initial}}.block-hq-contact-form-5__open-mode{font-size:var(--font-size-normal-small);line-height:var(--line-height);text-align:right}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5__open-mode{text-align:initial}}.block-hq-contact-form-5 .wpcf7-form-control-wrap input,.block-hq-contact-form-5 .wpcf7-form-control-wrap select{display:block;max-width:100%;padding:20px 50px}@container block-hq-contact-form-5 (max-width: 1024px){.block-hq-contact-form-5 .wpcf7-form-control-wrap input,.block-hq-contact-form-5 .wpcf7-form-control-wrap select{max-width:initial}}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5 .wpcf7-form-control-wrap input,.block-hq-contact-form-5 .wpcf7-form-control-wrap select{padding:10px 25px!important}}.block-hq-contact-form-5 .wpcf7-form-control-wrap input[type=file]{padding:initial!important}.block-hq-contact-form-5 .wpcf7-submit{padding:var(--button-size-big)!important;width:100%;max-width:initial}@container block-hq-contact-form-5 (max-width: 768px){.block-hq-contact-form-5 .wpcf7-submit{padding:var(--button-size-standard)!important}}