/* =====================================
BIJLIWALA PROFESSIONAL HEADER
===================================== */

header,
.site-header{
background:#ffffff;
border-bottom:1px solid #e6e6e6;
}

/* Menu links */
.elementor-nav-menu a{
font-size:14px;
font-weight:500;
color:#222;
padding:14px 18px;
letter-spacing:0.4px;
position:relative;
display:inline-block;
transition:color 0.3s ease;
}

/* Hover color */
.elementor-nav-menu a:hover{
color:#000;
}

/* Underline animation */
.elementor-nav-menu a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:0;
height:2px;
background:#000;
transition:width 0.3s ease;
}

.elementor-nav-menu a:hover::after{
width:100%;
}

/* Active page */
.elementor-nav-menu .elementor-item-active{
color:#000;
}

/* Sticky header shadow */
.elementor-sticky--effects{
box-shadow:0 4px 14px rgba(0,0,0,0.08);
}

/* =====================================
UNIFORM POST THUMBNAILS
===================================== */

.wp-block-post-featured-image img,
.elementor-post__thumbnail img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
}

/* =====================================
POST CARD DESIGN
===================================== */

.wp-block-post,
.elementor-post{
background:#ffffff;
border:1px solid #eaeaea;
padding:18px;
transition:all 0.3s ease;
}

.wp-block-post:hover,
.elementor-post:hover{
transform:translateY(-6px);
box-shadow:0 8px 22px rgba(0,0,0,0.08);
}

/* Title style */
.wp-block-post-title{
font-size:18px;
font-weight:600;
line-height:1.4;
margin-bottom:10px;
}

.wp-block-post-title a{
text-decoration:none;
color:#111;
}

.wp-block-post-title a:hover{
color:#000;
}

/* Meta text */
.wp-block-post-date,
.wp-block-post-author{
font-size:13px;
color:#777;
}

/* =====================================
PROFESSIONAL TYPOGRAPHY
===================================== */

p{
font-size:16px;
line-height:1.7;
color:#333;
}

h1{
font-size:32px;
line-height:1.3;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

.widget-title{
font-size:18px;
}

/* =====================================
MAGAZINE ARTICLE LAYOUT
===================================== */

.single-post .entry-content{
max-width:760px;
margin:auto;
}

.single-post p{
font-size:16px;
line-height:1.8;
margin-bottom:18px;
}

.single-post h2{
font-size:26px;
margin-top:36px;
margin-bottom:14px;
}

.single-post h3{
font-size:22px;
margin-top:28px;
margin-bottom:10px;
}

.single-post img{
border-radius:4px;
margin:20px 0;
}

/* =====================================
HOMEPAGE SPACING
===================================== */

.wp-site-blocks{
max-width:1200px;
margin:auto;
padding-left:20px;
padding-right:20px;
}

.wp-site-blocks > *{
margin-bottom:50px;
}

.wp-block-post-template{
gap:28px;
}

.wp-block-post-featured-image{
margin-bottom:14px;
}

/* =====================================
FORCE 3 COLUMN POST GRID
===================================== */

.wp-block-query .wp-block-post-template{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:28px;
}

@media (max-width:1024px){
.wp-block-query .wp-block-post-template{
grid-template-columns:repeat(2,1fr) !important;
}
}

@media (max-width:600px){
.wp-block-query .wp-block-post-template{
grid-template-columns:1fr !important;
}
}
/* =====================================
TOP POSTS PROFESSIONAL STYLE
===================================== */

/* Elementor posts */
.elementor-post{
background:#fafafa;
border:1px solid #e6e6e6;
padding:18px;
transition:all 0.3s ease;
}

.elementor-post:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* Bigger title for top posts */
.elementor-post__title{
font-size:20px;
font-weight:600;
line-height:1.4;
}

/* spacing between posts */
.elementor-posts-container{
gap:28px;
}
/* =====================================
PROFESSIONAL FOOTER
===================================== */

.elementor-location-footer{
background:#111;
color:#ccc;
padding:50px 0;
font-size:14px;
border-top:3px solid #000;
}

.elementor-location-footer .elementor-container{
max-width:1200px;
margin:auto;
}

/* Footer headings */
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3{
color:#fff;
font-size:18px;
margin-bottom:14px;
}

/* Footer paragraph */
.elementor-location-footer p{
color:#bbb;
line-height:1.7;
font-size:14px;
}

/* Footer links */
.elementor-location-footer a{
color:#ccc;
text-decoration:none;
transition:0.3s;
}

.elementor-location-footer a:hover{
color:#fff;
}

/* Footer lists */
.elementor-location-footer ul{
list-style:none;
padding-left:0;
}

.elementor-location-footer li{
margin-bottom:8px;
}

/* =====================================
SYMMETRICAL FOOTER COLUMNS
===================================== */

.footer-columns .elementor-container{
display:flex;
align-items:stretch;
}

.footer-columns .elementor-column{
flex:0 0 33.33%;
max-width:33.33%;
padding:30px 25px;
box-sizing:border-box;
}

.footer-columns .elementor-widget-wrap{
display:flex;
flex-direction:column;
height:100%;
}

.footer-columns .elementor-column:not(:last-child){
border-right:1px solid #333;
}

.footer-columns .elementor-widget{
margin-bottom:15px;
}

/* Social icons */
.elementor-location-footer .elementor-social-icon{
background:#222;
color:#fff !important;
margin-right:8px;
}

/* =====================================
MOBILE FOOTER
===================================== */

@media (max-width:768px){

.footer-columns .elementor-container{
flex-direction:column;
}

.footer-columns .elementor-column{
max-width:100%;
border-right:none;
border-bottom:1px solid #333;
}

.footer-columns .elementor-column:last-child{
border-bottom:none;
}

.elementor-location-footer{
padding:35px 20px;
}

}

/* =====================================
FORCE SOCIAL ICONS VISIBILITY
===================================== */

.elementor-location-footer .elementor-social-icons{
display:flex !important;
flex-wrap:wrap !important;
align-items:center !important;
gap:10px !important;
visibility:visible !important;
opacity:1 !important;
height:auto !important;
}

.elementor-location-footer .elementor-social-icon{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:36px !important;
height:36px !important;
background:#222 !important;
color:#fff !important;
border-radius:50% !important;
font-size:16px !important;
}

.elementor-location-footer .elementor-social-icon svg{
fill:#fff !important;
width:16px;
height:16px;
}

.elementor-location-footer .elementor-social-icon:hover{
background:#444 !important;
}
/* =====================================
FIX FOOTER COLUMN BALANCE
===================================== */

.footer-columns .elementor-container{
display:flex;
align-items:stretch;
justify-content:space-between;
gap:30px;
}

.footer-columns .elementor-column{
flex:1;
max-width:33.33%;
display:flex;
}

.footer-columns .elementor-widget-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
width:100%;
}

/* Make forms fill space properly */
.footer-columns form{
width:100%;
}

/* Remove random gaps */
.footer-columns .elementor-widget{
margin-bottom:15px;
}
/* =====================================
ALL ABOUT CIRCUITS STYLE BOTTOM BAR
===================================== */

.bottom-bar{
background:#000;
color:#fff;
width:100%;
padding:18px 0;
text-align:center;
font-size:13px;
border-top:1px solid #222;
}

.bottom-bar p{
margin:0;
color:#fff;
}

.bottom-bar a{
color:#fff;
text-decoration:none;
margin:0 6px;
}

.bottom-bar a:hover{
text-decoration:underline;
color:#ddd;
}
/* =====================================
FOOTER VERTICAL COLUMNS
===================================== */

.footer-columns .elementor-column{
padding:25px;
position:relative;
}

/* vertical divider */
.footer-columns .elementor-column:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:15%;
height:70%;
width:1px;
background:#333;
}
/