/* Sahithi Home Safety Solutions: navy, teal and metallic gold brand palette */
:root{--sahithi-navy:#082C43;--sahithi-teal:#00666B;--sahithi-gold:#B78A2C;--sahithi-cream:#F9F5EA;--sahithi-light:#EAF5F3}
body{color:#304250}
.navbar-area,.header-area,.top-header-area{--brand-color:var(--sahithi-navy)}
a:hover,.nav-link:hover,.navbar-nav .nav-item:hover>.nav-link{color:var(--sahithi-teal)}
.default-btn,.default-btn1,.btn-primary,button[type=submit]{background:var(--sahithi-gold)!important;border-color:var(--sahithi-gold)!important;color:#071f31!important;transition:background .2s ease,color .2s ease}
.default-btn:hover,.default-btn1:hover,.btn-primary:hover,button[type=submit]:hover{background:var(--sahithi-teal)!important;border-color:var(--sahithi-teal)!important;color:#fff!important}
.section-title span,.single-services a:hover,.footer-area a:hover{color:var(--sahithi-teal)}
.single-services:hover,.single-what-we-offer:hover{border-color:var(--sahithi-gold)}
.footer-area,.footer-top-area{background-color:var(--sahithi-navy)}
.page-title-area:before{background-color:rgba(8,44,67,.70)}
.form-control:focus{border-color:var(--sahithi-teal);box-shadow:0 0 0 .15rem rgba(0,102,107,.13)}
.sahithi-whatsapp-form .default-btn{white-space:normal;padding:13px 22px}
.logo img,.footer-area .logo img{object-fit:contain;max-width:100%;height:auto}
@media(max-width:767px){.logo img{max-height:70px}.sahithi-whatsapp-form .form-control{min-height:44px}}

/* Sahithi brand header & dark-footer refinements */
.top-header{background:#00666B!important;border-bottom:3px solid #B78A2C!important}
.top-header .contact-info li i,.top-header .my-account li i{color:#E3BC67!important}
.desktop-nav,.navbar-area .desktop-nav{background:#F9F5EA!important}
.desktop-nav .navbar-nav .nav-item .nav-link{color:#082C43!important}
.desktop-nav .navbar-nav .nav-item .nav-link:hover,.desktop-nav .navbar-nav .nav-item .nav-link.active{color:#00666B!important}
.footer-area .logo img{width:auto;max-width:100%;max-height:115px;object-fit:contain}
.footer-area .address a{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:767px){.top-header .contact-info{display:flex;flex-wrap:wrap}.footer-area .logo img{max-height:95px}}

/* Sahithi site-wide warm cream theme */
html,body{background-color:#F9F5EA!important}
body,.main-content,.page-content,.services-area,.about-area,.contact-area,.faq-area,.blog-area,.gallery-area,.team-area,.choose-us-area,.why-choose-us-area,.features-area,.work-area,.portfolio-area,.testimonial-area{background-color:#F9F5EA}
.single-services,.single-service,.single-blog,.single-what-we-offer,.single-features,.single-team,.service-card,.card,.contact-form,.contact-info-box,.single-contact-info,.faq-accordion .accordion .accordion-item{background-color:#F9F5EA}
.footer-area,.footer-top-area{background-color:#082C43!important}
.footer-area,.footer-area p,.footer-area h3,.footer-area li,.footer-area a,.footer-area .address a,.footer-area .import-link a{color:#F9F5EA!important}
.footer-area a:hover,.footer-area .import-link a:hover{color:#E3BC67!important}
.copy-right-area{background:#062638!important;color:#F9F5EA}
.copy-right-area a,.copy-right-area p{color:#F9F5EA!important}
.sahithi-footer-five{align-items:flex-start;row-gap:30px}
.sahithi-footer-five .sahithi-footer-column{flex:0 0 20%;max-width:20%;min-width:0}
.sahithi-footer-five .single-footer-widget .import-link li{margin-bottom:12px}
.sahithi-footer-five .single-footer-widget h3{font-size:21px;line-height:1.25;margin-bottom:22px}
.sahithi-footer-five .single-footer-widget a{overflow-wrap:anywhere}
.sahithi-footer-five .single-footer-widget .logo img{max-height:95px}
@media(max-width:1199px){.sahithi-footer-five .sahithi-footer-column{flex:0 0 33.3333%;max-width:33.3333%}}
@media(max-width:767px){.sahithi-footer-five .sahithi-footer-column{flex:0 0 50%;max-width:50%}}
@media(max-width:520px){.sahithi-footer-five .sahithi-footer-column{flex:0 0 100%;max-width:100%}}

/* Sahithi mobile navigation redesign — desktop header is unaffected */
@media only screen and (max-width: 991px) {
  .navbar-area, .navbar-area.is-sticky,
  .navbar-area .mobile-nav, .navbar-area .mobile-nav .container,
  .mobile-nav .mobile-menu, .mobile-nav .mean-container .mean-bar {
    background-color: #F9F5EA !important;
  }
  .navbar-area .mobile-nav .mobile-menu {
    height: 94px !important;
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar-area .mobile-nav .logo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    width: 235px !important;
    max-width: calc(100% - 112px) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000;
    margin: 0 !important;
    text-align: center !important;
  }
  .navbar-area .mobile-nav .logo a {display:block !important;}
  .navbar-area .mobile-nav .logo img {
    width: 100% !important;
    height: auto !important;
    max-height: 91px !important; /* 30% larger than previous 70px limit */
    object-fit: contain !important;
    object-position: center;
  }
  .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal {
    top: 50% !important;
    right: 10px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 38px !important;
    height: 40px !important;
    color: #082C43 !important;
    z-index: 1001;
  }
  .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal span {
    background: #082C43 !important;
    margin-top: 5px !important;
    top: 0 !important;
  }
  .mobile-nav .mobile-menu.mean-container .mean-nav {
    margin-top: 0 !important;
    position: absolute;
    top: 94px;
    left: 0;
    right: 0;
    width: 100%;
    background: #F9F5EA !important;
    z-index: 999;
  }
  .mobile-nav .mobile-menu.mean-container .mean-nav ul li a {
    background: #F9F5EA;
    color: #082C43;
  }
  /* Remove the extra phone block beneath the navigation icon. */
  .navbar-area .others-option-for-responsive {display:none !important;}
  /* Phone is already displayed in the top contact strip. */
  .hero-slider-area .hero-slider-btn {display:none !important;}
}
@media only screen and (max-width: 380px) {
  .navbar-area .mobile-nav .logo {max-width:calc(100% - 92px) !important;}
  .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal {right:4px !important;}
}

/* 2026-11-02: dark green service section, warm cream cards */
.what-we-offer-area.sahithi-cream-services {background:#063B4A!important;}
.sahithi-cream-services .section-title h2 {color:#F9F5EA!important;}
.sahithi-cream-services .single-what-we-offer,
.sahithi-cream-services .what-we-offer-content {background:#F9F5EA!important;}
.sahithi-cream-services .single-what-we-offer h3 a:not([href^="tel:"]),
.sahithi-cream-services .single-what-we-offer p {color:#082C43!important;}
/* Subtle image text shadow, readable without heavy dark overlay */
.hero-slider-content h1,.hero-slider-content h2,.hero-slider-content p,
.hero-slider-content span,.hero-slider-area .hero-slider-content h1,
.hero-slider-area .hero-slider-content p {text-shadow:0 2px 5px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.36)!important;}
@media(max-width:991px){
 /* Keep the logo central, while making menu controls independently visible */
 .navbar-area .mobile-nav .mobile-menu {position:relative!important;}
 .mobile-nav .mobile-menu.mean-container .mean-bar {position:static!important;height:94px!important;min-height:94px!important;width:100%!important;float:none!important;background:transparent!important;}
 .mobile-nav .mean-container a.meanmenu-reveal,
 .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal {position:absolute!important;top:27px!important;right:14px!important;left:auto!important;transform:none!important;display:block!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #B78A2C!important;border-radius:5px!important;background:#F9F5EA!important;z-index:2005!important;font-size:0!important;color:#082C43!important;text-indent:-9999px!important;box-sizing:border-box!important;}
 .mobile-nav .mean-container a.meanmenu-reveal:before {content:'☰';display:block!important;position:absolute;inset:0;font-family:Arial,sans-serif;font-size:27px;line-height:38px;text-align:center;color:#082C43!important;text-indent:0!important;}
 .mobile-nav .mean-container a.meanmenu-reveal.meanclose:before {content:'×';font-size:31px;line-height:35px;}
 .mobile-nav .mean-container a.meanmenu-reveal span {display:none!important;}
 .mobile-nav .mean-container .mean-nav {position:absolute!important;top:94px!important;left:0!important;right:0!important;float:none!important;margin:0!important;width:100%!important;max-height:calc(100vh - 135px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#F9F5EA!important;z-index:2001!important;box-shadow:0 8px 18px rgba(8,44,67,.18)!important;}
 .mobile-nav .mean-container .mean-nav ul {background:#F9F5EA!important;}
 .mobile-nav .mean-container .mean-nav ul li a {background:#F9F5EA!important;color:#082C43!important;opacity:1!important;visibility:visible!important;font-size:15px!important;line-height:1.4!important;border-color:rgba(8,44,67,.13)!important;box-sizing:border-box!important;}
 .mobile-nav .mean-container .mean-nav ul li a.mean-expand {display:block!important;float:none!important;width:45px!important;height:44px!important;line-height:22px!important;padding:10px!important;text-align:center!important;font-size:22px!important;font-weight:600!important;color:#00666B!important;z-index:5!important;}
 .mobile-nav .mean-container .mean-nav ul li a:hover,.mobile-nav .mean-container .mean-nav ul li a:focus {color:#00666B!important;background:#eee7d7!important;}
 .navbar-area .mobile-nav .logo {z-index:1001!important;pointer-events:auto;}
}