/* ===================================
   FRONTEND OTIMIZAÇÕES DE STYLE INLINE
   =================================== */

/* Body */
body.bg-light-fe {
    background: rgb(245, 245, 245);
}

/* Search icon button - desktop */
.search-btn-desktop {
    margin-top: 10px;
    margin-left: -30px;
    background: transparent;
    border: none;
    float: left;
    cursor: pointer;
}

/* Search icon button - mobile */
.search-btn-mobile {
    margin-top: 12px;
    margin-left: -30px;
    background: transparent;
    border: none;
    float: left;
    cursor: pointer;
}

/* Search icon */
.search-icon {
    color: rgb(146, 94, 72);
}

.search-icon-mobile {
    margin-top: 5px;
    position: absolute;
    color: rgb(146, 94, 72);
}

/* Login button */
.btn-login-header {
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 8px;
    border-radius: 4px;
    outline: none;
    width: 100px;
    height: auto;
    color: white;
    background: rgb(156, 117, 97);
    cursor: pointer;
}

/* Location button */
.btn-location {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background: transparent;
    border: none;
    outline: none;
}

.btn-location-desktop {
    font-size: 13px;
    font-weight: bold;
    margin-left: 8px;
    color: white;
    background: transparent;
    border: none;
    outline: none;
    vertical-align: middle;
}

/* Divider */
.divider-thin {
    margin-top: 20px;
    width: 100%;
    height: 0.4px;
    background: #bdb7af;
}

/* Location box */
.location-box {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 8px;
    background: rgb(215, 209, 199);
}

/* Cacau lovers button */
.btn-cacau-lovers {
    margin-top: 15px;
    border: none;
    border-radius: 5px;
    padding: 7px;
    width: 130px !important;
    height: auto !important;
    font-size: 12px !important;
    border-radius: 4px;
    background: rgb(172, 77, 83) !important;
    color: white !important;
    cursor: pointer;
}

.btn-cacau-lovers img {
    display: block;
}

/* WhatsApp button */
.btn-whatsapp-float {
    border: none;
    width: 70px;
    height: 70px;
    padding: 12px;
    float: right;
    color: white;
    font-weight: 500;
    border-radius: 50%;
    background: rgb(37, 211, 102);
    cursor: pointer;
}

.btn-whatsapp-float:hover {
    background: rgb(27, 191, 92);
}

.btn-whatsapp-float svg {
    display: inline;
}

/* Search container mobile */
.search-container-mobile {
    padding: 6px 8px;
    border-radius: 4px;
    width: 100%;
    border: solid 1px rgb(79, 79, 79);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Carrinho */
.color-brown-fe {
    color: rgb(89, 31, 18);
    font-size: 1.8em;
}

.box-white-border {
    background: white;
    width: 100%;
    height: auto;
    border-radius: 4px;
    border: solid 1px rgb(190, 190, 190);
    padding: 10px;
    margin-bottom: 15px;
}

/* Footer FE */
.footer-dark {
    padding: 10px;
    width: 100%;
    height: auto;
    background: rgb(38, 8, 1);
}

.footer-text {
    text-align: center;
    margin-top: 10px;
    color: white;
    font-size: 11px;
}

/* Social buttons footer */
.btn-social-footer {
    border: none;
    background: transparent;
    margin-right: 15px;
    cursor: pointer;
}

.btn-social-footer i {
    font-size: 26px;
    color: rgb(89, 31, 18);
}

.btn-social-footer:hover i {
    opacity: 0.8;
}

/* Utility classes */
.flex-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.text-white-fe {
    color: white;
}

.text-brown-fe {
    color: rgb(89, 31, 18);
}

.center {
    text-align: center;
}