/*DEFAULT*/
.custom-component-padding li a { text-decoration: none; }

/*CLASSES DE AJUDA*/
.line-height-control { line-height: 20px; }

/*CUSTOM MENU LINKS WRAPPER*/
.custom-menu-links-plus { text-align: center; }

/*ICONES*/
.list-component-categorias img { transition: all .2s linear; -webkit-transition: all .2s linear; }
.list-component-categorias a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }

/*ESTILO PARA ANCHORS LIST*/
.block-list-component .list-component-categorias .link-component-categorias,
.block-list-component .list-component-categorias .link-component-categorias span { transition: all .5s ease-out; -webkit-transition: all .5s ease-out; }
.block-list-component .list-component-categorias .link-component-categorias { text-decoration: none; }
.block-list-component .list-component-categorias .link-component-categorias span { border-bottom: 1px solid transparent; }
.block-list-component .list-component-categorias .link-component-categorias:hover span { color: #1e56c9; border-color: #1e56c9; }

/*CHECKBOXS ESCONDIDO*/
input[type="checkbox"] { display: none; }

/*ESTILO PARA LABEL/BOTÃO GERAL*/
.labels-btn { background-color: #f3f3f3; border: 1px solid #e5e5e5; color: #818080; cursor: pointer; display: inline-block; font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 400; margin: 20px auto; padding: 10px 0; text-align: center; text-transform: uppercase; transition: all .2s linear; -webkit-transition: all .2s linear; width: 100%; }

/*ESTILO PARA BOTÃO FULL CONTROL*/
label[name="label-control"] { width: 350px; }

/*TEXTO PARA BOTÃO FULL CONTROL*/
label[name="label-control"]:before { content: 'VER+'; }

/*TEXTO PARA BOTÃO DE LISTAS*/
label[for="checkbox-list-1"]:before,
label[for="checkbox-list-2"]:before,
label[for="checkbox-list-3"]:before,
label[for="checkbox-list-4"]:before,
label[for="checkbox-list-5"]:before,
label[for="checkbox-list-6"]:before { content: 'VER+'; }

/*CUSTOM COMPONENT PADDING*/
.custom-component-padding { height: 400px; margin-bottom: 20px; overflow: hidden; padding-bottom: 0; padding-top: 0; transition: all .5s linear; -moz-transition: all .5s linear; -ms-transition: all .5s linear; -o-transition: all .5s linear; -webkit-transition: all .5s linear; }

/*CONTROLES DE CHECKBOX
************************************/
/*LISTA DESKTOP*/
input[name="checkbox-control"]:checked ~ label[name="label-control"]:before { content: 'VER-'; }
input[name="checkbox-control"]:checked ~ .component-padding { height: 620px; }

/*LISTA TABLET E MOBILE*/
input[name="checkbox-list-1"]:checked ~ label[for="checkbox-list-1"]:before,
input[name="checkbox-list-2"]:checked ~ label[for="checkbox-list-2"]:before,
input[name="checkbox-list-3"]:checked ~ label[for="checkbox-list-3"]:before,
input[name="checkbox-list-4"]:checked ~ label[for="checkbox-list-4"]:before,
input[name="checkbox-list-5"]:checked ~ label[for="checkbox-list-5"]:before,
input[name="checkbox-list-6"]:checked ~ label[for="checkbox-list-6"]:before { content: 'VER-'; }

input[name="checkbox-list-1"]:checked ~ .extra-links,
input[name="checkbox-list-2"]:checked ~ .extra-links,
input[name="checkbox-list-3"]:checked ~ .extra-links,
input[name="checkbox-list-4"]:checked ~ .extra-links,
input[name="checkbox-list-5"]:checked ~ .extra-links,
input[name="checkbox-list-6"]:checked ~ .extra-links { display: block; }

/*MEDIA QUERIES
*********************************/
@media (max-width: 990px) {
  .block-list-component .list-component-categorias { padding-left: 0; padding-right: 0; }
  .block-list-component .list-component-categorias .link-component-categorias { background-image: url("https://static.carrefourdigital.com.br/media/images/icons/arrow-menu-account.png"); background-position: right; background-repeat: no-repeat; border-bottom: 1px solid #969696; height: auto; padding: 4px 0; text-align: left; width: 100%; }
  .custom-component-padding { height: auto; overflow: visible; }
  .extra-links { display: none; }
}
