/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Скрывает категорию с ID 23 в навигационном меню */
.cat-23 {
    display: none !important;
}

.archive.category .main-page-wrapper {
    margin-top: clamp(50px, calc(50px + 150 * ((100vw - 370px) / 880)), 200px);
}

.home .page-title {
    display: none;
}

.archive.category .page-title {
    padding-top: 0;
    padding-bottom: 0;
}

.like-h2 {
    font-size: 26px;
    font-weight: 600;
}

/* FAQ BLOCK  */
.faq-title {
    font-weight: 500;
}

.faq-wrapper * {
    margin-bottom: 0;
}

.faq-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

.faq-inner {
    display: flex;
    flex-flow: wrap;
    gap: 40px;
}

.faq-left-block {
    display: flex;
    flex-flow: column;
    gap: 35px;
    flex-basis: 460px;
    font-weight: 500;
}

.faq-right-block {
    display: flex;
    flex-flow: column;
    flex: 1;
}

.accordion {
    display: flex;
    flex-flow: column;
    gap: 20px;
    font-size: 16px;
}

.accordion-header {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    background-color: #EEEEEE66;
    font-weight: 700;
}

.accordion-header>p {
    max-width: 85%;
}

.accordion-icon {
    width: 27px;
    height: 27px;
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg class='e-font-icon-svg e-fas-plus-circle' viewBox='0 0 512 512' fill='%233964D4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all linear .2s;
    margin-left: auto;
}

.accordion-item.active .accordion-icon {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg class='e-font-icon-svg e-fas-minus-circle' viewBox='0 0 512 512' fill='%233964D4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zM124 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H124z'%3E%3C/path%3E%3C/svg%3E");
}

.accordion-content {
    transition: all linear .3s;
    display: grid;
    grid-template-rows: 0fr;
}

.accordion-item.active .accordion-content {
    grid-template-rows: 1fr;
    padding: 15px 20px;
}

.accordion-inner {
    overflow: hidden;
}

@media (max-width: 1200px) {
    .faq-right-block {
        flex: auto;
    }
}