/* ═══ RL Shoes — Menú de iconos (usuario / favoritos / carrito) ═══ */
.rlm-iconos{display:flex;align-items:center;gap:6px;position:relative;}
.rlm-icon-wrap{position:relative;}
.rlm-icon-btn{
    position:relative;display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:50%;border:none;background:transparent;
    font-size:19px;cursor:pointer;text-decoration:none;color:inherit;
    transition:background .15s;
}
.rlm-icon-btn:hover{background:rgba(0,0,0,.06);}
.rlm-badge{
    position:absolute;top:-1px;right:-1px;min-width:16px;height:16px;padding:0 3px;
    background:#ffc107;color:#111;border-radius:50%;font-size:10px;font-weight:800;
    display:flex;align-items:center;justify-content:center;line-height:1;
    font-family:Arial,sans-serif;
}
.rlm-badge.rlm-oculto{display:none;}

/* Panel flotante compartido por los 3 iconos (cuenta / favoritos / carrito) */
.rlm-dropdown{
    display:none;position:absolute;top:calc(100% + 10px);right:0;
    background:#fff;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.18);
    min-width:220px;padding:8px;z-index:600;font-family:Arial,sans-serif;
    border:1px solid #eee;
}
.rlm-dropdown.rlm-abierto{display:block;}
/* Puente invisible entre el ícono y el panel para que el hover no se corte al mover el mouse */
.rlm-dropdown::before{
    content:'';position:absolute;top:-10px;left:0;right:0;height:10px;
}

.rlm-dd-header{
    display:block;padding:10px 12px;font-size:13.5px;font-weight:700;color:#8B0000;
    text-decoration:none;border-radius:8px;
}
.rlm-dd-header:hover{background:#fff0f0;}
.rlm-dd-sep{height:1px;background:#eee;margin:6px 4px;}
.rlm-dd-item{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:9px 12px;font-size:13px;color:#333;text-decoration:none;border-radius:8px;
    cursor:pointer;
}
a.rlm-dd-item:hover{background:#fff0f0;color:#8B0000;}
.rlm-dd-item.rlm-disabled{color:#aaa;cursor:default;}
.rlm-dd-item.rlm-disabled em{
    font-style:normal;font-size:10px;background:#f2f2f2;color:#999;
    padding:2px 6px;border-radius:20px;
}
.rlm-dd-badge{
    font-style:normal;font-size:10.5px;font-weight:800;background:#8B0000;color:#fff;
    padding:2px 7px;border-radius:20px;line-height:1.3;
}
.rlm-dd-badge.rlm-oculto{display:none;}


/* ═══ Preview de carrito / favoritos (estilo Shein) ═══ */
.rlm-preview{width:290px;max-width:80vw;padding:14px;}
.rlm-preview-vacio{
    display:flex;flex-direction:column;align-items:center;text-align:center;
    padding:18px 6px 10px;color:#555;
}
.rlm-preview-vacio .rlm-preview-icono{font-size:34px;margin-bottom:8px;opacity:.65;}
.rlm-preview-vacio .rlm-preview-titulo{font-weight:700;font-size:14px;color:#222;margin-bottom:4px;}
.rlm-preview-vacio .rlm-preview-sub{font-size:12.5px;color:#777;line-height:1.4;margin-bottom:12px;}

.rlm-preview-lista{max-height:260px;overflow-y:auto;margin:0 -4px;}
.rlm-preview-item{
    display:flex;gap:10px;padding:8px 4px;border-bottom:1px solid #f2f2f2;
    align-items:center;
}
.rlm-preview-item:last-child{border-bottom:none;}
.rlm-preview-item img{
    width:46px;height:46px;object-fit:cover;border-radius:8px;background:#f5f5f5;flex-shrink:0;
}
.rlm-preview-item .rlm-pi-ph{
    width:46px;height:46px;border-radius:8px;background:#f5f5f5;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;font-size:18px;
}
.rlm-pi-info{flex:1;min-width:0;}
.rlm-pi-nombre{font-size:12.5px;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rlm-pi-meta{font-size:11.5px;color:#888;margin-top:2px;}
.rlm-pi-precio{font-size:12.5px;font-weight:700;color:#8B0000;white-space:nowrap;}
.rlm-pi-eliminar{
    background:none;border:none;cursor:pointer;font-size:14px;line-height:1;
    padding:4px 2px;margin-left:2px;opacity:.55;flex-shrink:0;
}
.rlm-pi-eliminar:hover{opacity:1;}
.rlm-preview-mas{text-align:center;font-size:12px;color:#999;padding:6px 0 2px;}

.rlm-preview-footer{margin-top:10px;padding-top:10px;border-top:1px solid #f2f2f2;}
.rlm-preview-subtotal{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#222;margin-bottom:10px;}
.rlm-preview-acciones{display:flex;gap:8px;}
.rlm-preview-btn{
    flex:1;text-align:center;padding:9px 6px;border-radius:8px;font-size:12.5px;font-weight:700;
    text-decoration:none;cursor:pointer;border:none;font-family:Arial,sans-serif;
}
.rlm-preview-btn.rlm-primario{background:#8B0000;color:#fff;}
.rlm-preview-btn.rlm-primario:hover{background:#6e0000;}
.rlm-preview-btn.rlm-secundario{background:#f2f2f2;color:#333;}
.rlm-preview-btn.rlm-secundario:hover{background:#e6e6e6;}
.rlm-preview-loading{text-align:center;color:#aaa;font-size:12.5px;padding:20px 0;}

@media(max-width:768px){
    .rlm-dropdown{right:-8px;}
    .rlm-preview{width:260px;}
}