/* Kababchi Grill blog-only layout */
.single-post #main-content .container,
body.blog #main-content .container {
    width: calc(100% - 48px);
    max-width: 920px;
    padding-top: 72px;
    padding-bottom: 80px;
}

.single-post #main-content .container::before,
body.blog #main-content .container::before {
    display: none;
}

.single-post #content-area,
body.blog #content-area {
    width: 100%;
}

.single-post #left-area,
body.blog #left-area {
    float: none;
    width: 100%;
    padding-right: 0;
}

.single-post #sidebar,
body.blog #sidebar {
    display: none;
}

.single-post article.et_pb_post {
    margin-bottom: 0;
}

.single-post .entry-title {
    max-width: 860px;
    margin: 0;
    padding: 0;
    font-size: clamp(36px, 4.2vw, 48px);
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.single-post .post-meta,
body.blog .post-meta {
    margin: 14px 0 0;
    color: #6b6b6b;
    font-size: 15px;
    line-height: 1.5;
}

.single-post .et_post_meta_wrapper img {
    display: block;
    width: 100%;
    max-height: 520px;
    margin: 34px 0 46px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

.single-post .entry-content {
    padding-top: 34px;
}

.single-post .entry-content p,
.single-post .entry-content li {
    color: #383838;
    font-size: 18px;
    line-height: 1.72;
}

.single-post .entry-content p {
    margin: 0 0 1.35em;
    padding: 0;
}

.single-post .entry-content h2 {
    margin: 1.8em 0 0.65em;
    padding: 0;
    font-size: clamp(29px, 3vw, 36px);
    line-height: 1.22;
    letter-spacing: -0.012em;
}

.single-post .entry-content h3 {
    margin: 1.45em 0 0.5em;
    padding: 0;
    font-size: clamp(22px, 2.2vw, 27px);
    line-height: 1.3;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
    margin: 0 0 1.55em;
    padding-left: 1.45em;
}

.single-post .entry-content li {
    margin-bottom: 0.42em;
    padding-left: 0.22em;
}

.single-post .entry-content li:last-child {
    margin-bottom: 0;
}

.single-post .entry-content a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.single-post #comment-wrap,
.single-post .comment-respond,
.single-post .comment_area,
.single-post #respond {
    display: none !important;
}

body.blog .kababchi-blog-header {
    margin: 0 0 38px;
    text-align: center;
}

body.blog .kababchi-blog-header h1 {
    margin: 0 0 8px;
    padding: 0;
    font-size: clamp(38px, 4vw, 50px);
    line-height: 1.15;
}

body.blog .kababchi-blog-header p {
    margin: 0;
    color: #606060;
    font-size: 18px;
    line-height: 1.6;
}

body.blog article.et_pb_post {
    overflow: hidden;
    margin: 0 0 38px;
    padding: 0 0 38px;
    border: 1px solid #e5e1dc;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(25, 20, 15, 0.06);
}

body.blog article .entry-featured-image-url {
    display: block;
    margin: 0 0 30px;
}

body.blog article .entry-featured-image-url img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center;
}

body.blog article .entry-title,
body.blog article .post-meta,
body.blog article .post-content,
body.blog article .kababchi-blog-excerpt,
body.blog article > p,
body.blog article > .kababchi-read-more {
    margin-left: 38px;
    margin-right: 38px;
}

body.blog article .entry-title {
    margin-bottom: 0;
    padding: 0;
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.24;
}

body.blog article .entry-title a {
    color: #2b2927;
}

body.blog article .post-content,
body.blog article .kababchi-blog-excerpt,
body.blog article > p:not(.post-meta) {
    margin-top: 22px;
    color: #484848;
    font-size: 17px;
    line-height: 1.7;
}

body.blog article .kababchi-blog-excerpt p {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

body.blog .kababchi-read-more {
    display: inline-flex;
    align-items: center;
    margin-top: 24px;
    padding: 11px 20px;
    border: 2px solid #d6aa55;
    border-radius: 4px;
    color: #684b18;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

body.blog .kababchi-read-more:hover,
body.blog .kababchi-read-more:focus {
    background: #d6aa55;
    color: #16120d;
}

@media (max-width: 980px) {
    .single-post #main-content .container,
    body.blog #main-content .container {
        width: calc(100% - 48px);
        padding-top: 56px;
        padding-bottom: 64px;
    }

    .single-post .entry-content p,
    .single-post .entry-content li {
        font-size: 17px;
        line-height: 1.7;
    }
}

@media (max-width: 767px) {
    .single-post #main-content .container,
    body.blog #main-content .container {
        width: calc(100% - 36px);
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .single-post .entry-title {
        font-size: 34px;
        line-height: 1.18;
    }

    .single-post .et_post_meta_wrapper img {
        margin: 26px 0 34px;
        border-radius: 7px;
    }

    .single-post .entry-content {
        padding-top: 24px;
    }

    .single-post .entry-content h2 {
        margin-top: 1.6em;
        font-size: 28px;
    }

    .single-post .entry-content h3 {
        font-size: 22px;
    }

    .single-post .entry-content ul,
    .single-post .entry-content ol {
        padding-left: 1.25em;
    }

    body.blog .kababchi-blog-header {
        margin-bottom: 28px;
    }

    body.blog article.et_pb_post {
        padding-bottom: 30px;
    }

    body.blog article .entry-title,
    body.blog article .post-meta,
    body.blog article .post-content,
    body.blog article .kababchi-blog-excerpt,
    body.blog article > p,
    body.blog article > .kababchi-read-more {
        margin-left: 22px;
        margin-right: 22px;
    }

    body.blog article .entry-featured-image-url img {
        aspect-ratio: 4 / 3;
    }
}