.grid-layout{display: none !important;}

/* WP template-part wraps header.html — keep wrapper transparent so backdrop-filter blurs page content */
header.wp-block-template-part{
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
}

header .container-fluid{width: 100%; padding: 0;}
.day-night-btn{display: none !important;}
.table-responsive{overflow: auto; width: 100%;}

.request-form-section{display: none;}

a{outline: none !important;}
h1,h1 a{ font-size: var(--h1-headline); font-family: var(--bold); font-weight: normal; color: var(--white-scale-900);}
h2,h2 a{ font-size: var(--h2-headline); font-family: var(--bold); font-weight: normal; color: var(--white-scale-900);}
h3,h3 a{ font-size: var(--h3-headline); font-family: var(--bold); font-weight: normal; color: var(--white-scale-900);}
h4,h4 a{ font-size: var(--h4-headline); font-family: var(--bold); font-weight: normal; color: var(--white-scale-900);}
h5,h5 a{font-size: var(--h5-headline); font-family: var(--bold); font-weight: normal; color: var(--white-scale-900);}
p{font-size: var(--body-2); font-family: var(--regular); color: var(--white-900); font-weight: normal; line-height: 26px;}
a{color: var(--primary-orange);}
body{background: var(--bg-background);}

main{padding-top:50px;}

.blog-single-content{display: flex; gap: 30px;}
.blog-single-content p a{color: var(--primary-orange);}
.single-blog-left{flex: 1;}

.blog-detail-content ul{list-style:disc; padding-left: 15px; display: flex; flex-direction: column; gap: 10px;}
.blog-detail-content ul li{font-size: var(--body-2); font-family: var(--regular); color: var(--white-900); font-weight: normal;}


footer.wp-block-template-part{background:none !important; padding:0; margin:0;}

.top-blog-box{position: relative; border-radius: 16px; overflow: hidden;}
.top-blog-box figure{margin: 0; border-radius: 16px; overflow: hidden; display: flex;}
.top-blog-box figure img{aspect-ratio: 9/5; width: 100%; object-fit: cover; border-radius: 16px;}
.top-blog-box figcaption{position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.43%, rgba(0, 0, 0, 0.8) 100%); border-radius: 16px; display: flex; flex-direction: column; gap: 5px;}
.top-blog-box figcaption .caption-14{color: var(--fix-white-fix);}
.top-blog-box figcaption h2,.top-blog-box figcaption h2 a{color: var(--fix-white-fix);}
.top-blog-box figcaption h4,.top-blog-box figcaption h4 a{color: var(--fix-white-fix);}

.top-blog-thumb{display: flex; flex-direction: column; gap: 15px; justify-content: space-between;}
.top-blog-thumb .top-blog-box figcaption{padding: 20px;}

.blog-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(370px, 1fr)); gap: 24px;}
.blog-list-box{display: flex; flex-direction: column; gap: 15px;}
.blog-list-box figure img{aspect-ratio: 6/3.2; object-fit: cover; width: 100%; border-radius: 16px;}
.blog-list-box figcaption{display: flex; flex-direction: column; gap: 5px;}
.blog-list-box figcaption span a{color: var(--caption-14); color: var(--primary-orange);}

.blog-list ul li:nth-of-type(5n+1) .caption-14:first-child a{color: var(--primary-orange);}
.blog-list ul li:nth-of-type(5n+2) .caption-14:first-child a{color: var(--primary-yellow);}
.blog-list ul li:nth-of-type(5n+3) .caption-14:first-child a{color: var(--primary-orange);}
.blog-list ul li:nth-of-type(5n+4) .caption-14:first-child a{color: var(--primary-purple);}
.blog-list ul li:nth-of-type(5n+5) .caption-14:first-child a{color: var(--primary-yellow);}

.blog-single-image{margin-bottom: 40px;}
.blog-single-image img{width: 100%; aspect-ratio: 10/5; object-fit: cover; border-radius: 16px;}
.author-date{display: flex; justify-content: center; align-items: center;}
.author-date a{color: var(--white-scale-600);}

.blog-single-top-head{max-width: 950px; margin: auto; width: 100%; display: flex; flex-direction: column; gap: 5px; padding: 30px 0px;}
.blog-single-top-head h2{margin: 0;}
.blog-single-top-head .post-category{text-align: center;}
.blog-single-top-head .post-category a{font-size: var(--caption-14); font-family: var(--bold); text-transform: uppercase; letter-spacing: 1px; color: var(--white-scale-600); text-decoration: none; color: var(--primary-orange);}
.blog-single-top-head .single-date-time{display: flex; justify-content: center; color: var(--white-scale-600); margin: 0; padding: 0;}
.blog-single-top-head .single-date-time a{color: var(--primary-orange);}

.single-blog-sidebar{flex:0 0 380px; max-width: 380px; display: flex; flex-direction: column; gap: 30px; position: sticky; top: 120px;}   
.sidebar-box{background: var(--background-bg-block); padding: 20px; border-radius: 16px; display: flex; flex-direction: column; gap: 30px;}
.related-post ul{list-style: none; display: flex; flex-direction: column; gap: 15px; margin: 0; padding: 0;}
.related-post ul li a{display: flex; align-items:flex-start; gap: 15px;}
.related-post ul li a figure{flex:0 0 130px; max-width: 130px; height: 90px; border-radius: 16px; overflow: hidden;}
.related-post ul li a figure img{width: 100%; height: 100%; object-fit: cover;}
.related-post ul li a h2{font-size: var(--h6-headline); line-height: normal; color: var(--white-900);}
.single-date-time .wp-block-group{justify-content: center;}
.btn{box-shadow: none !important; outline: none !important;}

.wp-block-group{position: relative; z-index: 1;}
.wp-block-post-title a{color: var(--white-900);}
.wp-block-query-title{color: var(--white-900);}


.blog-detail table{width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 16px; line-height: 1.6;}
.blog-detail th,.blog-detail td {border: 1px solid #ddd; padding: 12px 15px; text-align: left; vertical-align: top;}
.blog-detail th {background-color: #f5f5f5; font-weight: bold;}
.blog-detail tr:nth-child(even){background-color: #fafafa;}


.single-blog-mid .h1-headline{font-size: 46px; font-family: var(--bold);}
.single-blog-mid h2{font-size: 28px;}
.single-blog-mid h3{font-size: 24px;}
.single-blog-mid h2 span{text-decoration: none !important;}
.single-blog-mid h4{font-size: 18px;}
.single-blog-mid p{font-family: var(--medium);}
.single-blog-mid td{font-family: var(--medium);}
#ez-toc-container{font-family: var(--medium);}


@media (max-width: 1403px){
main{background: none;}
}

@media (max-width: 1285px){
.blog-single-content .col-md-9{width: 100%;}
.blog-single-content .col-md-3{width: 100%;}



.single-blog-mid .h1-headline{font-size: 38px;}
.single-blog-mid h2{font-size: 26px;}
.single-blog-mid h3{font-size: 22px;}
.single-blog-mid h4{font-size: 16px;}
    
}

@media (max-width: 1023px) {
.blog-single-content{flex-direction: column;}
.single-blog-sidebar{flex: 0 0 100%; max-width: 100%;}
}

@media (max-width: 767px){
.top-blog-section .row{display: flex; flex-direction: column; gap: 15px;}
.top-blog-box figcaption{padding: 15px;}
.top-blog-box figure img{aspect-ratio: 9/6;}
.top-trending-blog-section .row{display: flex; flex-direction: column; gap: 15px;}
.blog-list ul{grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.top-blog-thumb .top-blog-box figcaption{padding: 15px;}
.section-padding.blog-detail{padding-top: 0;}
.single-blog-mid .h1-headline{font-size: 28px;}
.single-blog-mid h2{font-size: 24px;}
.single-blog-mid h3{font-size: 20px;}
.single-blog-mid h4{font-size: 16px;}
}