/*
 * Theme Name: Axitech
 * Description: Основная тема сайта
 * Theme URI:   https://axitech.ru/
 * Author:      Vadim
 * Author URI:  vadim.expert
*/

/* ===== Elegant Quote (Gutenberg .wp-block-quote) ===== */

:root {
    --q-accent: #034589;
    --q-bg: #f7f9fc;
    --q-text: #0a0a0a;
    --q-mark: rgba(200, 205, 211, 0.12);
}

/*@media (prefers-color-scheme: dark){*/
/*    :root{*/
/*        --q-accent:#80b3ff;*/
/*        --q-bg:#0f1724;*/
/*        --q-text:#eceff4;*/
/*        --q-mark:rgba(128,179,255,.12);*/
/*    }*/
/*}*/

.wp-block-quote {
    position: relative;
    margin: clamp(16px, 4vw, 32px) 0;
    padding: clamp(18px, 3vw, 28px) clamp(20px, 4vw, 36px);
    color: var(--q-text);
    background: linear-gradient(0deg, var(--q-bg), var(--q-bg));
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
    /* тонкая акцентная полоса слева */
    border-left: 6px solid var(--q-accent);
    overflow: hidden;
    isolation: isolate; /* для ::before под контентом */
}

.wp-block-quote p {
    margin: 0;
    font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.6;
}

.wp-block-quote cite,
.wp-block-quote footer {
    display: block;
    margin-top: .9em;
    font-size: .9em;
    color: rgba(0, 0, 0, .6);
}

@media (prefers-color-scheme: dark) {
    .wp-block-quote cite,
    .wp-block-quote footer {
        color: rgba(255, 255, 255, .6);
    }
}

/* большая декоративная кавычка */
.wp-block-quote::before {
    content: "“";
    position: absolute;
    z-index: -1;
    top: -24px;
    right: clamp(8px, 2vw, 18px);
    font-size: clamp(80px, 14vw, 160px);
    line-height: .8;
    font-family: Georgia, "Times New Roman", serif;
    color: var(--q-mark);
    pointer-events: none;
}

/* тонкий градиентный ореол справа для глубины */
.wp-block-quote::after {
    content: "";
    position: absolute;
    inset: auto -20% -30% auto;
    width: 60%;
    height: 80%;
    background: radial-gradient(60% 60% at 100% 100%, rgba(3, 69, 137, .08), transparent 70%);
    z-index: -1;
}

/* Вариант компактной цитаты — добавь класс .is-style-compact */
.wp-block-quote.is-style-compact {
    padding: clamp(14px, 2.5vw, 22px) clamp(16px, 3vw, 26px);
    border-left-width: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
}

.wp-block-quote.is-style-compact::before {
    display: none;
}

/* Адаптивные отступы в узких сайдбарах */
@container (inline-size < 520px) {
    .wp-block-quote {
        padding: 16px 18px;
    }
}

/* Поддержка RTL */
:dir(rtl) .wp-block-quote {
    border-left: 0;
    border-right: 6px solid var(--q-accent);
}

:dir(rtl) .wp-block-quote::before {
    right: auto;
    left: clamp(8px, 2vw, 18px);
}


.footer-legal ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li.current-menu-item a::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #034589;
}

.sidebar-nav li.current-menu-item a {
    color: #034589;
}

.product-sidebar {
    flex-shrink: 0;
}

.category-description {
    margin-top: 50px;
}

.product-container-wrapper .swiper-button-next, .product-container-wrapper .swiper-button-prev {
    color: #034589;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    backdrop-filter: blur(4px);
}

.product-container-wrapper .swiper-button-next::after, .product-container-wrapper .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}

ul.product-sidebar-sublist {
    margin-bottom: 12px;
}

.product-sidebar-sublist .product-sidebar-link {
    padding: 2px 0 2px 16px;
}

.about-h1 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.about .about-main-title {
    font-size: 36px;
    font-weight: 700;
    margin: 20px 0 30px;
}

.about a.btn {
    margin-top: 30px;
}

.contact-task .contact-task-box {
    padding: 60px 50px 30px;
}

.contact-task-form p {
    margin: 0;
}

.form-row p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.form-row span.wpcf7-form-control-wrap {
    width: 48%;
}

.form-file p {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-note p {
    font-size: 12px;
    color: #bbb;
}

.form-file-label br,
.contact-task-text br {
    display: none;
}

.contact-task .form-bottom-wrapper {
    align-items: flex-start;
    margin: 10px 0 0;
}

.form-bottom-wrapper .task-form-submit-button {
    margin: 0;
}

.form-bottom-wrapper .wpcf7-list-item {
    margin: 0;
}

.form-bottom-wrapper .wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.form-bottom-wrapper .wpcf7-list-item-label {
    margin: 0;
    font-size: 13px;
    color: #e2e2e2;
}

.form-bottom-wrapper .wpcf7-list-item-label a {
    color: #e2e2e2;
    border-bottom: 1px solid #9ab5d0;
}

.swiper.news-swiper {
    padding: 10px;
}

.news-swiper-wrapper .swiper-slide {
    transition: .3s;
}

.news-swiper-wrapper .news-card p {
    min-height: 75px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.news-swiper-wrapper .news-card time {
    margin-bottom: 10px;
}

.single-service .services {
    padding: 0 0 100px;
}

/* Шапка с изображением */

.page-header-wrapper-bg {
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: 150px 20px;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #034589;
    border-radius: 10px;
}

.page-header-wrapper-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(9 14 43 / 70%);
    border-radius: 10px;
    z-index: 1;
}

.page-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    z-index: 9;
}

.page-header-wrapper-bg h1 {
    text-align: center;
    color: #fff;
}

.page-header-wrapper-bg .breadcrumb ul li a {
    color: #F2F5F9;
}

.page-header-wrapper-bg .breadcrumb ul li a:hover,
.page-header-wrapper-bg .breadcrumb ul li a:focus {
    color: #fff;
}

.page-header-wrapper-bg .breadcrumb ul li span {
    color: #CDDAE7;
}

/* Мета проектов */

.project-page-sidebar .project-info {
    gap: 20px;
    padding: 20px;
    font-size: 15px;
}


.project-form {
    margin-bottom: 100px;
}


@media (min-width: 1280px) {
    .project-page-sidebar .project-info-label {
        width: 46%;
    }
}

@media (max-width: 1200px) {
    .page-header-wrapper-bg {
        padding: 100px 20px;
    }

    .page-header-content {
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .page-header-wrapper-bg {
        padding: 80px 20px;
    }

    .page-header-content {
        gap: 10px;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .page-header-wrapper-bg h1 {
        text-align: center;
    }

    .project-form {
        margin-bottom: 50px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .breadcrumb {
        width: unset;
    }
}

/* Шапка с изображением конец стилей */

@media (max-width: 1250px) {
    .form-row span.wpcf7-form-control-wrap {
        width: 100%;
    }

    .form-row p br {
        display: none;
    }


}

@media (max-width: 992px) {
    .sticky-sidebar.project-page-sidebar {
        position: static;
    }

    /*.project-page-sidebar .project-info-item {*/
    /*    flex-direction: row;*/
    /*    gap: 16px;*/
    /*}*/
}


@media (max-width: 768px) {
    .contact-task .contact-task-box {
        padding: 30px;
    }
}

@media (max-width: 550px) {
    .contact-task .contact-task-box {
        padding: 30px 20px;
    }

    /*.form-bottom-wrapper p {*/
    /*    width: 100%;*/
    /*}*/
    /*.project-page-sidebar .project-info-label {*/
    /*    width: 37%;*/
    /*}*/
    .project-page-sidebar .project-info {
        padding: 12px;
        font-size: 13px;
    }


}


/* ====== CF7: Узнать стоимость ====== */

.cf7-price-form br {
    display: none;
}

.cf7-price-form {
    --gap: 10px;
    --pad: 24px;
    --radius: 12px;
    --bg: #fff;
    --shadow: 0 8px 28px rgba(0, 0, 0, .06)
}

.cf7-price-form {
    padding: 30px 0 0;
}

.cf7-price-form .pf-wrap {
    display: flex;
    gap: 48px;
    align-items: flex-start
}

.cf7-price-form .pf-left {
    flex: 1 1 40ch;
    max-width: 48%
}

.cf7-price-form .pf-right {
    flex: 1 1 540px;
    max-width: 52%
}

.cf7-price-form h3 {
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #2b2b2b
}

.cf7-price-form .pf-lead {
    margin: 0;
    color: #5b5b5b;
    line-height: 1.6;
    font-size: 16px
}

.cf7-price-form .row {
    display: flex;
    gap: var(--gap);
    margin-top: var(--gap)
}

.cf7-price-form .col {
    flex: 1 1 0
}

.cf7-price-form input[type="text"],
.cf7-price-form input[type="email"],
.cf7-price-form input[type="tel"],
.cf7-price-form textarea {
    width: 100%;
    border: 1px solid #dbe2ea;
    border-radius: 8px;
    padding: 14px 16px;
    font: inherit;
    line-height: 1.4;
    outline: none;
    background: #fff;
    transition: border-color .2s, box-shadow .2s
}

.cf7-price-form .pf-right p {
    line-height: 1.3;
    margin: 0;
}

.cf7-price-form textarea {
    min-height: 140px;
    resize: vertical
}

.cf7-price-form input:focus,
.cf7-price-form textarea:focus {
    border-color: #3b79d6;
    box-shadow: 0 0 0 3px rgba(59, 121, 214, .15)
}

/* file */
/*.cf7-price-form .file-line {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 16px;*/
/*    margin-top: 8px*/
/*}*/

/*.cf7-price-form .file-btn {*/
/*    display: inline-block;*/
/*    padding: 10px 14px;*/
/*    border-radius: 8px;*/
/*    border: 1px solid #dbe2ea;*/
/*    background: #f6f8fb;*/
/*    cursor: pointer*/
/*}*/

.cf7-price-form .note p {
    margin-top: 6px;
    color: #8a8f98;
    font-size: 13px
}

/* acceptance + submit */
.cf7-price-form .bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px
}

.cf7-price-form .agree {
    display: flex;
    align-items: flex-start;
    gap: 0;
    max-width: 560px;
    color: #5b5b5b;
    font-size: 14px;
    line-height: 1.4
}

.cf7-price-form .wpcf7-list-item {
    margin: 0;
}

.cf7-price-form .agree input[type="checkbox"] {
    margin-top: 2px;
    width: 18px;
    height: 18px;
    accent-color: #0a5ad4
}

.cf7-price-form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border: none;
    border-radius: 5px;
    background-color: #034589;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: transform .06s ease, filter .15s
}

.cf7-price-form .btn:hover {
    filter: brightness(1.05)
}

.cf7-price-form .btn:active {
    transform: translateY(1px)
}

/* errors from CF7 */
.cf7-price-form .wpcf7-not-valid {
    border-color: #e55353 !important
}

.cf7-price-form .wpcf7-not-valid-tip {
    color: #e55353;
    font-size: 12px;
    margin-top: 6px
}

.cf7-price-form .wpcf7-response-output {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 8px
}

@media (max-width: 900px) {
    .cf7-price-form {
        background: unset;
        border-radius: unset;
        padding: 30px 10px 0;
    }

    .cf7-price-form .pf-left {
        flex: 1 1 auto;
    }

    .cf7-price-form .pf-wrap {
        flex-direction: column;
        gap: 28px
    }

    .cf7-price-form .pf-left, .cf7-price-form .pf-right {
        max-width: 100%
    }

    .cf7-price-form h3 {
        display: none;
        font-size: 15px
    }

    .cf7-price-form .pf-lead {
        font-size: 13px
    }
}

.cf7-contact-form {
    padding: 0;
}

.pf-wrap p {
    margin: 0;
}

@media (max-width: 1024px) {
    .cf7-contact-form .row {
        flex-direction: column;
    }

    .cf7-contact-form .pf-form {
        width: 100%;
    }

    .cf7-contact-form .wpcf7-form-control.wpcf7-file {
        width: 100%;
    }
}


/* важно для корректной работы Swiper */
.projects-swiper {
    overflow: hidden;
}


.swiper.about-news-swiper {
    padding: 15px;
}


.sketchfab-embed-wrapper iframe {
    width: 100%;
    height: 500px;
}

.diler-map iframe {
    height: 100%;
}

.diler-form {
    margin-bottom: 100px;
}

.diler-item {
    text-align: center;
}

.diler-item .diler-img {
    height: 100px;
}

.diler-item .diler-contact-data {
    margin-top: 5px;
}

.diler-item .diler-contact-data p {
    margin-top: 0;
}

.diler-item .btn-icon-left {
    align-self: center;
}

@media (max-width: 992px) {
    .diler-map iframe {
        height: 400px;
    }

    .diler-form {
        margin-bottom: 0;
    }

    .diler-form .container {
        padding: 0;
    }
	
	.about-inner .about-h1 {
    font-size: 13px;
    text-align: center;
    color: #5a5a5a;
}
}


.wp-block-embed {
    margin-top: 50px;
}

.wp-block-media-text {
    margin: 25px 0;
}

.wp-block-separator {
    margin: 40px 0;
}

.wp-block-group {
    margin: 50px 0;
}



.page-form-bottom-wrapper .wpcf7-list-item {
    margin: 0;
}

.page-form-bottom-wrapper p {
    font-size: 13px;
    line-height: 1.3;
}

.sidebar-form p .task-form-input {
    padding: 14px;
    font-size: 14px;
}

.page-form-bottom-wrapper .task-form-submit-button {
    font-size: 14px;
}

.sidebar-form p {
    margin: 10px 0;
}

.sidebar-form .wpcf7-not-valid-tip {
    font-size: 12px;
}

.sidebar-form .sidebar-form-title {
    margin-bottom: 30px;
}

.tax-product_category .product-card img {
    padding: 0;
    background-color: unset;
}

.menu .current-menu-item a {
  color: #fdb415;
}

.news-card-item .news-thumbnail {
    width: 100%;
    height: 152px;
}

.entry-content img {
    width: auto;
    height: auto;
}

@media (min-width: 1024px) {
  .hero-swiper .slide-content .slide-title {
    font-size: 42px;
    line-height: 1.3;
    color: #000000; /* ЧИСТО ЧЕРНЫЙ ЦВЕТ, как вы просили */
    margin-top: 0;
    margin-bottom: 20px;

    /* Подбор Font-weight для баланса (Medium/Semi-bold) */
    font-weight: 600;
    /* Легкая тень для четкости */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
  }
    .hero-swiper .slide-content .slide-text {
        font-size: 18px;
        line-height: 1.6;
        /*  color: #333333; Темно-серый для удобства чтения */
        color: #000000;
        margin-bottom: 0;
        font-weight: 400;
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
    }

  .hero-swiper .slide-content p {
    margin: 35px 0 0;
    font-size: 20px;
    line-height: 1.5;
  }
}

.about-h1 {
    font-size: 15px;
}

.wpcf7-response-output {
    color: #333;
}

.page-content iframe {
    width: 100%;
}


.sticky-sidebar {
    width: 100%;
}

/* Делаем текст всех вкладок черным */
.hero-tabs .tab {
    color: #000000 !important; /* !important гарантирует перекрытие системных стилей */
    /*color: #1a1a1a;!important;  !important гарантирует перекрытие системных стилей */
    border-color: rgba(0, 0, 0, 0.2); /* Опционально: делаем рамку тоже темнее, чтобы она сочеталась */
}

/* Стили для активной (нажатой) вкладки */
.hero-tabs .tab.active {
    color: #000000;
    font-weight: 500; /* Можно добавить жирности для акцента */
    border-bottom: 2px solid #000000; /* Подчеркивание активной вкладки черным */
}

/* Цвет при наведении */
.hero-tabs .tab:hover {
    /*color: #333333;*/
    color: #232323;
}
/* 1. Цвет границы для активного таба */
.hero-tabs .swiper-slide .tab.active {
    border-bottom-color: #000000 !important;
    color: #000000 !important;
}

/* 2. Если на сайте используется декоративный элемент (линия под всеми табами) */
/* Обычно в таких шаблонах есть общая направляющая линия */
.hero-tabs::after {
    background-color: rgba(0, 0, 0, 0.1); /* Тонкая серая подложка под всей полосой */
}

/* 3. Анимированная плавающая линия (если она реализована через отдельный div) */
/* В некоторых версиях этого шаблона за линию отвечает класс .active-line или .tab-underline */
.hero-tabs .active-line {
    background-color: #000000 !important;
}

/* 4. Плавное появление при наведении */
.hero-tabs .tab:hover {
    border-bottom-color: rgba(0, 0, 0, 0.5);
    color: #000000;
}

.site-header {
    /*background-color: rgba(255, 255, 255, 0.9) !important; /* Белый фон с легкой прозрачностью */
    /*backdrop-filter: blur(10px); /* Эффект матового стекла */
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Тонкая разделительная линия */
    /*transition: all 0.3s ease; /* Плавный переход при изменениях */
    background-color: #b5d1ed !important;
    backdrop-filter: blur(15px); /* Эффект сильного размытия фона */
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая светящаяся полоска */
}

/* Цвет ссылок в меню */
.site-header .nav-link,
.site-header a {
    color: #000000 !important;
    font-weight: 500;
    text-transform: uppercase; /* Делаем заглавными как в оригинале */
    letter-spacing: 1px;
    }

.footer{
    background-color: #b5d1ed !important;
    backdrop-filter: blur(15px); /* Эффект сильного размытия фона */
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Тонкая светящаяся полоска */
    color: #000000 !important;
}
.footer-copy{
    color: #000000 !important;
}
.footer-about{
    color: #000000 !important;
}
/* Состояние покоя */
.nav-link {
    color: #000000; /* Текст черный */
    transition: color 0.3s ease; /* Плавный переход цвета (длится 0.3 секунды) */
    text-decoration: none;
}

/* Состояние при наведении */
.nav-link:hover {
    /*  color: #0056b3; Цвет меняется на синий */
    color: #000000 !important;
}

.footer-nav{
    color: #000000 !important;
}
.footer-nav-list{
    color: #000000 !important;
}
.footer-nav-list li a {
    display: inline-block;
    color: #95175677;!important;
    text-decoration: none;
    font-size: 15px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.footer-nav-list{
    color: #95175677;!important;

}
.mnumrf {
    color: #000000!important;
    position: relative;
    border: none;
    background: none;
    transition: all 0.3s ease;
}

.mnumrf:hover {
    color: #007bff!important;; /* Текст становится голубым */
}

/* Линия, которая плавно выезжает снизу */
.mnumrf::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #007bff!important;
    color: #000000!important;
    transition: width 0.3s ease;
}

.mnumrf:hover::after {
    width: 100%; /* Линия растягивается на всю ширину при наведении */
}
.sub-menu {
    color: #f07bff!important;
    background: #99badc !important;
}