/* =========================================================
MENU MOBILE - SIN BREAKPOINT
========================================================= */
/* =========================================================
PANEL PRINCIPAL
========================================================= */
#nav-hamburger {
background: #f6f6f3 !important;
color: #111 !important;
}
#nav-hamburger .modal-header {
min-height: 58px !important;
background: #f6f6f3 !important;
border-bottom:
1px solid rgba(0,0,0,.10) !important;
}
#nav-hamburger .modal-body {
padding: 6px 20px 22px !important;
background: #f6f6f3 !important;
}
/* ITEMS PRINCIPALES */
#nav-hamburger
> .modal-body
> .nav-list
> .nav-item {
border-bottom:
1px solid rgba(0,0,0,.09) !important;
}
#nav-hamburger
> .modal-body
> .nav-list
> .nav-item
> .nav-list-link {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 18px 4px !important;
color: #111 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
letter-spacing: .035em !important;
text-decoration: none !important;
background: transparent !important;
transition:
color .18s ease,
background .18s ease,
padding-left .18s ease !important;
}
/* Categorías que tienen subcategorías */
#nav-hamburger
.item-with-subitems
> .nav-list-link {
font-weight: 700 !important;
}
/* FLECHITAS DORADAS */
#nav-hamburger .nav-list-arrow {
color: #9e8049 !important;
opacity: 1 !important;
}
#nav-hamburger
.nav-list-arrow
.icon-inline {
width: 10px !important;
height: 10px !important;
}
/* Efecto al tocar */
#nav-hamburger
> .modal-body
> .nav-list
> .nav-item
> .nav-list-link:active {
background: #111 !important;
color: #fff !important;
padding-left: 12px !important;
}
/* =========================================================
SUBMENUS
========================================================= */
.modal-nav-hamburger:not(#nav-hamburger) {
background: #f6f6f3 !important;
color: #111 !important;
}
/* CABECERA SUBMENU */
.modal-nav-hamburger:not(#nav-hamburger)
.modal-header {
min-height: 64px !important;
background: #111 !important;
border-bottom:
2px solid #c4a56a !important;
}
/* TITULO */
.modal-nav-hamburger:not(#nav-hamburger)
.modal-title {
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
/* BOTONES VOLVER Y CERRAR */
.modal-nav-hamburger:not(#nav-hamburger)
.modal-close,
.modal-nav-hamburger:not(#nav-hamburger)
.modal-close-icon {
color: #fff !important;
fill: #fff !important;
}
.modal-nav-hamburger:not(#nav-hamburger)
.modal-back {
color: #c4a56a !important;
}
/* CUERPO SUBMENU */
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body {
padding: 10px 20px 26px !important;
background: #f6f6f3 !important;
}
/* =========================================================
VER TODO
========================================================= */
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:first-child {
margin-bottom: 8px !important;
border-bottom:
1px solid rgba(196,165,106,.65) !important;
}
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:first-child
.nav-list-link {
display: flex !important;
align-items: center !important;
padding: 15px 3px !important;
color: #9e8049 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:first-child
.nav-list-link::after {
content: "→";
margin-left: 7px;
font-size: 14px;
}
/* =========================================================
SUBCATEGORIAS
========================================================= */
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:not(:first-child) {
border-bottom:
1px solid rgba(0,0,0,.08) !important;
}
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:not(:first-child)
.nav-list-link {
position: relative !important;
display: block !important;
padding: 17px 3px !important;
color: #222 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: .02em !important;
text-decoration: none !important;
background: transparent !important;
transition:
padding-left .18s ease,
color .18s ease !important;
}
/* DETALLE DORADO AL TOCAR */
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:not(:first-child)
.nav-list-link::before {
content: "";
position: absolute;
left: 3px;
top: 50%;
width: 0;
height: 1px;
background: #9e8049;
transition: width .18s ease;
}
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:not(:first-child)
.nav-list-link:active {
padding-left: 18px !important;
color: #000 !important;
}
.modal-nav-hamburger:not(#nav-hamburger)
.nav-hamburger-body
.nav-item:not(:first-child)
.nav-list-link:active::before {
width: 10px;
}
/* =========================================================
FOOTER DEL MENU / MI CUENTA
========================================================= */
#nav-hamburger .modal-footer {
background: #111 !important;
border-top: 2px solid #c4a56a !important;
}
#nav-hamburger .nav-panel-account-row {
padding: 16px 20px !important;
}
#nav-hamburger .nav-panel-account,
#nav-hamburger .nav-panel-link,
#nav-hamburger .nav-panel-account-links,
#nav-hamburger .utility-icon {
color: #fff !important;
fill: #fff !important;
}
