/* ==========================================================
   ARTE ALBALADEJO
   Personalización visual sobre Hummingbird
   Versión 2.0
   ========================================================== */

:root{
    --aa-green:#88b400;
    --aa-pink:#d6007f;
    --aa-text:#222222;
    --aa-gray:#666666;
}

/* ==========================================================
   CABECERA
   ========================================================== */

.header-bottom{
    border-top:0;
    box-shadow:none;
}

/* Logo algo más grande */
.header-bottom__logo img{
    max-height:95px !important;
    width:auto;
}

/* Separación logo-menú */
.header-bottom__logo{
    padding-right:25px;
}

/* ==========================================================
   MENÚ PRINCIPAL
   ========================================================== */

.ps-mainmenu__desktop{
    background:var(--aa-green) !important;
    border-radius:4px;
}

/* Menú horizontal */
.ps-mainmenu__tree{
    gap:0 !important;
}

/* Opciones menú */
.ps-mainmenu__tree > li{
    border-right:1px solid rgba(255,255,255,.20);
}

.ps-mainmenu__tree > li:last-child{
    border-right:none;
}

.ps-mainmenu__tree-link{
    color:#ffffff !important;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    padding:14px 18px !important;
}

/* Hover */
.ps-mainmenu__tree-link:hover{
    background:var(--aa-pink);
    color:#ffffff !important;
}

/* Categoría activa */
.ps-mainmenu__tree > li.current .ps-mainmenu__tree-link{
    background:var(--aa-pink);
    color:#ffffff !important;
}

/* Flechas */
.ps-mainmenu__tree-dropdown-toggle{
    color:#ffffff !important;
}

.ps-mainmenu__tree-dropdown-toggle:hover{
    background:var(--aa-pink);
}

/* ==========================================================
   SUBMENÚS
   ========================================================== */

.ps-mainmenu .submenu{
    border:none !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15) !important;
}

/* Columna izquierda */
.submenu__left{
    background:#fafafa;
}

/* Categorías internas */
.submenu__left-item{
    font-size:14px;
    border-radius:4px;
}

.submenu__left-item:hover{
    background:var(--aa-pink) !important;
    color:#ffffff !important;
}

/* ==========================================================
   PRODUCTOS
   ========================================================== */

.product-miniature__title{
    color:var(--aa-text);
    font-weight:600;
    transition:.25s ease;
}

.product-miniature__title:hover{
    color:var(--aa-green);
    text-decoration:none;
}

.product-miniature__price{
    color:var(--aa-pink);
    font-weight:700;
    font-size:1.15rem;
}

/* ==========================================================
   BOTONES
   ========================================================== */

.btn-primary{
    background:var(--aa-green);
    border-color:var(--aa-green);
}

.btn-primary:hover{
    background:var(--aa-pink);
    border-color:var(--aa-pink);
}

/* ==========================================================
   ENLACES
   ========================================================== */

a{
    transition:.25s ease;
}

a:hover{
    color:var(--aa-green);
}

/* ==========================================================
   TRANSICIONES
   ========================================================== */

button,
.btn,
a{
    transition:all .25s ease;
}