/*

Theme Name: Koji Child
Text Domain: koji
Template: koji
*/
@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/koji-child/fonts/Roboto-Light.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/koji-child/fonts/Roboto-Regular.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/koji-child/fonts/Roboto-Bold.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Light.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/wp-content/themes/koji-child/fonts/RobotoMono-Light.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoMono-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/wp-content/themes/koji-child/fonts/RobotoMono-Regular.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoMono-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('/wp-content/themes/koji-child/fonts/RobotoMono-Bold.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/RobotoMono-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('/wp-content/themes/koji-child/fonts/Georgia.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Georgia.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('/wp-content/themes/koji-child/fonts/Georgia-Bold.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Georgia-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('/wp-content/themes/koji-child/fonts/Georgia-BoldItalic.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Georgia-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Georgia';
    src: url('/wp-content/themes/koji-child/fonts/Georgia-Italic.woff2') format('woff2'),
         url('/wp-content/themes/koji-child/fonts/Georgia-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/*
Дополнения верстки темы 
*/

/* Overflow protection */
html {
    overflow-x: hidden;
}

/* Menu Item */
#main-menu > .menu-item{
    font-size:18px;
    font-weight:400;
}

/* Menu Item */
#main-menu .sub-menu li{
    font-weight:300;
    text-transform:lowercase;
    list-style-type:circle;
}

/* Division */
.hentry .wp-block-media-text .wp-block-media-text__content{
    padding-left:5px;
    padding-right:5px;
}

/* Post Title H1 */
.hentry h1{
    font-size: 28px !important;
    line-height: 31px;
    font-weight:300;
}

/* H2 */
.hentry h2{
    font-size: 26px !important;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 18px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* H3 */
.hentry h3{
    font-size: 21px !important;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 18px;
    margin-left: 10px;
    margin-right: 10px;
}

/* H4 */
.hentry h4{
    font-size: 21px !important;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 18px;
    margin-left: 10px;
    margin-right: 10px;
}

/* H5 */
.hentry h5{
    font-size: 18px;
    line-height: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

/* H6 */
.hentry h6{
    font-size: 17px !important;
    line-height: 18px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

/* Block quote */
.hentry .wp-block-quote{
    color: #000;
    font-size: 17px;
    font-style: italic;
    font-weight: 300;
    line-height: 30px;
    font-family: 'Georgia', Times, serif;
    border-left: 2px #ddd solid;
    padding: 10px 10px 10px 20px;
    letter-spacing: 0.01em;
    margin-left: 10px;
}

/* Block Quote */
.hentry blockquote{
    padding-top:10px;
    margin-top:10px !important;
    margin-right:0; /* FIXED: was -10px */
}

/* Comment Reply Title */
#reply-title{
    font-family:'Roboto', sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:21px;
}

/* Label */
#commentform .comment-form-comment label{
    font-weight:400;
}

/* Login Info */
#commentform .logged-in-as{
    font-size:16px;
    margin-bottom:15px !important;
}

/* List */
.hentry .post-meta-wrapper ul{
    font-weight:400;
}

/* Block list */
.hentry .wp-block-list{
    margin-left:19px;
}

/* Block media text */
.hentry .wp-block-media-text{
    margin-left: 0;
    margin-right: 0;
}

/* Site header */
#site-header{
    transform:translatex(0px) translatey(0px);
}

/* List Item */
.hentry .wp-block-list li{
    font-family: 'Roboto Condensed' !important;
    list-style-type: disc;
}

/* Division */
.wp-block-group .wp-block-button__width-100{
    padding-left: clamp(10px, 10%, 150px); /* FIXED: was 150px, overflow on mobile */
    padding-right: clamp(10px, 10%, 150px); /* FIXED: was 150px, overflow on mobile */
}

/* Link */
.preview-wrapper .preview-title a{
    font-weight:300;
}

/* List */
.preview-wrapper .post-meta-wrapper ul{
    font-weight:300;
}

/* Preview inner */
.hentry .preview-wrapper .preview-inner{
    transform:translatex(0px) translatey(0px);
}

/* Block column */
#site-wrapper #site-content .hentry .post-inner .entry-content .wp-block-columns .wp-block-column{
    padding-right:20px !important;
    padding-top:10px !important;
}

/* Uagb icon list label */
.uagb-icon-list__wrap .wp-block-uagb-icon-list-child .uagb-icon-list__label{
    font-family:'Roboto Condensed', sans-serif;
}

/* Link */
.header-top .site-title a{
    font-weight:500;
}

/* Menu Item */
#mobile-menu > .menu-item{
    font-size:19px;
}

/* Menu Item */
#mobile-menu .sub-menu .menu-item{
    font-weight:400;
    text-transform:lowercase;
    list-style-type:circle;
}

/* Link */
.hentry .wp-block-group a{
    position:relative;
}

/* Block button */
.hentry .wp-block-group .wp-block-button{
    padding-left:25px;
    padding-right:25px;
}

/* Block columns */
.hentry .wp-block-columns{
    font-weight:300;
    font-size:16px;
    margin-top:0px !important;
    font-style:normal;
}

/* List Item */
.hentry .wp-block-columns .wp-block-list li{
    font-family:'Roboto Condensed', sans-serif;
    font-size:17px;
}

/* Block column */
.hentry .post-inner .entry-content .wp-block-columns .wp-block-column{
    padding-top:20px !important;
}

/* List */
.hentry .wp-block-uagb-tabs ul{
    min-width:600px;
}

/* Link */
.uagb-tabs__panel .uagb-tab a{
    padding-left:6px !important;
    padding-right:6px !important;
    margin-right:0px;
    margin-left:0px;
    font-weight:600 !important;
}

/* Block uagb tabs child */
.wp-block-uagb-tabs .uagb-tabs__body-wrap .wp-block-uagb-tabs-child{
    margin-left:0px;
    margin-right:0px;
    padding-left:15px;
    padding-right:15px;
}

/* Paragraph */
.wp-block-columns .wp-block-column p{
    transform:translatex(0px) translatey(0px);
}

/* Block column */
.hentry .wp-block-columns .wp-block-column{
    padding-bottom:0px;
}

/* Block post author biography */
.wp-block-columns .wp-block-column .wp-block-post-author-biography{
    margin-left:0; /* FIXED: was -30px */
    line-height:1.5em;
}

/* Paragraph */
.wp-block-post-author p{
    font-size:21px !important;
    font-family:Georgia,Times,'Times New Roman',serif;
    font-style:italic;
    line-height:1.8em;
    font-weight:600;
    margin-left:0; /* FIXED: was -30px */
}

/* Block uagb testimonial */
.hentry .wp-block-uagb-testimonial{
    transform:translatex(0px) translatey(0px);
}

.hentry .wp-block-uagb-tabs{
    padding-right:0px;
}

/* Svg */
.uagb-tabs__body-wrap .uagb-ifb-icon-wrap svg{
    padding-top:20px !important;
}

/* Uagb ifb desc */
.uagb-tabs__body-wrap .wp-block-uagb-tabs-child .uagb-ifb-desc{
    margin-left:0; /* FIXED: was -40px */
    margin-right:0; /* FIXED: was -20px */
}

/* Link */
.uagb-infobox-icon-above-title .uagb-ifb-button-wrapper a{
    transform:translatex(0px) translatey(0px);
}

/* Link */
#posts .preview-title a{
    font-size:24px;
    margin-left:0px;
}

/* Block media text */
#site-wrapper .wp-block-media-text{
    transform:translatex(0px) translatey(0px);
}

/* Animate */
#site-wrapper .wp-block-media-text .wp-block-media-text__content .animate-in{
    padding-left:40px;
}

/* Preview inner */
#posts .hentry .preview-inner{
    padding-top:10px;
    padding-bottom:10px;
    padding-right:15px;
    padding-left:15px;
    display:inline-block;
}

/* Post Title */
.hentry .post-header h1{
    margin-top: 0;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

/* Paragraph */
.hentry .wp-block-column p{
    padding-top:10px !important;
}

/* Family */
#family{
    transform:translatex(0px) translatey(0px);
}

/* Site wrapper */
#site-wrapper{
    transform:translatex(0px) translatey(0px);
}

/* Uagb desc */
.uagb-tm__items div .uagb-tm__desc{
    font-weight:300;
    font-size:16px;
    font-family:'Roboto Condensed', sans-serif;
    line-height:1.5em;
}

.thread-even .comment-body .avatar{
    padding-top:10px;
}

/* Title */
.pagination-single .previous-post .title{
    font-family:'Roboto Condensed', sans-serif;
    font-size:17px;
    font-weight:400;
}

/* Arrow */
.pagination-single .previous-post .arrow{
    transform:scale(0.8);
}

/* Paragraph */
#respond p{
    margin-top:40px;
    font-weight:400;
    text-align:center;
    font-family:'Roboto Condensed', sans-serif;
}

/* REMOVED: #site-wrapper #site-content .hentry { display:inline-block !important } — главный источник overflow */

/* Comments */
#comments{
    font-family:'Roboto Condensed', sans-serif;
    font-size:17px;
}

/* Comment Reply Title */
#comments .comments-header h3{
    font-family:Georgia,Times,'Times New Roman',serif;
    font-style:italic;
    text-transform:lowercase;
    font-weight:500;
}

/* Comment */
#comments .thread-even .comment{
    margin-left:20px;
}

/* Comment meta */
#comments .thread-even .comment-meta{
    padding-right:0px;
}

/* Comment meta */
#comments .thread-odd .comment-meta{
    padding-right:0px;
}

/* Navigation */
#site-content .hentry nav{
    transform:translatex(0px) translatey(0px);
}

/* Title */
.pagination-single .next-post .title{
    font-weight:400;
}

/* Comments wrapper */
#site-content .hentry .comments-wrapper{
    margin-left:0px;
    margin-right:0px;
}

/* Respond */
#respond{
    padding-top:40px !important;
}

/* Link */
#site-wrapper .pagination-single a{
    margin-left:0px;
}

/* Heading */
.wp-block-uagb-call-to-action .uagb-cta__wrap h3{
    font-family:Georgia,Times,'Times New Roman',serif;
    font-style:italic;
}

/* Posts — карточки блога */
.posts .preview h2 {
    padding: 0;
    padding-top:10px;
}

.posts .preview .preview-inner {
    padding: 10px 10px 20px 10px;
    display: inline-block;
}

.posts .preview .post-meta {
    margin-left: 0;
    margin-right: -10;
    margin-top: 0;
    padding-top: 0px;
}

/* 1023px and smaller screen sizes */
@media (max-width:1023px){

    /* Division */
    .hentry .wp-container-core-buttons-is-layout-1{
        margin-top:30px;
    }

    /* Block uagb inline notice */
    .hentry .wp-block-uagb-inline-notice{
        margin-left: 0;
    }

    /* Post Title */
    .hentry .post-header h1{
        margin-left:0; /* FIXED: was -30px */
        margin-right:0; /* FIXED: was -30px */
    }

}

/* 782px and smaller screen sizes */
@media (max-width:782px){

    /* Block uagb testimonial */
    .hentry .wp-block-uagb-testimonial{
        margin-right:0; /* FIXED: was -35px */
        margin-left:0;  /* FIXED: was -35px */
    }

    /* Block columns */
    .hentry .wp-block-columns{
        transform:translatex(0px) translatey(0px);
    }

    /* Block column */
    .hentry .wp-block-columns .wp-block-column{
        padding-bottom:0px;
    }

    /* Block image */
    .wp-block-columns .wp-block-column .wp-block-image{
        margin-bottom:0px;
        margin-top:0px;
    }

    /* Division */
    .hentry .wp-container-core-buttons-is-layout-1{
        margin-top:30px;
    }

    /* List */
    .hentry .wp-block-uagb-tabs ul{
        min-width:0px;
    }

    /* Block Quote */
    .hentry blockquote{
        margin-right:0; /* FIXED: was -10px */
    }

    /* Thread odd */
    #comments .thread-odd{
        margin-top:25px;
    }

    /* Comment body */
    #comments .thread-odd .comment-body{
        padding-left:25px;
    }

    /* Comment */
    #comments .thread-even .comment{
        margin-left:10px;
        margin-top:25px;
    }

}

/* 767px and smaller screen sizes */
@media (max-width:767px){

    /* Header top */
    #site-header .header-top{
        padding-top:0px;
        padding-bottom:0px;
        padding-left:0px;
        padding-right:0px;
    }

    /* Site header */
    #site-header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: white;
        z-index: 9999;
    }

    /* Body */
    body{
        padding-top:0px;
    }

    /* Post Title */
    .hentry .post-header h1{
        padding-top:10px;
    }

    /* Block uagb testimonial */
    #site-wrapper #site-content .hentry .post-inner .entry-content .wp-block-uagb-testimonial{
        margin-left:0 !important; /* FIXED: was -35px */
    }

    /* Site content */
    #site-content{
        padding-top:0px;
    }

    /* Block columns */
    .hentry .wp-block-columns{
        padding-left:8px !important;
        padding-right:8px !important;
    }

}

/* 600px and smaller screen sizes */
@media (max-width:600px){

    /* Block columns */
    .hentry .wp-block-columns{
        transform:translatex(0px) translatey(0px);
    }

    /* Block uagb testimonial */
    .hentry .wp-block-uagb-testimonial{
        padding-left:1px;
        margin-right:0; /* FIXED: was -15px */
        padding-right:1px;
    }

    /* Uagb desc */
    .uagb-tm__items div .uagb-tm__desc{
        margin-left:10px;
        margin-right:10px;
        margin-bottom:15px;
    }

    /* Block post author biography */
    .wp-block-columns .wp-block-column .wp-block-post-author-biography{
        margin-left:0px;
        margin-right:0px;
    }

    /* Paragraph */
    .wp-block-post-author p{
        margin-left:0px;
        padding-top:0px !important;
        margin-right:0px;
        text-align:center;
    }

    /* Button */
    .wp-block-uagb-testimonial .uagb-tm__items button{
        transform:translatex(0px) translatey(0px);
    }

    /* Uagb testimonial wrap */
    .uagb-tm__items div .uagb-testimonial__wrap{
        transform:translatex(0px) translatey(0px);
    }

    /* Block uagb testimonial */
    #site-wrapper #site-content .hentry .post-inner .entry-content .wp-block-uagb-testimonial{
        margin-left:0 !important; /* FIXED: was -15px */
    }

    /* Block column */
    .hentry .wp-block-columns .wp-block-column{
        margin-right:5px;
        margin-top:0px !important;
        padding-bottom:0px;
        margin-bottom:15px;
    }

    /* List */
    .hentry .wp-block-uagb-tabs ul{
        min-width:0px;
    }

    /* Uagb ifb desc */
    .uagb-tabs__body-wrap .wp-block-uagb-tabs-child .uagb-ifb-desc{
        margin-right:0; /* FIXED: was -30px */
        margin-left:0;  /* FIXED: was -30px */
    }

    /* Division */
    .hentry .wp-block-uagb-call-to-action{
        transform:translatex(0px) translatey(0px);
    }

    /* Heading */
    .hentry .uagb-cta__wrap h3{
        margin-left:0; /* FIXED: was -20px */
        margin-right:0; /* FIXED: was -20px */
    }

}

/* 375px and larger screen sizes */
@media (min-width:375px){

    /* Next post */
    #site-wrapper .pagination-single .next-post{
        font-weight:300;
    }

    /* Comment meta */
    #comments .thread-even .comment-meta{
        padding-left:0px;
        margin-bottom:10px;
    }

    /* Comment meta */
    #comments .thread-odd .comment-meta{
        padding-left:0px;
        margin-bottom:10px;
    }

    /* Footer */
    #comments .thread-even .comment footer{
        margin-bottom:10px;
    }

}

/* 600px and larger screen sizes */
@media (min-width:600px){

    /* Block heading */
    .wp-block-columns .wp-block-column .wp-block-heading{
        margin-top:10px;
        margin-bottom:10px;
    }

    /* Block separator */
    .hentry .wp-block-separator{
        margin-top:20px;
        margin-bottom:20px;
    }

    /* Uagb ifb title */
    .uagb-tabs__body-wrap .uagb-ifb-title-wrap .uagb-ifb-title{
        margin-top:0px;
    }

    /* Block columns */
    .hentry .wp-block-columns{
        margin-right:0px;
    }

    /* Single */
    #single{
        margin-bottom:0px !important;
    }

    /* Arrow */
    .pagination-single .previous-post .arrow{
        margin-right:5px;
    }

    /* Post inner */
    #site-content .hentry .post-inner{
        padding-bottom:40px;
    }

    /* Title */
    .pagination-single .next-post .title{
        font-weight:400;
        font-family:'Roboto Condensed', sans-serif;
        font-size:17px;
    }

    /* Navigation */
    #site-content .hentry nav{
        margin-top:50px;
    }

    /* Post Division */
    #site-content .hentry{
        transform:translatex(0px) translatey(0px);
    }

    /* Next post */
    #site-wrapper .pagination-single .next-post{
        margin-right: 0;
    }

    /* Comments wrapper */
    #site-content .hentry .comments-wrapper{
        margin-top:70px;
    }

    /* Respond */
    #respond{
        padding-top:0px;
    }

    /* Comment body */
    #comments .thread-even .comment-body{
        padding-left:5px;
    }

    /* Comment */
    #comments .thread-even .comment{
        margin-top:30px;
    }

    /* Thread odd */
    #comments .thread-odd{
        margin-top:30px;
    }

    /* Comment body */
    #comments .thread-odd .comment-body{
        padding-left:40px;
    }

    /* Comment author */
    #comments .thread-even .comment-author{
        font-size:17px;
        font-family:'Roboto', sans-serif;
        font-weight:300;
    }

    /* Heading */
    .wp-block-uagb-call-to-action .uagb-cta__wrap h3{
        font-size:23px;
    }

}

/* 768px and larger screen sizes */
@media (min-width:768px){

    /* Desktop — ширина колонки контента */
    .section-inner,
    .post-inner.section-inner {
        max-width: 700px !important;
    }


    /* List */
    .hentry .wp-block-uagb-tabs ul{
        margin-left: 0;
        margin-right: 0;
    }

}

/* 977px and larger screen sizes */
@media (min-width:977px){

    /* Block uagb testimonial */
    .hentry .wp-block-uagb-testimonial{
        padding-left:0px;
        padding-right:0px;
        padding-bottom:0px;
    }

}

/* 1000px and larger screen sizes */
@media (min-width:1000px){

    /* Header top */
    #site-header .header-top{
        padding-top:20px;
    }

    /* Site header */
    #site-header{
        display:inline-block;
    }

    /* Post inner */
    #site-content .hentry .post-inner{
        padding-top:50px;
    }

}

/* 1024px and larger screen sizes */
@media (min-width:1024px){

    /* List */
    .hentry .wp-block-uagb-tabs ul{
        padding-left:0px;
        padding-right:0px;
    }

}

/* 1200px and larger screen sizes */
@media (min-width:1200px){

    /* Block columns */
    .hentry .wp-block-columns{
        margin-bottom:10px;
        margin-right:0px;
    }

    /* Division */
    .hentry .wp-container-core-buttons-is-layout-1{
        margin-top:30px;
        margin-bottom:50px;
    }

    /* Site header */
    #site-header{
        transform:translatex(0px) translatey(0px);
    }

}

@media (max-width: 767px) {

    .section-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

}

@media (min-width: 768px) {
    #site-content .related-posts {
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 768px) {
    /* Похожие записи */
    #site-content .related-posts.section-inner {
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Страница блога */
    #site-content > .section-inner {
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

    .alignfull {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
}

/* Убрать gap между картинкой и текстом, если нужно */
    .wp-block-media-text {
        gap: 1rem !important; /* Или 0 для плотной вёрстки */
}