/* SmartCMS FINAL FIX: WhatsApp + Rennovate-style menu */
.smartcms-whatsapp-float,
.floating-whatsapp,
.whatsapp-float,
.whatsapp-floating,
.float-whatsapp,
.wa-floating{
    position:fixed!important;
    right:22px!important;
    bottom:24px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    max-width:54px!important;
    max-height:54px!important;
    background:#25D366!important;
    color:#fff!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:999999!important;
    text-decoration:none!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    box-shadow:0 10px 26px rgba(37,211,102,.35),0 3px 10px rgba(0,0,0,.18)!important;
    transition:all .25s ease!important;
}
.smartcms-whatsapp-float:hover,
.floating-whatsapp:hover,
.whatsapp-float:hover,
.whatsapp-floating:hover,
.float-whatsapp:hover,
.wa-floating:hover{
    transform:translateY(-3px) scale(1.04)!important;
    color:#fff!important;
}
.smartcms-whatsapp-float svg,
.floating-whatsapp svg,
.whatsapp-float svg,
.whatsapp-floating svg,
.float-whatsapp svg,
.wa-floating svg{
    width:29px!important;
    height:29px!important;
    fill:currentColor!important;
}
.smartcms-whatsapp-float i,
.floating-whatsapp i,
.whatsapp-float i,
.whatsapp-floating i,
.float-whatsapp i,
.wa-floating i{
    font-size:29px!important;
}
.smartcms-whatsapp-float:before,
.floating-whatsapp:before,
.whatsapp-float:before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:50%;
    border:1px solid rgba(37,211,102,.35);
    animation:smartcmsWaPulse 1.9s infinite;
}
@keyframes smartcmsWaPulse{
    0%{transform:scale(.82);opacity:.75}
    70%{transform:scale(1.25);opacity:0}
    100%{transform:scale(1.25);opacity:0}
}
@media(max-width:767px){
    .smartcms-whatsapp-float,
    .floating-whatsapp,
    .whatsapp-float,
    .whatsapp-floating,
    .float-whatsapp,
    .wa-floating{
        right:16px!important;
        bottom:18px!important;
        width:50px!important;
        height:50px!important;
        min-width:50px!important;
        min-height:50px!important;
        max-width:50px!important;
        max-height:50px!important;
    }
}

/* Rennovate-style compact professional menu */
.site-header,.main-header,header.header,header,.navbar-wrap{background:#fff}
.main-nav,.navbar,.site-nav{font-family:'Poppins','Inter',Arial,sans-serif!important}
.main-nav a,.navbar-nav .nav-link,.site-nav a,header nav a{
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:.18px!important;
    text-transform:none!important;
    padding:15px 14px!important;
    color:#162033;
    transition:color .25s ease,background .25s ease;
}
.main-nav a:hover,.navbar-nav .nav-link:hover,.site-nav a:hover,header nav a:hover{
    color:var(--primary-color,#0b66c3)!important;
}
.dropdown-menu,.main-nav ul ul,.site-nav ul ul{
    border:0!important;
    border-radius:12px!important;
    box-shadow:0 18px 45px rgba(16,24,40,.12)!important;
    padding:8px!important;
    min-width:220px!important;
    background:#fff!important;
}
.dropdown-menu a,.dropdown-menu .dropdown-item,.main-nav ul ul a,.site-nav ul ul a{
    font-size:13.5px!important;
    font-weight:500!important;
    padding:10px 14px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
}
.dropdown-menu a:hover,.dropdown-menu .dropdown-item:hover,.main-nav ul ul a:hover,.site-nav ul ul a:hover{
    background:rgba(11,102,195,.08)!important;
}
@media(max-width:991px){
    .navbar-collapse,.mobile-menu,.main-nav{
        background:#fff;
        border-radius:14px;
    }
    .main-nav a,.navbar-nav .nav-link,.site-nav a,header nav a{
        padding:12px 14px!important;
        font-size:14px!important;
    }
    .dropdown-menu,.main-nav ul ul,.site-nav ul ul{
        box-shadow:none!important;
        border-radius:8px!important;
        padding-left:10px!important;
        min-width:auto!important;
    }
}


/* YouTube Video Section */
.youtubeVideoSection{background:#f8fafc}
.youtubeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.youtubeCard{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);overflow:hidden}
.youtubeCard a{display:block;position:relative;aspect-ratio:16/9;background:#111}
.youtubeCard img{width:100%;height:100%;object-fit:cover;display:block}
.youtubeCard .playBtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#e11d48;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.youtubeCard h3{font-size:18px;line-height:1.35;margin:0;padding:16px;color:#0f172a}
@media(max-width:900px){.youtubeGrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.youtubeGrid{grid-template-columns:1fr}.youtubeCard h3{font-size:16px}}

/* Final YouTube layout fix: desktop cards must stay left-to-right like Why Choose Us */
.youtubeVideoSection .youtubeGrid{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:24px !important;
    flex-wrap:nowrap !important;
}
.youtubeVideoSection .youtubeCard{
    flex:0 1 calc(33.333% - 18px) !important;
    max-width:380px !important;
    min-width:0 !important;
}
.youtubeVideoSection .youtubeCard a{
    width:100% !important;
}
@media(max-width:900px){
    .youtubeVideoSection .youtubeGrid{
        flex-wrap:wrap !important;
    }
    .youtubeVideoSection .youtubeCard{
        flex:0 1 calc(50% - 14px) !important;
        max-width:none !important;
    }
}
@media(max-width:600px){
    .youtubeVideoSection .youtubeGrid{
        flex-direction:column !important;
        flex-wrap:nowrap !important;
    }
    .youtubeVideoSection .youtubeCard{
        flex:0 1 auto !important;
        width:100% !important;
        max-width:none !important;
    }
}