/* ===== Header: floating block style + nav ===== */
#header-container.fullwidth{padding:14px 20px 0;background:transparent}
#header-container.fullwidth #header{max-width:1300px;margin:0 auto;border-radius:14px}
#header .main-nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}
#header .main-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
#header .main-nav ul li a{font-weight:500;font-size:15px;color:#333;white-space:nowrap}
#header .main-nav ul li a:hover{color:var(--theme-color-1,#1624e9)}
@media(max-width:1180px){#header .main-nav{display:none}}

/* ===== Footer: dark block ===== */
#footer{background:#10132b;color:#c6c8dd}
#footer .footer-links h3,#footer h3{color:#fff}
#footer .footer-links ul li a{color:#aeb1cc}
#footer .footer-links ul li a:hover{color:#fff}
#footer p{color:#aeb1cc}
#footer .footer-contact-block a{color:#aeb1cc;display:block;margin-bottom:8px}
#footer .footer-contact-block a:hover{color:#fff}
#footer .footer-contact-block i{margin-right:8px;color:var(--theme-color-1,#4a5bff)}
#footer .footer-bottom-section{background:#0a0c20;border-top:1px solid rgba(255,255,255,.08)}
#footer .footer-copyright-text{color:#9598b8}
#footer .footer-social-links li a{background:rgba(255,255,255,.06);color:#fff}
#footer .footer-social-links li a:hover{background:var(--theme-color-1,#4a5bff)}
#footer .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff!important;padding:9px 18px;border-radius:30px;font-size:14px;font-weight:500;margin-top:10px}
#footer .whatsapp-btn:hover{background:#1ebe57}

/* ===== Homepage: hero slider ===== */
.hero-slider .hero-slide{outline:none}
.hero-slider .slick-dots{bottom:-35px}
.hero-slider .slick-dots li button:before{color:#fff;opacity:.5;font-size:10px}
.hero-slider .slick-dots li.slick-active button:before{opacity:1}
.hero-slider .slick-arrow{z-index:5}

/* ===== Homepage: clients / restaurants showcase ===== */
.clients-section{padding:55px 0}
.clients-section .logo-carousel{margin-top:35px}
.clients-section .client-item{text-align:center;padding:10px 20px}
.clients-section .client-item a{display:block;text-decoration:none}
.clients-section .client-item .client-logo{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 14px;box-shadow:0 2px 14px rgba(0,0,0,.12);display:block}
.clients-section .client-item .client-name{font-size:14.5px;font-weight:500;color:#444}
.clients-section .client-item:hover .client-name{color:var(--theme-color-1,#1624e9)}

/* ===== Homepage: FAQ as block card ===== */
.faq-block{background:#fff;border-radius:10px;box-shadow:0 2px 20px rgba(0,0,0,.06);padding:10px 40px}
.faq-block .faq-list{padding:20px 0}
.faq-block .faq-list:not(:last-child){border-bottom:1px solid #eee}

/* ===== Inner pages: consistent hero + block cards (FAQ/Contact/Membership) ===== */
.page-hero{padding:55px 0 35px;background:#f7f8fc}
.contact-card,.membership-intro{background:#fff;border-radius:10px;box-shadow:0 2px 20px rgba(0,0,0,.06)}
.contactUs.contact-card{padding:35px 40px}
.dashboard-box.contact-card{padding:0;overflow:hidden;margin-bottom:25px}
.dashboard-box.contact-card .headline{padding:18px 25px;border-bottom:1px solid #eee}
.dashboard-box.contact-card .whatsapp-btn{margin-top:12px}
.contact-map{border-radius:10px;overflow:hidden}

/* ===== Floating WhatsApp button (sitewide) ===== */
.floating-whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:9999;text-decoration:none}
.floating-whatsapp:hover{background:#1ebe57}
.floating-whatsapp-ping{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#25D366;opacity:.55;animation:floatingWhatsappPulse 2.6s ease-out infinite}
.floating-whatsapp-ping-delay{animation-delay:1.3s}
@keyframes floatingWhatsappPulse{
    0%{transform:scale(1);opacity:.55}
    100%{transform:scale(2.1);opacity:0}
}
@media(max-width:600px){
    .floating-whatsapp{right:16px;bottom:16px;width:52px;height:52px}
}
