@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Hind:wght@300;400;500;600;700&display=swap');
@import url('help.css'); /* Classes comuns */
@import url('header_checkout.css');
@import url('header_main_menu.css');
@import url('header_right.css');
@import url('engematsu.css');

:root {
    --principal: #fce207; 
    --secundaria: #2d2d2d;
    --light: #f2f2f2;
    --fonte-padrao: 'DM Sans'; /* Conforme @import fonts */
}

.btn-primary {
    background-color: #000;
    color: #FFF;
    border-radius: 6px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}
.btn-primary:hover {
    background-color: var(--principal);
    color: #000;
}


body {
    font-family: var(--fonte-padrao), sans-serif;
    font-weight: 500
}

/* Módulo text slider - Antes topo */
#bontextslider .row {
    margin-left: 0px;
    margin-right: 0px
}

/* Topo */
#header {
    background: #FFF;
    transition: transform 0.3s ease;
}

#header ._desktop_top {
    background: #FFF;
    color: #3b3b3b;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px
}

/* Logo */
#_desktop_logo {
    padding-top: 5px;
    padding-bottom: 5px
}
#_desktop_logo h1 {
    margin-bottom: 0
}

/* Menu superior - Caso houver */
#header .header-top #_desktop_contact_link {
    display: inline-block;
    margin-right: 28px;
    font-size: 14px;
}
#header .header-nav #_desktop_contact_link #contact-link {
    color: var(--principal);
    margin-top: 12px;
    text-align: right;
}

#header .top-menu a[data-depth="1"],
#header .top-menu a[data-depth="2"] {
    color: #000
}

#checkout #_desktop_top_menu,
#checkout #_desktop_contact_link {
    display: none !important;
}

/* Banner principal */
#carousel {
    text-align: center;
    background-color: #000;
    color: #FFF;
}
.carousel .carousel-item .caption .caption-description h3, 
.carousel .carousel-item .caption .caption-description p, 
.carousel .carousel-item .caption .caption-description .page-content.page-cms ul, 
.page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
    color: #FFF;
}
.carousel .carousel-item .caption {
    right: 90px;
    top: 50%;
    text-align: center;
    margin: 0 auto;
}

.carousel .carousel-inner {
    height: auto;
}

._display_slider_home {
    overflow: hidden;
}

.carousel .carousel-item .caption .display-1 {
    display: none;
}

/* Espacamento entre menu e banner - Inicial */
body.page-index main > #wrapper {
    padding-top: 0px;
}

#wrapper,
.page-content.page-cms {
    background-color: #f4f4f4;
}

/* Breadcrumb Navegacao */
#wrapper .breadcrumb {
    font-size: 12px;
}

/* Paginas internas */
#main .page-header {
    padding-top: 40px;
}

#main .page-header h1 {
    color: var(--secundaria)
}

#main .page-header h1 span,
.page-contact .page-header h1 span {
    background: #f5f5f5;
    display: inline-block;
    padding-bottom: 3px;
    position: relative;
    z-index: 1;
    top: 1px;
    padding-right: 10px;
}

#main .page-header h1:after,
.page-contact .page-header h1:after {
    content: '';
    display: block;
    height: 1px;
    background: var(--principal);
    width: 100%;
    position: relative;
    bottom: -10px;
}

.page-content.page-cms {
    padding: 0
}

.page-heading,
.page-subheading {
    font-family: var(--fonte-padrao), sans-serif;
    font-size: 22px;
    letter-spacing: 3px;
}

.page-heading {
    font-size: 30px
}

#content-wrapper #subcategories {
    display: none;
}

/* Rodape */
#footer {
    padding-top: 40px;
    border-top: 1px solid #809483
}

/* Newsletter */
#footer #block-newsletter-label {
    font-weight: bold;
    color: #3e403b
}

.block_newsletter form input[type=email] {
    border: 1px solid #CCC
}

.block_newsletter .btn-primary {
    background: var(--principal) !important;
    color: #000 !important;
}
.block_newsletter .btn-primary:hover {
    background: #000 !important;
    color: var(--principal) !important;
}
.block_newsletter label {
    color: var(--secundaria) !important
}

.footer-container {
    box-shadow: none;
    background: #0b0b0b;
    color: #FFF;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 10px solid var(--principal)
}

.block-contact .block-contact-title,
.linklist .blockcms-title a,
.footer-container .h1,
.footer-container .h2,
.footer-container .h3 {
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 15px;
    letter-spacing: 1px;
    margin-bottom: 0px;
    font-size: 18px;
}

.block-contact .block-contact-title:after,
.linklist .blockcms-title a:after,
.footer-container .h1:after,
.footer-container .h2:after,
.footer-container .h3:after {
    content: '';
    height: 4px;
    width: 15px;
    background-color: var(--principal);
    display: block;
    margin-top: 14px
}

#block_myaccount_infos .myaccount-title a {
    color: #fff;
}

.footer-container li a {
    color: #fff;
    font-size: 14px;
}

.footer-container li a:hover {
    color: var(--principal)
}

.block-contact,
.block-contact .dropdown {
    color: #fff;
    font-size: 14px;
}
.block-contact a {
    color: #FFF;
    text-decoration: underline;
}
.block-contact #contact-infos {
    font-size: 12px
}

._footer-telefone {
    padding-top: 5px
}

._footer-social {
    margin-bottom: 15px
}

._footer-social ul {
    margin-bottom: 0
}

._footer-social li {
    display: inline-block;
    padding: 3px 10px 0px;
}

._footer-social i {
    font-size: 24px;
}

._selos_certificados ._selos,
._selos_pagamentos ._selos {
    color: var(--secundaria)
}

.subfooter-container {
    color: #575757;
    font-size: 12px;
    padding-top: 20px
}

.subfooter-container ._copy {
    padding-top: 20px;
    font-size: 10px;
    margin-top: 20px;
    margin-bottom: 20px
}
.subfooter-container ._telinea {
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: right;
}

.subfooter-container ._direitos {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}

._developer {
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

._developer a {
    color: #6f6d6d;
}

._tln_float .my-float {
    opacity: 0
}

.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
    border-color: #1d1d1b
}

.has-discount.product-price,
.has-discount p,
.product-price {
    color: #1d1d1b;
    font-weight: normal
}

.has-discount .discount {
    background-color: #1d1d1b
}

.page-contact .page-header {
    margin-top: 60px;
    margin-bottom: 60px
}

.page-contact .card-block {
    background: var(--principal);
    box-shadow: none;
    color: #FFF;
    position: relative;
    margin-bottom: 100px !important;
}

.page-contact .card-block:after {
    background: #FFF;
    width: 1px;
    left: -30px;
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    display: block;
}

/* Pagina de Contato */
.page-contact .contact-form {
    background-color: transparent;
    color: #000;
}

.page-contact .label,
.page-contact label {
    color: #000
}

.page-contact .contact-form h3 {
    display: none;
}

.contact-rich .block a {
    color: #000;
    font-weight: bold;
}


.block-categories {
    border-bottom: 1px solid #CCC;
    border-left: 3px solid var(--principal)
}

#left-column {
    padding-left: 0
}

.block-category {
    min-height: 10px;
    border-radius: 20px
}

.block-categories ul {
    margin-bottom: 0;
}

.block-categories .category-sub-menu li {
    border-top: 1px solid #F2F2F2
}

.block-categories .category-sub-menu li[data-depth="0"]>a {
    border-bottom: 0px none;
    padding-top: 2px;
    padding-bottom: 6px
}
.block-categories .category-sub-menu li[data-depth="0"]>a:hover {
    text-decoration: underline;
}

._display_catgories_products .block-categories li a {
    border-left-color: #1d1d1b;
    border-left-width: 1px
}

#blockcart-modal .product-name,
.cart-grid-body a.label:hover {
    color: #1d1d1b
}

.page-cart #content-wrapper {
    margin-top: 40px
}

.page-order #wrapper {
    padding-top: 40px;
}

#login-form .btn-primary {
    width: 100%;
    max-width: 288px
}

@media (max-width: 767px) {
    #header .header-top {
        padding-bottom: 5px;
        background-color: var(--light);
    }

    #header .header-nav {
        background: #FFF;
    }

    #header.is-open,
    #header.is-open .header-top,
    #mobile_top_menu_wrapper {
        background-color: var(--light);
    }

    ._selos_certificados {
        margin-bottom: 30px
    }

    #login-form .btn-primary,
    #customer-form .btn-primary {
        width: 100%;
    }
    .subfooter-container ._telinea {
        margin-top: 0;
        text-align: center;
    }
     .subfooter-container ._direitos {
        text-align: center;
    }
}

/* Pagina de produtos - Listagem */
._display_catgories_products .block-categories {
    box-shadow: none;
    background: 0 none;
    padding: 0;
    margin-bottom: 30px;
}

._display_catgories_products .block-categories li {
    display: inline-flex;
}

._display_catgories_products .block-categories li a {
    padding: 10px 15px;
    padding-bottom: 10px !important;
    border-left: 2px solid rgba(0, 0, 0, .25);
}

._display_catgories_products .block-categories>ul>li>ul>li:first-child a {
    padding-left: 0;
    border-left: 0 none;
}

._display_catgories_products .block-categories>ul>li:first-child,
._display_catgories_products .block-categories .navbar-toggler {
    display: none;
}

/* Produtos */
/* Titulo de produtos */
#products .products-section-title,
.featured-products .products-section-title,
.product-accessories .products-section-title,
.product-miniature .products-section-title {
    text-align: left;
    text-transform: none;
    font-weight: 800
}

#products .products-section-title span,
.featured-products .products-section-title span,
.product-accessories .products-section-title span,
.product-miniature .products-section-title span {
    background: red;
    display: inline-block;
    padding-bottom: 3px;
    position: relative;
    z-index: 1;
    top: 1px;
    padding-right: 10px;
}

#products .products-section-title:after,
.featured-products .products-section-title:after,
.product-accessories .products-section-title:after,
.product-miniature .products-section-title:after {
    content: '';
    display: block;
    height: 1px;
    background: var(--principal);
    width: 100%;
    margin-top: 20px;
}

#products .thumbnail-container .product-thumbnail,
.featured-products .thumbnail-container .product-thumbnail,
.product-accessories .thumbnail-container .product-thumbnail,
.product-miniature .thumbnail-container .product-thumbnail {
    box-shadow: 0px 0px 10px 4px #f2f2f2;
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
    background-color: var(--principal);
}

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
    /*background-color: transparent;
    box-shadow: none */
}

#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
    font-size: 16px;
    font-weight: bold !important;
    color: #1d1d1b;

    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.product-miniature:hover h3 a,
#products .product-title a:hover,
.featured-products .product-title a:hover,
.product-accessories .product-title a:hover,
.product-miniature .product-title a:hover {
    color: var(--principal)
}

.product-miniature .thumbnail-container:hover .product-description::after,
.product-miniature .thumbnail-container:focus .product-description::after {
    display: none;
}

#products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping {
    font-weight: normal !important
}

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    background-color: transparent
}

#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
    display: none;
}

.product-list-reviews {
    background: rgb(0 0 0 / 50%);
    top: -31px;
    color: #FFF;
}

.featured-products h2 {
    margin-bottom: 40px;
    margin-top: 10px !important;
}

.featured-products .all-product-link {
    text-align: right;
    color: #3e403b
}

#products .all-product-link:hover,
.featured-products .all-product-link:hover {
    color: var(--principal);
}

#product h1 {
    text-transform: none;
    font-size: 24px;
    color: #000
}