/* custom-blog.css - grid & hero + cards */
.cb-blog-wrap {  color: #222; padding:24px; }
.cb-hero { margin-bottom:28px; position:relative; }
.cb-hero-swiper { height:640px; border-radius:6px; overflow:hidden; background:#000; }
.cb-hero-slide { background-size:cover; background-position:center; height:640px; display:flex; align-items:flex-end; }
.cb-hero-overlay { width:100%; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.7) 100%); padding:28px; box-sizing:border-box; }
.cb-hero-inner { max-width:720px; color:#fff; }
.cb-hero-cat { font-size:13px; text-transform:uppercase; letter-spacing:0.06em; opacity:0.95; margin-bottom:8px; }
.cb-hero-title { margin:0 0 8px; font-size:28px; line-height:1.05; }
.cb-hero-title a { color:#fff; text-decoration:none; font-size: 40px;
    font-weight: 400;line-height: normal; font-family: "Bebas Neue", Sans-serif; text-transform: uppercase;}
.cb-hero-meta { font-size:13px; opacity:0.9; margin-bottom:12px;color: #C2BDB3; }
.cb-hero-excerpt { font-size:16px; margin-bottom:12px; opacity:0.95;color: #F2ECE0; }
.cb-hero-readmore { color:#fff; text-decoration:underline; font-weight:400; font-family: "Bebas Neue", Sans-serif; }

.cb-swiper-button-next, .cb-swiper-button-prev { color:#fff; }

.cb-content { padding:40px 0; }
.cb-heading-row { text-align:center; margin-bottom:18px; }
.cb-section-title { margin:0; font-size:20px; text-transform:uppercase; }
.cb-subhead { margin:6px 0 0; color:#31241A; }

.cb-controls { display:flex; justify-content:space-between; align-items:center; margin:18px 0; gap:12px; flex-wrap:wrap; margin-bottom: 30px; }
.cb-search { display:flex; gap:8px; width: 100%; justify-content: center;}
#cb-search-input { padding:8px 10px; border:1px solid #ddd; border-radius:4px; min-width:800px; font-size: 16px;}
#cb-search-btn { padding:8px 12px; border:1px solid #ddd; background:#f7f7f7; cursor:pointer; border-radius:4px; }

/* Tabs */
.cb-tabs { display:flex; gap:0px; flex-wrap:wrap; align-items:center;width: 100%;    justify-content: center; }
.cb-tab { background: transparent !important; color: #918E86 !important; border-color: #918E86;border-bottom: solid 2px #918E86 !important; border: none; padding: 18px 66px 18px 66px !important; }
.cb-tab.active {     background: transparent !important;color: #6C201F !important;border-color: #6C201F;border-bottom: solid 2px #6C201F !important; border: none; }

/* Posts grid */
.cb-post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.cb-post-card {  display:flex; flex-direction:column; overflow:hidden; border-radius:6px; box-shadow:0 1px 2px rgba(0,0,0,0.03); }
.cb-card-thumb { display:block; width:100%; padding-top:100%; background-size:cover; background-position:center; }
.cb-card-body { padding:12px 0px; display:flex; flex-direction:column; gap:3px; }
.cb-card-cat { font-size:16px; color: #6C201F; text-transform:uppercase; font-weight:400; font-family: "Bebas Neue", Sans-serif; }
.cb-card-title { margin:0; font-size:18px; line-height:1.05; }
.cb-card-title a { color:#111; text-decoration:none; font-size: 32px;}
.cb-card-meta { font-size:16px; color:#888;font-weight: 600; }
.cb-card-excerpt { font-size:14px; color:#555; flex:1; }
.cb-card-readmore { align-self:flex-start; text-decoration:underline; font-weight:600; margin-top:15px;color: #6C201F; font-family: "Bebas Neue", Sans-serif;color: #6C201F; }

/* Loading / messages */
.cb-loading, .cb-no-posts, .cb-error { padding:24px; text-align:center; color:#666; }

/* Pagination */
.cb-pagination { margin-top:50px; text-align:center; }
.cb-pager { display:inline-flex; gap:8px; align-items:center; }
.cb-page { padding: 12px 31px !important;background: transparent !important;cursor: pointer; color: #6C201F !important;border: solid 1px #6C201F;}
.cb-page.active {     background: #6C201F !important; color:#fff !important; border-color:#222; border: solid 1px #6C201F; padding: 12px 31px;border-radius: unset;}
.cb-page.disabled { opacity:0.5; cursor:default; }
/**********************************************************/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
       font-size: 24px;
}
.swiper-backface-hidden .swiper-slide {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
 .elementor-kit-6 h4 {
    font-size: 0px;
    font-weight: 400;
    line-height:normal;
}

/* Responsive */
@media (max-width: 900px) {
    .cb-post-grid { grid-template-columns:repeat(2,1fr); }
    .cb-hero-swiper { height:360px; }
    .cb-hero-slide { height:360px; }
}
@media (max-width: 600px) {
    .cb-post-grid { grid-template-columns:1fr; }
    .cb-controls { flex-direction:column; align-items:flex-start; }
}