/*
Theme Name: AI Theme
Description: Базовая тема сайта. Содержит общий каркас, глобальные стили и стандартные WordPress fallback-шаблоны.
Version: 0.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ai-theme
*/


:root {
    --ai-theme-content-width: 75rem;
    --ai-theme-text-width: 52rem;
    --ai-theme-space: 1rem;
    --ai-theme-border: #e5e7eb;
    --ei-theme-text-color: #111827;
    --ai-theme-muted: #6b7280;
    --ai-theme-bg: #f5f5f5;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    color: var(--ei-theme-text-color);
    background: var(--ai-theme-bg);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    margin-block: 0;
    font-weight: normal;
    unicode-bidi: isolate;
}
.__page_title {width:100%;}
    @media (max-width: 867.99px) {.__page_title { padding:20px;}}
.__page_title h1 {width:100%; margin:0; font-size:2.8rem; font-weight:800; line-height:.8; letter-spacing:-.03em;}
.__page_title span {width:100%; margin0; font-size:1rem; font-weight:300; opacity:.6; line-height:1.1;}


h1 {}
h2 { font-size: 140%; line-height: 1; font-weight: 600; }
h3 { font-size: 95%; line-height: 1.2; font-weight: 600; }
h4 { font-size: 129%; line-height: 1.3; font-weight: 600; }
h5 { font-size: 106%; line-height: 1.35; font-weight: 600; }
h6 { font-size: 94%; line-height: 1.4; font-weight: 600; }

.__100 {width:100%; max-width:1180px; margin-inline:auto; background:#fff;}
.__70 { width: calc(100% - 350px); }
.__30 { width: 350px; }
.__60 { width: 60%; background: #fff; }
.__40 { min-width: 400px; width: 40%; background: #fff; }

.__box {
    position: relative;
    padding: 20px 40px;
}


@media (max-width: 867.99px) {
    .__main-side,
    .__side-main {
        flex-direction: column;
    }

    .__main-side .__main {
        border-right: none;
    }

    .__side-main .__main {
        border-left: none;
    }

    .__100,
    .__70,
    .__60,
    .__40,
    .__30 {
        width: 100%;
        min-width: 100%;
        padding: 0;
        background: #fff;
    }

    .__box {
        position: relative;
        padding: 20px 20px 23px;
    }

    .__border_line::before {
        right: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }
}



/* ================================================================================================== */
/* ========================================== кнопки ================================================ */
/* ================================================================================================== */

.__btn{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border:1px solid transparent;
    border-radius:999px;
    text-decoration:none;
    white-space:nowrap;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease;
}

.__btn:focus-visible{
    outline:2px solid #2962f9;
    outline-offset:3px;
}


/* синяя кнопка */
.btn_blue {border-color: #e1eafd; background: #e1eafd; color: #2962f9;}
.btn_blue:hover { border-color: #2962f9; background: #2962f9; color: #fff;}

/* серая кнопка */
.btn_grey {border-color: #e4e8ef; background: #fafbfc; color: #667085; font-family: inherit;}
.btn_grey:hover {border-color: #d5dae3; background: #f1f3f6;color: #475467;}









/* ================================================================================================== */
/* ======================================== ПЛАГИН БЛОГ ============================================= */
/* ================================================================================================== */



/* БЛОГ - меню категорий */

 .archive_categories_list {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px; align-items:center; width:100%; overflow:visible;}
.archive_categories_list > [hidden]{display:none;}


/* БЛОГ - фильтры и колличество постов */
.archive_filters {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:2px;
    margin:-10px 0 0;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color: #999;
}

@media(max-width:640px){
    .archive_filters{flex-direction:column;}
}


.archive_count{flex:0 0 auto;}
.archive_sort{display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.archive_sort_label {margin-bottom:5px}
.archive_sort_link{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 0 5px;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;border:0;background:transparent;transition:color .18s ease;}
.archive_sort_link::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:transparent;content:"";transform:scaleX(.35);transition:background-color .18s ease,transform .18s ease;}
.archive_sort_link.is-active{color:#ed5e30;font-weight:600;}
.archive_sort_link.is-active::after{background:currentColor;transform:scaleX(1);}
.archive_sort_link:focus-visible{outline:2px solid #a9afb8;outline-offset:4px;}
.archive_sort_link.is-active:hover,
.archive_sort_link:hover {color:#000;}