/* Custom Colors for Glow Pure Cleaning 
   Colors from the logo:
   Fresh green: #27832F
   Vibrant lime: #7DA63A
   Soft lime: #7DA63A
   Deep accent: #589E16
   Neutral gray: #C2CACF
*/

/* Header background - versão mais clara do azul para visualizar melhor a logo */
header.header-light {
    background-color: #27832F;
}

/* Header sticky (quando rola a página) */
header.header-light.smaller {
    background-color: #27832F;
}

/* Ajustes de tamanho da logo */
header #logo img.logo-main,
header #logo img.logo-scroll,
header #logo img.logo-mobile {
    max-height: 50px;
    width: auto;
}

/* Logo na versão sticky do header */
header.smaller #logo img.logo-main,
header.smaller #logo img.logo-scroll {
    max-height: 40px;
    width: auto;
    transition: all 0.3s ease;
}

/* Logo na versão mobile do header */
header.header-mobile #logo img.logo-mobile {
    max-height: 35px;
    width: auto;
}

/* Menu principal links de texto */
.header-light #mainmenu a.menu-item {
    color: #ffffff;
    font-weight: bold;
}

.header-light #mainmenu>li>a {
    color: #ffffff;
    font-weight: bold;
}

/* Links do menu ao passar o mouse */
.header-light #mainmenu a.menu-item:hover {
    color: #7DA63A;
}

/* Item ativo no menu */
header.header-light #mainmenu a.menu-item.active {
    color: #7DA63A;
}

/* Texto "Need Help?" no header */
.header-light .h-phone span {
    color: #ffffff !important; /* Texto branco */
    font-weight: bold;
}

/* Número de telefone no header */
.header-light .h-phone h5 a {
    color: #ffffff; /* Texto branco para o número de telefone */
    font-weight: bold;
}

.header-light .h-phone h5 a:hover {
    color: #7DA63A; /* Cor mais clara ao passar o mouse */
}

/* Botão principal no header */
.menu_side_area a.btn-main {
    background: #7DA63A;
    color: #27832F;
    font-weight: bold;
}

.menu_side_area a.btn-main:hover {
    background: #7DA63A;
    color: #27832F;
}

/* Cores do submenu */
#mainmenu li li a.menu-item {
    color: #27832F !important;
}

#mainmenu li li a.menu-item:hover {
    background: #7DA63A !important;
    color: #27832F !important;
}

/* Menu mobile */
header.header-mobile {
    background-color: #27832F !important;
}

/* Menu mobile toggle button */
#menu-btn:before {
    color: #7DA63A;
}

/* Ajuste para menu responsivo */
.header-light.smaller {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

/* Menu mobile dropdown */
.header-mobile #mainmenu {
    background: #27832F;
}

.header-mobile #mainmenu > li {
    border-bottom: solid 1px rgba(255, 255, 255, .1);
}

.header-mobile #mainmenu li ul {
    background: #589E16;
}

/* Textos CTA em branco e negrito */
.slider-teaser, 
p.text-white,
.text-white,
.text-light p {
    color: #ffffff !important;
    font-weight: bold;
}

/* Ajustes no texto do hero */
.bg-color-3 h1, .bg-color-3 p {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.bg-color-3 .lead {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}